Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
the_tall1
Threadersteller
Dabei seit: 20.06.2005
Ort: Ensingen
Alter: 38
Geschlecht:
|
Verfasst Mo 20.03.2006 11:37
Titel neuer Ansatz |
|
|
Hab das ganze jetzt etwas anderst gestaltet aber wie bekomme ich jetzt alle
Infoboxen in Zeile4 wirklich "in eine Zeile"?
Code: |
body {
margin:0;
width:100%;
hight:100%;
background-color:#bfbfbf;
z-index:1;
color:#ffffff;
}
h1 {
color:#ee0000;
font:bold;
}
h2 {
color:#ffffff;
margin-top:1%;
text-align:center;
}
ul {
font:bold 16px verdana, sans-serif;
type:circle;
}
li {
font:bold 14px verdana, sans-serif;
}
#head {}
#zeile1 { position:absolute; margin:6% 40% 90% 40%; }
#zeile2 { position:absolute; margin:12% 30% 75% 30%;}
#zeile3 { position:absolute; margin:18% 20% 60% 20%;}
#zeile4 { position:absolute; margin:24% 10% 55% 10%;}
#box {
width:50px;
}
#box a {
color:#ffffff;
background:#ee0000;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
}
#box a span {
display:none;
}
#box a:hover span {
position:absolute;
top:500px; left:200px;
background:#bfbfbf;
font:normal 10px courier, sans-serif;
color:black;
display:block;
}
|
|
|
|
|
|
the_tall1
Threadersteller
Dabei seit: 20.06.2005
Ort: Ensingen
Alter: 38
Geschlecht:
|
Verfasst Mo 03.04.2006 11:29
Titel fini |
|
|
So für alle die ein ähnliche Problem haben poste ich hier mal meine Lösung.
Hatte noch andere Aufgaben ned das hier jetzt gedacht word ich hätte dafür so lange gebraucht.
Code: |
h1 {
color:#ee0000;
font:bold;
text-align:center;
margin-top:3%;
}
body {
background-color:#cfcfcf;
z-index:1;
color:#ffffff;
margin:0;
}
#footer {
clear:both;
float:left;
margin:37% 0 0 2%;
font:bold 12px verdana, sans-serif;
color:#000000;
text-decoration:none;
z-index:1;
}
#footer a {
color:#ffffff;
background:#ee0000;
font:bold 10px verdana, sans-serif;
text-decoration:none;
z-index:2;
}
ul {
font:bold 16px verdana, sans-serif;
list-style-type:none;
}
#zeile1, #zeile2, #zeile3, #zeile4 {
margin:2% 0 0 0;
clear:both;
}
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10 {
float:left;
height:21px;
z-index:1;
color:#ffffff;
background:#ee0000;
font:bold 16px verdana, sans-serif;
text-decoration:none;
padding:5px;
text-align:center;
}
#box1 { margin:2% 0 0 24%; }
#box2 { margin:0 0 0 21%; }
#box4 { margin:0 0 0 14%; }
#box7 { margin:0 0 0 9%; }
#box3, #box5, #box6, #box8, #box9, #box10 { margin:0 0 0 3%; }
#box01, #box02 { width: 50px; }
#box01 a, #box02 a {
color:#ffffff;
background:#ee0000;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
}
#box01 a:hover, #box02 a:hover {
color:white;
background:#ee0000;
width:50px;
}
#box01 a div, #box02 a div {display:none;}
#box01 a:hover div, #box02 a:hover div {
position:absolute;
color:#000000;
background:#cfcfcf;
font:normal 13px courier, sans-serif;
display:block;
z-index:2;
width:300px;
}
#box01 a:hover div { margin:150px 0 0 -150%; }
#box02 a:hover div { margin:75px 0 0 -150%; }
|
Solangsam komm ich dahinter. THX The_Tall1
|
|
|
|
|
Anzeige
|
|
|
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|