LinkBack URL
About LinkBacks
Zitierenschon versucht, auch der <ul> ein float:left mitzugeben, statt nur den <li> ..?
hallöle,
ich habe eine css-navi - daneben soll das suchfeld erscheinen - der ff macht das auch - aber der ie schubst mir das suchfeld in die nächste zeile
mit nowrap an den verschiedensten stellen hatte ich keinen erfolg
könnte mir jemand bütte bütte den entscheidenen tip geben?
alle farben sind nur platzhalter (ich mags häßlich) - ich soll nur den header machenCode:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>ggg</title> <style type="text/css"> #header { background-image: url(assets/images/telesp.gif); width: 860; height: 100; } #navcontainer { margin:0; background-image:url(assets/images/telespiegel-bottom.gif); background-position:bottom; } /* auf länge anpassen */ #navcontainer:after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; } ul#navlist { list-style: none; margin:0px; width: 100%; font-size: 12px; padding:0px; } ul#navlist li { display: block; float: left; width: 95px; height:27px; margin-left:1px; } ul#navlist li a { display: block; width: 100%; color: #FF8C40; text-decoration: none; height:27px; background-image:url(assets/images/ll-down.jpg); text-align:center; line-height:24px; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { color: #FF8C40; width: 95px; height:27px; background-image:url(assets/images/ll-over.jpg); } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #FF8C40; width: 95px; height:27px; background-image:url(assets/images/ll-over.jpg); } #commercial { padding-top:20px; padding-right:5px; } #suche { font-size:10px; background-color:green; color:black; border:1px solid blue; width:110px; margin-left: 10px; } #suche-but { border:none; vertical-align:middle; } </style> </head> <body style="margin: 0px;"> <table width="956" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"><td> </td></tr> <tr valign="top"> <td width="40"> </td> <td align="left" valign="top"> <!-- Anzeige des GIF --> <div id="header"> <div id="commercial" align="right"> <script language="javascript" type="text/javascript">f_full();</script> </div></div> <!-- Navicontainer --> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Nachrichten</a></li> <li><a href="#">Festnetz</a></li> <li><a href="#">Handy</a></li> <li><a href="#">SMS/MMS</a></li> <li><a href="#">Internet</a></li> <li><a href="#">DSL</a></li> <li><a href="#">Forum</a></li> </ul> <INPUT id="suche" name="query" value="Suche"> <a href="javascript:document.suche.submit();"> <img id="suche-but" src="assets/images/lupe.jpg" alt="Suche" width="16" height="16"></a></div> .....
danke - paby
Geändert von paby (13.10.2009 um 12:54 Uhr) Grund: code-abschluss fehlte
In jeder großen Trennung liegt ein Keim von Wahnsinn; man muß sich hüten, ihn nachdenklich auszubrüten und zu pflegen.
Johann Wolfgang von Goethe
schon versucht, auch der <ul> ein float:left mitzugeben, statt nur den <li> ..?
sorry, dass ich mich jetzt erst meld
das hilft leider nicht - dann krieg ich auch im ff nen ungewollten umbruch
noch ne idee?
In jeder großen Trennung liegt ein Keim von Wahnsinn; man muß sich hüten, ihn nachdenklich auszubrüten und zu pflegen.
Johann Wolfgang von Goethe
Moin
Logisch, weil dein Menu eine Breite von 100% abbekommen hatZitat von paby
Um die Suche gehört noch ein form-Tag. Dann floatest du einfach das Menu und das Formular und gibst ihnen beide noch Breitenangaben mit:
Oder du arbeitest schlichtweg mit absoluter Positionierung und setzt das Suchfeld rechts in die Ecke des #navcontainerCode:#navlist { float: left; width: 70% } form { float: right; width: 30% }
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
