Auf Thema antworten 2026

Beitrag

<blockquote data-quote="vanilladragon" data-source="post: 1617557" data-attributes="member: 145152">AW: CSS Navi ohne Text, aber mit Grafiken1. Also Navigationen macht man schonmal prinzipiell als Liste&lt;ul&gt;&nbsp;&nbsp; &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;&nbsp;&nbsp; &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;&nbsp;&nbsp; ...&lt;/ul&gt;und nicht als Tabelle...2. des weiteren musst du den &quot;a&quot;s eine Klasse zuordnen&lt;ul&gt;&nbsp;&nbsp; &lt;li&gt; &lt;a class=&quot;button1&quot; href=&quot;index.html&quot;&gt;&lt;/a&gt; &lt;/li&gt;&nbsp;&nbsp; &lt;li&gt; &lt;a class=&quot;button2&quot; href=&quot;uebermich.html&quot;&gt;&lt;/a&gt;&nbsp; &lt;/li&gt;&nbsp;&nbsp; ...&lt;/ul&gt;3. In der CSS musst du dann noch entsprechend deine Bilder zuweisena.button1:link, a.button1:visited&nbsp; &nbsp; { background-image: url(img.jpg); }a.button1:hover&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { background-image: url(img.jpg); }Außerdem ist es sicherlich noch notwendig, den Listenelementen bestimmte &quot;Einstellungen&quot; zu geben (z.B. width, display, ... bla bla eben nach belieben)...Hilft das weiter?vanillaEDIT: [html]&lt;body&gt;&lt;div id=&quot;container&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;container_oben&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;Bilder/header.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;navi_left&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;menu_1&quot;&gt;&lt;a&nbsp; href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;menu_2&quot;&gt;&lt;a&nbsp; href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;menu_3&quot;&gt;&lt;a&nbsp; href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;menu_4&quot;&gt;&lt;a&nbsp; href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;menu_5&quot;&gt;&lt;a&nbsp; href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;navi_right&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;[/html]Ach du scheiße!!!! Wer macht denn bitteschön aus DIVS eine NAVIGATION?!?!?! Das ist totaler Humbug!!! Falsch! Komplett falsch... siehe meine Aussagen oben...</blockquote>

[QUOTE="vanilladragon, post: 1617557, member: 145152"] [b]AW: CSS Navi ohne Text, aber mit Grafiken[/b] [COLOR=DarkGreen][B]1. Also Navigationen macht man schonmal prinzipiell als Liste[/B][/COLOR] <ul> <li><a></a></li> <li><a></a></li> ... </ul> und nicht als Tabelle... [COLOR=DarkGreen][B]2. des weiteren musst du den "a"s eine Klasse zuordnen[/B][/COLOR] <ul> <li> <a class="button1" href="index.html"></a> </li> <li> <a class="button2" href="uebermich.html"></a> </li> ... </ul> [B][COLOR=DarkGreen]3. In der CSS musst du dann noch entsprechend deine Bilder zuweisen[/COLOR][/B] a.button1:link, a.button1:visited { background-image: url(img.jpg); } a.button1:hover { background-image: url(img.jpg); } Außerdem ist es sicherlich noch notwendig, den Listenelementen bestimmte "Einstellungen" zu geben (z.B. width, display, ... bla bla eben nach belieben)... Hilft das weiter? vanilla EDIT: [html]<body> <div id="container"> <div id="container_oben"> <div id="header"> <img src="Bilder/header.png" /> </div> <div id="navi"> <div class="navi_left"></div> <div class="menu_1"><a href="#"></a></div> <div class="menu_2"><a href="#"></a></div> <div class="menu_3"><a href="#"></a></div> <div class="menu_4"><a href="#"></a></div> <div class="menu_5"><a href="#"></a></div> <div class="navi_right"></div> </div> </div> </div> </body>[/html] Ach du scheiße!!!! Wer macht denn bitteschön aus DIVS eine NAVIGATION?!?!?! Das ist totaler Humbug!!! Falsch! Komplett falsch... siehe meine Aussagen oben... [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?