Unterschiedliche Listenansicht

Beitrag von **OnkelHotte** » 04.07.2005, 15:46

Ich versuche seit einer Stunde die Listenansicht bei Feuerfuchs anzupassen, damit das <UL><LI> Menü so aussieht wie bei IE und Opera 7.5x. Habe ich etwas Übersehen ?

Ausserdem zickt CSE HTML Validator 6.5 rum, weil er der Meinung ist, das man kein <UL> in ein <LI> packen darf.

Error in line 25 at character 4: [47] The "ul" element may directly contain only the "li" element. The "ul" element is not allowed here.

Error in line 25 at character 4: [47] Nested lists should be contained in an "li" tag.

Code: Alles auswählen

<html>
<head>
<title>copy & paste mich</title>
<style type="text/css">
ul &#123;
	list-style&#58;none;
	margin-left&#58; 10px;
&#125;
li &#123;
	margin&#58; 0;
&#125;
ul li a &#123;
	display&#58;block;
	padding&#58;2px 2px 2px 0.5em;
&#125;
li a&#58;hover &#123;
	background-color&#58;#3aa;
	color&#58;#fff;
&#125;
</style>
</head>
<body>
<ul>
	<li><a href="">Eins</a></li>
		<ul>
			<li><a href="">EinsZwei</a></li>
			<li><a href="">EinsDrei</a></li>
			<li><a href="">EinsVier</a></li>
		</ul>
	<li><a href="">Zwei</a></li>
	<li><a href="">Drei</a></li>
	<li><a href="">Vier</a></li>
</ul>
</body>
</html>

von **Anzeige von ABAKUS** »

Beitrag von **Graccem** » 04.07.2005, 16:07

Aus dem

Error in line 25 at character 4: [47] The "ul" element may directly contain only the "li" element. The "ul" element is not allowed here.

Error in line 25 at character 4: [47] Nested lists should be contained in an "li" tag.

folgt das:

Code: Alles auswählen

<ul>
   <li><a href="">Eins</a>
      <ul>  
         <li><a href="">EinsZwei</a></li>   
         <li><a href="">EinsDrei</a></li>    
         <li><a href="">EinsVier</a></li>   
      </ul>                                             
--></li>
   <li><a href="">Zwei</a></li>
   <li><a href="">Drei</a></li>
   <li><a href="">Vier</a></li>
</ul>

Beitrag von **OnkelHotte** » 04.07.2005, 17:10

Danke Graccem. Hatte ich übersehen.

Der Kilometer-Abstand bei Firefox bleibt trotzdem

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **derHund** » 04.07.2005, 18:30

setze generell, überall, und in jedes deines style-sheets

Code: Alles auswählen

* &#123;
  margin  &#58; 0;
  padding &#58; 0;
&#125;

an den anfang. einerseits sparst du dir dann das mehrfache 0-setzen in den elementen, und kannst auch überall von gleichen bedingungen ausgehen.

Beitrag von **OnkelHotte** » 05.07.2005, 03:50

Perfekt. Super.

Danke !

Beitrag von **OnkelHotte** » 05.07.2005, 12:44

Weiss jemand zufällig wie ich diese hässlichen Kästen, die Firefox um links ziet wegbekomme ?

onFocus="this.blur()" zersört meinen schönen schlanken Code..

Beitrag von **derHund** » 05.07.2005, 13:03

formatier doch den zustand focus so, daß es nicht mehr auffällt. ich bin mir grad nicht sicher, ob das überhaupt weggeht.