Tweet
Hallo folgendes Probelm...jeder Strich stellt ein Kästchen da..meine Navi(klein) besteht aus 3 kästchen. Kästchen link (runde kante) kästchen mitte(hauptteil) kästchenrechts ( rechte runde kante..) ich hoffe ihr versthet mich bis dahin..so nun. soll das so eig. aussehen..wie gesagt ein strich gleich das kästchen
____ _______________________ ____
so soll es aussehen..natürlich ohne den lücken..aber im mom sieht es mit dem u.a. code so aus...
____ _______________________
____
d.h. das rechte kästchen ist nach unten verschoben..und ich weiß nicht woran es liegt...brauche dringend euere Hilfe..hier der Code HTML
und hier die CSS
mit freundl. Grüßen
Marvin
Edit (autom. Beitragszusammenführung):
ahh..hab schon..die reihenfolge der divs war falsch..erst rechts dann links dann mitte
aber trotzdem dankeew!!^^
____ _______________________ ____
so soll es aussehen..natürlich ohne den lücken..aber im mom sieht es mit dem u.a. code so aus...
____ _______________________
____
d.h. das rechte kästchen ist nach unten verschoben..und ich weiß nicht woran es liegt...brauche dringend euere Hilfe..hier der Code HTML
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>POD | Desktop</title> <link rel="stylesheet" type="text/css" href="../css/layout.css" /> </head> <body> <div id="background"> <div id="head_navi"> <div id="ecke_links"></div> <div id="center"></div> <div id="ecke_rechts"></div> </div> </div> </body> </html>
HTML-Code:
body{
margin:0px;
}
#background{
position: absolute;
width: 100%;
height: 100%;
background-image:url(../images/bg_desktop.jpg);
background-position: center;
margin:0px;
}
#head_navi{
width: 236px;
height: 29px;
margin:auto;
}
#ecke_links{
width: 18px;
height: 29px;
float:left;
background-image:url(../images/navi/left.png);
}
#center{
width: 200px;
height: 29px;
margin:auto;
background-image:url(../images/navi/center.png);
}
#ecke_rechts{
width: 18px;
height: 29px;
float:right;
background-image:url(../images/navi/right.png);
}
Marvin
Edit (autom. Beitragszusammenführung):
ahh..hab schon..die reihenfolge der divs war falsch..erst rechts dann links dann mitte
aber trotzdem dankeew!!^^
ich bin immer offen für wertvolle tips
Kommentar