Hallo,
ich habe folgendes gebaut:
Style:
oder hier
Wenn ich die Textformatierung (Arial) rausnehme, sind die Abstände im IE weg, im Firefox sind sie sowieso da. Könnt ihr mir sagen, wie ich die komplett wegbekomme?
Gruß GSJLink
ich habe folgendes gebaut:
Code:
<head> <link rel="stylesheet" type="text/css" media="screen" href="./inc/style.css" /> </head> <body bgcolor="#000000"> <div id="nav"> <ul> <li id="nav_top"><div id="menuheadtext">Main</div>[/list] <ul>[*]<div id="menutext">Punkt 1</div>[*]<div id="menutext">Punkt 2</div>[*]<div id="menutext">Punkt 3</div>[*]<div id="menutext">Punkt 4</div>[*]<div id="menutext">Punkt 5</div> <li id="nav_bottom">[/list] </div> </body>
Code:
#nav { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; margin-bottom:0px; } #menuheadtext { margin-bottom:0px; margin-top:3px; margin-left:5px; font-size:16px; } #menutext { margin-bottom:0px; margin-top:1px; margin-left:10px; } #nav ul { padding:0; margin:0; list-style-type:none; } #nav li { margin-top:0px; margin-bottom:0px; background-image:url(../images/menulist.gif); width:223px; height:20px; } li#nav_top { width:223px; height:25px; margin:0; background-image:url(../images/menuheader3.gif); } li#nav_topopen { width:223px; height:25px; margin:0; background-image:url(../images/menuheader4.gif); } li#nav_bottom { width:223px; height:9px; margin:0; background-image:url(../images/menulistdown.gif); background-repeat:no-repeat; }
Wenn ich die Textformatierung (Arial) rausnehme, sind die Abstände im IE weg, im Firefox sind sie sowieso da. Könnt ihr mir sagen, wie ich die komplett wegbekomme?
Gruß GSJLink
Kommentar