Auf Thema antworten 2026

Beitrag

<blockquote data-quote="ADcosmos" data-source="post: 1968828">AW: Linkbuttons via CSS3 definieren und einbindenHi,1. Es hat Sinn mit Listen zu arbeiten. Wenn jemand deine Seite ohne CSS lädt, erkennt er leichter die Navigation, und deren einzelne Items.2. Aufbau (für die Navigation, auf Basis von simonpicos)[CODE]&lt;ul id=&quot;nav&quot;&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;xyz.html&quot; id=&quot;btn1&quot;&gt;Link 1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;xyz.html&quot; id=&quot;btn2&quot;&gt;Link 2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;xyz.html&quot; id=&quot;btn3&quot;&gt;Link 3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;xyz.html&quot; id=&quot;btn4&quot;&gt;Link 4&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;[/CODE]Deine CSS-Datei (bzw. ein Auszug davon)[CODE]ul#nav{&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; position: relative;}ul#nav a{&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; display: block&nbsp; &nbsp; position: relative; //oder absolute&nbsp; &nbsp; width: 100px;&nbsp; &nbsp; height: 50px;&nbsp; &nbsp; background: red; //deine Hintergrundfarbe, oder alternativ das Bild fur &quot;MouseOut&quot;&nbsp; &nbsp; color: white;}ul#nav a:hover{&nbsp; &nbsp; background: green;//deine Hintergrundfarbe, oder alternativ das Bild fur &quot;MouseOver&quot;&nbsp; &nbsp; color: black;}ul#nav a#btn1{&nbsp; &nbsp; left: 0;&nbsp; &nbsp; top: 0;}ul#nav a#btn2{&nbsp; &nbsp; left: 100px;&nbsp; &nbsp; top: 200px;}[/CODE]MFG ADcosmos</blockquote>

[QUOTE="ADcosmos, post: 1968828"] [b]AW: Linkbuttons via CSS3 definieren und einbinden[/b] Hi, 1. Es hat Sinn mit Listen zu arbeiten. Wenn jemand deine Seite ohne CSS lädt, erkennt er leichter die Navigation, und deren einzelne Items. 2. Aufbau (für die Navigation, auf Basis von simonpicos) [CODE]<ul id="nav"> <li><a href="xyz.html" id="btn1">Link 1</a></li> <li><a href="xyz.html" id="btn2">Link 2</a></li> <li><a href="xyz.html" id="btn3">Link 3</a></li> <li><a href="xyz.html" id="btn4">Link 4</a></li> </ul> [/CODE] Deine CSS-Datei (bzw. ein Auszug davon) [CODE]ul#nav{ list-style: none; position: relative; } ul#nav a{ text-decoration: none; display: block position: relative; //oder absolute width: 100px; height: 50px; background: red; //deine Hintergrundfarbe, oder alternativ das Bild fur "MouseOut" color: white; } ul#nav a:hover{ background: green;//deine Hintergrundfarbe, oder alternativ das Bild fur "MouseOver" color: black; } ul#nav a#btn1{ left: 0; top: 0; } ul#nav a#btn2{ left: 100px; top: 200px; } [/CODE] MFG ADcosmos [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?