Seite 1 von 1

Unterschiedliche Listenansicht

Verfasst: 04.07.2005, 15:46
von OnkelHotte
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>

Verfasst:
von

Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Unterschiedliche Listenansicht

Verfasst: 04.07.2005, 16:07
von Graccem
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>

Unterschiedliche Listenansicht

Verfasst: 04.07.2005, 17:10
von OnkelHotte
Danke Graccem. Hatte ich übersehen.

Der Kilometer-Abstand bei Firefox bleibt trotzdem :(

Verfasst:
von

Unterschiedliche Listenansicht

Verfasst: 04.07.2005, 18:30
von derHund
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.

Unterschiedliche Listenansicht

Verfasst: 05.07.2005, 03:50
von OnkelHotte
Perfekt. Super.

Danke !

Unterschiedliche Listenansicht

Verfasst: 05.07.2005, 12:44
von OnkelHotte
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.. :(

Unterschiedliche Listenansicht

Verfasst: 05.07.2005, 13:03
von derHund
formatier doch den zustand focus so, daß es nicht mehr auffällt. ich bin mir grad nicht sicher, ob das überhaupt weggeht.