zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Nav-Liste wird nicht korrekt dargestellt?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.05.2006, 00:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.03.2006
Beiträge: 36
tomtom befindet sich auf einem aufstrebenden Ast
Standard 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&uuml;hrlich &uuml;ber unsere &Auml;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&ouml;tigen,
		   stehen wir Ihnen selbstverst&auml;ndlich gerne pers&ouml;nlich zur Verf&uuml;gung.
		[/list]  </div>
 </div>
<div class="clear-left" />
<div id="footer">
        [img]bilder/shadowfoot.gif[/img]
</div>
</div>
</body>
</html>
Wie gesagt, es geht um die navlist, und die wird in Safari und IE unterschiedlich dargestellt.
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.05.2006, 00:50
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.03.2006
Beiträge: 36
tomtom befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.05.2006, 01:06
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.03.2005
Beiträge: 286
Chattanooga befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 03.05.2006, 02:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.03.2006
Beiträge: 36
tomtom befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 03.05.2006, 18:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.03.2006
Beiträge: 36
tomtom befindet sich auf einem aufstrebenden Ast
Standard

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>
Ich hab mal ein Bild gemacht, das Problem entsteht unter Mac OSX und 9 beim IE.

Es ist wirklich zum Verzweifeln


Gruß

Tom
Angehängte Grafiken
Dateityp: jpg bild_1_182.jpg (58,2 KB, 69x aufgerufen)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:49 Uhr.