Auf Thema antworten 2026

Beitrag

<blockquote data-quote="grinsen" data-source="post: 1725025" data-attributes="member: 500575">Hallo,ich wage mich an meine erste Html Seite und bekomme schon anfangs viele Probleme mit einem ordentlichen, sehr simplen, Menü.So sieht es bisher aus:Problem 1:&nbsp; Der Link Rahmen (Rahmen bei gedrückter Maustauste) passt nicht direkt auf den Button.Problem 2: Durch List Style Type: none; geht zwar der Punkt vor der Liste weg, jedoch der Abstand des Link Rahmens bleibt nach Links.3. Wie bekomme ich es in der Zukunft hin ein anderen Button für gedrückte Buttons einzufügen. Ich weiss das dies mit a:hover geht und einfach anderes Image einfügen, aber ich bekomme es nie hin das der gespresste Button ordentlich über der Menüleiste liegt.Hier mein bisheriger Code:[HTML]&lt;body&gt;&lt;ul id=&quot;menu&quot;&gt;&nbsp;&nbsp; &lt;li&gt; &lt;a href=&quot;deineseite1.html&quot;&gt;About&lt;/a&gt; &lt;/li&gt;&nbsp;&nbsp; &lt;li&gt; &lt;a href=&quot;deineseite2.html&quot;&gt;Projects&lt;/a&gt; &lt;/li&gt;&lt;/ul&gt;&lt;/body&gt;[/HTML]CSS:[CODE]body {&nbsp; &nbsp; background: url(images/background.png) repeat-x center top;&nbsp; &nbsp; height:600px;&nbsp; &nbsp; margin: 0 auto;&nbsp; &nbsp; font-family: Arial, Helvetica, sans-serif;&nbsp; &nbsp; font-size: 12px;}#menu {&nbsp; &nbsp; background: url(images/menue.png) no-repeat center top;&nbsp; &nbsp; float:left;&nbsp; &nbsp; list-style-type:none;&nbsp; &nbsp; heigth: 30.5px;&nbsp; &nbsp; margin-top:0px;&nbsp; &nbsp; margin-left: 380px;}#menu li {&nbsp; &nbsp; float:left;}#menu a {&nbsp; &nbsp; display: block;&nbsp; &nbsp; padding: 20px 40px 0px 90px;&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; font-family: Arial, Helvetica, sans-serif;&nbsp; &nbsp; font-size: 13px;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; color: #000000;&nbsp; &nbsp; border: none;&nbsp; &nbsp; width: 119px;&nbsp; &nbsp; height: 43px;}#menu a:hover {&nbsp; &nbsp; color: #FFFFFF;}[/CODE]Wie kann ich es verbessern, sodass ich oben ein schön zentriertes Menü habe mit einem Hover Button der genau draufpasst?Vielen Dank für die Hilfe.Mit freundlichen Grüßen</blockquote>

[QUOTE="grinsen, post: 1725025, member: 500575"] Hallo, ich wage mich an meine erste Html Seite und bekomme schon anfangs viele Probleme mit einem ordentlichen, sehr simplen, Menü. So sieht es bisher aus: Problem 1: Der Link Rahmen (Rahmen bei gedrückter Maustauste) passt nicht direkt auf den Button. Problem 2: Durch List Style Type: none; geht zwar der Punkt vor der Liste weg, jedoch der Abstand des Link Rahmens bleibt nach Links. 3. Wie bekomme ich es in der Zukunft hin ein anderen Button für gedrückte Buttons einzufügen. Ich weiss das dies mit a:hover geht und einfach anderes Image einfügen, aber ich bekomme es nie hin das der gespresste Button ordentlich über der Menüleiste liegt. Hier mein bisheriger Code: [HTML]<body> <ul id="menu"> <li> <a href="deineseite1.html">About</a> </li> <li> <a href="deineseite2.html">Projects</a> </li> </ul> </body>[/HTML] CSS: [CODE]body { background: url(images/background.png) repeat-x center top; height:600px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #menu { background: url(images/menue.png) no-repeat center top; float:left; list-style-type:none; heigth: 30.5px; margin-top:0px; margin-left: 380px; } #menu li { float:left; } #menu a { display: block; padding: 20px 40px 0px 90px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; border: none; width: 119px; height: 43px; } #menu a:hover { color: #FFFFFF; } [/CODE] Wie kann ich es verbessern, sodass ich oben ein schön zentriertes Menü habe mit einem Hover Button der genau draufpasst? Vielen Dank für die Hilfe. Mit freundlichen Grüßen [/QUOTE]

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

Authentifizierung

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