Auf Thema antworten 2026

Beitrag

<blockquote data-quote="smusekaterliene" data-source="post: 794046" data-attributes="member: 3578">Einen wunderschönen Guten Morgen! Erstmal vielen Dank für eure Antworten.. leider hat das mit dem wrapper nicht funktioniert. Ich habe es jetzt (sicher nicht sehr elegangt) mit &lt;div style=&quot;width:800px;margin:0px auto;&quot;&gt; im body gelöst. Das funktioniert jetzt erstmal. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />Hover effecte funktionieren auch super! Jetzt hat es entgültig klick gemacht! Vielen, vielen Dank! LG, SmuseHallöchen, es ist zum Verzweifeln... <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" /> nun klappt alles mit den Hovereffects und auch die divs passen, leider funktionieren die Links der Buttons nicht mehr... ich dreh echt langsam am Kabel... Was habe ich denn übersehen? Muss ich in den Styles.css den Buttons auch noch den Link zuweisen? Ich bin echt mit meinem Latein am Ende.. Hier mein neuer (HTML-Code): &lt;html&gt;&lt;head&gt;&lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot;&gt;&lt;title&gt;xxxxx - STARTSEITE -&lt;/title&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;&lt;/head&gt;&lt;link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;&lt;body bgcolor=&quot;#999999&quot; onLoad=&quot;preloadImages();&quot;&gt;&nbsp; &nbsp; &lt;div style=&quot;width:800px;margin:0px auto;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;home&quot;&gt;&lt;a href=&quot;index.html&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;info&quot;&gt;&lt;a href=&quot;info.html&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;leistung&quot;&gt;&lt;a href=&quot;products.html&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;referenz&quot;&gt;&lt;a href=&quot;references.html&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;contact&quot;&gt;&lt;a href=&quot;contact.html&quot;&gt;&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;shadow&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;main&quot;&gt;und hier mein neuer CSScode (gekürzt):#header {&nbsp; &nbsp; background-image: url(Bilder/Header.png);&nbsp; &nbsp; margin: auto;&nbsp; &nbsp; height: 191px;&nbsp; &nbsp; width: 800px;}#navi {&nbsp; &nbsp; padding:0;&nbsp; &nbsp; margin: 0px auto;&nbsp; &nbsp; height: 37px;&nbsp; &nbsp; widht: 800px;}#home {&nbsp; &nbsp;&nbsp; float: left;&nbsp; &nbsp;&nbsp; Background-image: url(Bilder/Startseite.png);&nbsp; &nbsp;&nbsp; height: 37px;&nbsp; &nbsp;&nbsp; width: 160px;}#home:hover {&nbsp; &nbsp;&nbsp; float: left;&nbsp; &nbsp;&nbsp; Background-image: url(Bilder/Startseite-over.png);&nbsp; &nbsp;&nbsp; Background-color: transparent;&nbsp; &nbsp;&nbsp; height: 37px;&nbsp; &nbsp;&nbsp; width: 160px;} Liegt es vielleicht daran, dass ich den Normal-divs das Hintergrundbild zugewiesen habe? Versteckt sich vielleicht jetzt der Link hinter den Bild?? Danke schon mal im Voraus für eure Ideen! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />LG, Smuse</blockquote>

[QUOTE="smusekaterliene, post: 794046, member: 3578"] Einen wunderschönen Guten Morgen! Erstmal vielen Dank für eure Antworten.. leider hat das mit dem wrapper nicht funktioniert. Ich habe es jetzt (sicher nicht sehr elegangt) mit <div style="width:800px;margin:0px auto;"> im body gelöst. Das funktioniert jetzt erstmal. :) Hover effecte funktionieren auch super! Jetzt hat es entgültig klick gemacht! Vielen, vielen Dank! LG, Smuse Hallöchen, es ist zum Verzweifeln... :( nun klappt alles mit den Hovereffects und auch die divs passen, leider funktionieren die Links der Buttons nicht mehr... ich dreh echt langsam am Kabel... Was habe ich denn übersehen? Muss ich in den Styles.css den Buttons auch noch den Link zuweisen? Ich bin echt mit meinem Latein am Ende.. Hier mein neuer (HTML-Code): <html> <head> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <title>xxxxx - STARTSEITE -</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <link href="styles.css" rel="stylesheet" type="text/css"/> <body bgcolor="#999999" onLoad="preloadImages();"> <div style="width:800px;margin:0px auto;"> <div id="header"></div> <div id="navi"> <div id="home"><a href="index.html"></a></div> <div id="info"><a href="info.html"></a></div> <div id="leistung"><a href="products.html"></a></div> <div id="referenz"><a href="references.html"></a></div> <div id="contact"><a href="contact.html"></a></div> </div> <div id="shadow"></div> <div id="main"> und hier mein neuer CSScode (gekürzt): #header { background-image: url(Bilder/Header.png); margin: auto; height: 191px; width: 800px; } #navi { padding:0; margin: 0px auto; height: 37px; widht: 800px; } #home { float: left; Background-image: url(Bilder/Startseite.png); height: 37px; width: 160px; } #home:hover { float: left; Background-image: url(Bilder/Startseite-over.png); Background-color: transparent; height: 37px; width: 160px; } Liegt es vielleicht daran, dass ich den Normal-divs das Hintergrundbild zugewiesen habe? Versteckt sich vielleicht jetzt der Link hinter den Bild?? Danke schon mal im Voraus für eure Ideen! :) LG, Smuse [/QUOTE]

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

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?