|
|||
Nav-Liste wird nicht korrekt dargestellt?
Hallo,
ist noch irgendjemand wach, der mir sagen kann, warum die Menü-Liste im folgenden Code 1. unterstrichen 2. in rosa dargestellt wird? Code:
<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1-transitionsl.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled</title> <style type="text/css"> /* <![CDATA[ */ * { margin:0; padding:0; border:0 } html,body { font:0.9em/1.3em Arial, Helvetica, sans-serif; background:#FFFFFF; color:#555; text-align:center } div#wrapper { text-align:left; margin:0px auto; background:url(bilder/body.gif); width:797px; } div#header { width:100%; height:136px; text-align:right; background-image: url(bilder/head.gif); } div#menu { width:281px; float:left; margin: 10px 10px 0px; } div#menu ul li { margin:10px 10px 0; line-height:22px; list-style:none; margin-bottom:2px; text-align:left; text-indent: 20px; } div#menu ul li a { display:block; width:100%; text-decoration:none; background-image: url(bilder/but1.gif); background-repeat: no-repeat; color: #333333; } div#menu ul li a:hover { background:url(bilder/but2.gif); background-repeat: no-repeat; color: #333333; } a:link { color: #333333; text-decoration: none; } div#content { position:static; margin-left:281px; padding:10px; margin-right: 10px; } div#content h1 { font-size: 1.3em; color:#000; margin-bottom:20px; border-bottom:1px solid #000 } div#content h2 { font-size: 1.1em; margin:15px 0; } .clear-left{ clear:left; / font-size:1px; / } div#footer { width:100%; background:#FFFFFF; clear:left; } pre { font:1.2em/1.4em Arial, Helvetica, sans-serif; } div#bildkopf { text-align: right; margin-right:8px; } div#text { margin-left: 50px; margin-right: 20px; } div#text ul li { margin:10px 10px 0; list-style:url(bilder/smallbut.gif) none; text-align:left; } h2 { text-indent: 10px; } #navlist li { display: inline; list-style-type: none; padding-right: 20px; margin-right: 20px; text-decoration: none; color: #FFFFFF; } /*]]>*/ </style> </head> <body> <div id="wrapper"> <div id="header"> <div id="bildkopf">[img]bilder/leistungen/leistungshead.jpg[/img]</div> <div id="navcontainer"> <ul id="navlist"> <li id="active"> [*]Partner [*]Service [*]Home [*]Wir über uns [/list] </div> </div> <div id="menu"> <ul>[*]An‰sthesie & Intensivmedizin[*]Chirurgie[*]Innere Medizin[*]Plastische Chirurgie [*]HNO [*]Notf‰lle[/list]</div> <div id="content"> <div align="center">[img]bilder/leistungen/leistungen.jpg[/img]</div> <div align="left"> <h2>[img]bilder/smallbut.gif[/img]Das Leistungsspektrum</h2> </div> <div id="text"> <ul> [*]In diesem Bereich stellen wir Ihnen die Fachabteilungen unseres Krankenhauses vor. Informieren Sie sich ausführlich über unsere Ärzte, deren Leistungen und lernen Sie die einzelnen Teams kennen. [*]Hier erfahren Sie, wer die richtigen Ansprechpartner in den einzelnen Abteilungen sind und wie Sie sie am besten erreichen. [*]Sollten Sie noch Fragen haben oder weitere Informationen benötigen, stehen wir Ihnen selbstverständlich gerne persönlich zur Verfügung. [/list] </div> </div> <div class="clear-left" /> <div id="footer"> [img]bilder/shadowfoot.gif[/img] </div> </div> </body> </html> Im IE mit den oben genannten Problemen und in Safari etc. zwar nicht unterstrichen aber in dunkelgrauer Farbe. Das versteh ich einfach nicht. Gruß tom |
Sponsored Links |
|
|||
Trotz Müdigkeit selbst gefunden!
Nur eine Sache noch, dann bin ich auch fertig: der IE stellt mir das Nav-Menü nicht rechtsbündig dar, der Text steht immer über dem Rand des Containers. Bei allen anderen Browsern funktionierts ja prima. Da wäre Hilfe wirklich nett. Tom |
Sponsored Links |
|
|||
ich sehe keine rosa Unterstreichungen - hast Du das gepostete listing in der Zwischenzeit verändert?
Noch einen Hinweis - in Deinem Code sind Fehler, z.B. ist ein div nicht geschlossen. Schicks bitte mal durch den Validator. Gruß Chattanooga |
|
|||
Durch den Validator schicke ich es gleich morgen, dazu bin ich jetzt einfach zu müde...(mach ich sowieso immer, wenn ich etwas ziemlich fertig habe).
Den Code hab ich nicht geändert, als ich bei den links "#" eingefügt hatte, waren auch keine Unterstreichungen und rosa Farbe mehr im IE. Sehr merkwürdig, aber funktioniert. Aber das Problem mit dem Nav-Menü hab ich immer noch nicht gelöst. Hast Du da vielleicht noch einen Tipp? Danke und gute Nacht Tom |
|
|||
Hallo,
Problem besteht immer noch, leider. Ich füg noch mal den css-code bei, ist ein wenig geändert: Code:
<style type="text/css"> * { margin:0; padding:0; border:0 } html,body { font:0.9em/1.3em Arial, Helvetica, sans-serif; background:#FFFFFF; color:#555; text-align:center } div#wrapper { text-align:left; margin:0px auto; background: url(bilder/body.gif); width:797px; } div#header { width:100%; height:136px; text-align:right; background-image: url(bilder/xhead.gif); text-indent: 200px; } div#menu { width:281px; float:left; margin: 10px 10px 0px; } div#menu ul li { margin:10px 10px 0; line-height:22px; list-style:none; margin-bottom:2px; text-align:left; text-indent: 20px; } div#menu ul li a { display:block; width:100%; text-decoration:none; background-image: url(bilder/but1.gif); background-repeat: no-repeat; color: #333333; background-color: #DEDEDE; } div#menu ul li a:hover { background: url(bilder/but2.gif) no-repeat; } a:link { text-decoration: none; } div#content { position:static; margin-left:281px; padding:10px; margin-right: 10px; } div#content h1 { font-size: 1.3em; color:#000; margin-bottom:20px; border-bottom:1px solid #000 } div#content h2 { font-size: 1.1em; margin:15px 0; } .clear-left { clear:left; font-size:1px; } div#footer { width:100%; clear:left; } pre { font:1.2em/1.4em Arial, Helvetica, sans-serif; } div#bildkopf { text-align: right; margin-right:8px; } div#text { margin-left: 50px; margin-right: 20px; } div#text ul li { margin:10px 10px; list-style: url(bilder/smallbut.gif) none; text-align:left; } #navlist ul li { display: inline; list-style-type: none; margin: 20px; } #navlist ul li a { color:#FFFFFF; } </style> Es ist wirklich zum Verzweifeln Gruß Tom |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
Dynamische Größen | Killhunter | CSS | 0 | 14.05.2011 17:56 |
Problem mit 3 Navigationsebene im CSS-Menü im Internet Explorer | Chellisa | CSS | 0 | 15.08.2008 11:28 |
Multi-Level Navigation mit Grafiken | koncrete | CSS | 3 | 02.08.2008 03:28 |
Probleme beim ausrichten | Mojo83 | CSS | 4 | 25.06.2008 20:54 |