Auf Thema antworten 2026

Beitrag

<blockquote data-quote="MacDan" data-source="post: 1515781" data-attributes="member: 425073">AW: Horizontales Menu mit verschiedene GrafikenOk ich habs jetzt etwas anders gelöst.mein css[CODE]#logo_menu {&nbsp; &nbsp; background: url(../images/logo.jpg) no-repeat;&nbsp; &nbsp; height: 67px;&nbsp; &nbsp; width: 1280px;&nbsp; &nbsp; margin-left: 172px;&nbsp; &nbsp; margin-top: 24px;}h1 {&nbsp; &nbsp; text-indent: -9999px;&nbsp; &nbsp; float: left;}#home {&nbsp; &nbsp; background: url(&#039;../images/home.jpg&#039;) no-repeat 0 0;&nbsp; &nbsp; margin-top: 24px;&nbsp; &nbsp; margin-left: 428px;&nbsp; &nbsp; width: 124px;&nbsp; &nbsp; height: 95px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; }#home:hover {&nbsp; &nbsp; background-position: -124px 0;}#service {&nbsp; &nbsp; background: url(&#039;../images/service.jpg&#039;) no-repeat 0 0;&nbsp; &nbsp; margin-top: 24px;&nbsp; &nbsp; margin-left: 552px;&nbsp; &nbsp; width: 123px;&nbsp; &nbsp; height: 95px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; }#service:hover {&nbsp; &nbsp; background-position: -123px 0;}#portfolio {&nbsp; &nbsp; background: url(&#039;../images/portfolio.jpg&#039;) no-repeat 0 0;&nbsp; &nbsp; margin-top: 24px;&nbsp; &nbsp; margin-left: 675px;&nbsp; &nbsp; width: 133px;&nbsp; &nbsp; height: 95px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; }#portfolio:hover {&nbsp; &nbsp; background-position: -133px 0;}#kontakt {&nbsp; &nbsp; background: url(&#039;../images/kontakt.jpg&#039;) no-repeat 0 0;&nbsp; &nbsp; margin-top: 24px;&nbsp; &nbsp; margin-left: 808px;&nbsp; &nbsp; width: 120px;&nbsp; &nbsp; height: 95px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; }#kontakt:hover {&nbsp; &nbsp; background-position: -120px 0;}[/CODE][CODE]&lt;div id=&quot;logo_menu&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;&lt;a href=&quot;#&quot;&gt;Fogward Design&lt;/a&gt;&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; id=&quot;home&quot;&gt;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; id=&quot;service&quot;&gt;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; id=&quot;portfolio&quot;&gt;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; id=&quot;kontakt&quot;&gt;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &lt;!-- end logo_menu --&gt;[/CODE]Jetzt werden die Grafiken richtig dargestellt und auch der hover Effekt funktioniert einwandfrei.ABERDas logo ist auf der richtigen Postion und der erste Menupunkt ist auf der richtigen Postition, die anderen 3 werden wie eine Treppe nach rechts unten weg gestaffelt.Wo ist da mein Fehler?Hoffe jemand kann helfen.regards denny</blockquote>

[QUOTE="MacDan, post: 1515781, member: 425073"] [b]AW: Horizontales Menu mit verschiedene Grafiken[/b] Ok ich habs jetzt etwas anders gelöst. mein css [CODE] #logo_menu { background: url(../images/logo.jpg) no-repeat; height: 67px; width: 1280px; margin-left: 172px; margin-top: 24px; } h1 { text-indent: -9999px; float: left; } #home { background: url('../images/home.jpg') no-repeat 0 0; margin-top: 24px; margin-left: 428px; width: 124px; height: 95px; display: block; } #home:hover { background-position: -124px 0; } #service { background: url('../images/service.jpg') no-repeat 0 0; margin-top: 24px; margin-left: 552px; width: 123px; height: 95px; display: block; } #service:hover { background-position: -123px 0; } #portfolio { background: url('../images/portfolio.jpg') no-repeat 0 0; margin-top: 24px; margin-left: 675px; width: 133px; height: 95px; display: block; } #portfolio:hover { background-position: -133px 0; } #kontakt { background: url('../images/kontakt.jpg') no-repeat 0 0; margin-top: 24px; margin-left: 808px; width: 120px; height: 95px; display: block; } #kontakt:hover { background-position: -120px 0; }[/CODE] [CODE]<div id="logo_menu"> <h1><a href="#">Fogward Design</a></h1> <a href="#" id="home"></a> <a href="#" id="service"></a> <a href="#" id="portfolio"></a> <a href="#" id="kontakt"></a> </div> [/CODE] Jetzt werden die Grafiken richtig dargestellt und auch der hover Effekt funktioniert einwandfrei. ABER Das logo ist auf der richtigen Postion und der erste Menupunkt ist auf der richtigen Postition, die anderen 3 werden wie eine Treppe nach rechts unten weg gestaffelt. Wo ist da mein Fehler? Hoffe jemand kann helfen. regards denny [/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?