Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.09.2009 um 18:52 (UTC)    
Titel: CSS: Mein Design unter die Werbung positionieren

Hallo,
ich habe mir ein schönes CSS-Design angelegt, aber die Werbung zerstört alles. Nun wollte ich jemanden von euch Fragen, ob er mein Design so verschieben kann, dass die Werbung nicht mitten im Header hängt.

LG Jamie


Zuletzt bearbeitet von justin-rockt am 15.09.2009, 13:34, insgesamt einmal bearbeitet
Beitrag15.09.2009 um 12:34 (UTC)    
Titel:

Hi, dazu musst du die "top" Werte in deinem Design ändern,
ich habe dir das mal gemacht Wink

Der neue Code:
Zitat:
body { background: url(http://i282.photobucket.com/albums/kk258/Eviva-Espania/repeat-y.png) repeat-y #aed0ef; color: #bdbdbd; font-family: Geneva, Verdana, Arial, sans-serif; font-size: small; } #pic { position: absolute; top: 100px; left: 0px; margin: 0px; padding: 0px; z-index: -1; } #piic, #piiic { margin: 0px; padding: 0px; z-index: -2; } #nav { display: none; } h1 { z-index: 99; position: absolute; top: 280px; left: 120px; width: 330px; text-align: center; color: #7198b7; font-family: Times New Roman, serif; font-size: 50px; font-weight: normal; } h2 { padding: 0px; margin: 0px; } #content { z-index: 100; padding: 5px; margin: 0px; position: absolute; left: 343px; text-align: center; top: 620px; width: 490px; } #navi { z-index: 101; padding: 5px; position: absolute; left: 121px; top: 620px; width: 212px; text-align: center; } b, strong { color: #00a8ff; } i, em { color: #aed0ef; } #content a { color: #005cb0; text-decoration: none; letter-spacing: 1px; } #content a:hover { color: #00d8ff; letter-spacing: 0px; } #navi a { display: block; background: #cee8ff; margin: 1px; padding: 2px; text-decoration: none; color: #fff; } #navi a:hover { display: block; background: #ddefff; margin: 1px; padding: 2px; text-decoration: none; color: #397ab5; font-style: italic; } #content h2 { font-weight: normal; text-align: left; color: #aed0ef; border-bottom: 1px solid #bdbdbd; margin-bottom: 5px; } #link { position: fixed; top: 100px; right: 0px; padding: 0px; margin: 0px; } #link p, #link img { padding: 0px; margin: 0px; }
Wenn 100 Pixel zun wenig sein sollten,
dann einfach alle roten Zahlen um einen gewünschten Betrag erweitern Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag15.09.2009 um 12:41 (UTC)    
Titel:

Es hat geklappt, aber jetzt steht der Code irgendwie auf dem Header.
Beitrag15.09.2009 um 12:50 (UTC)    
Titel:

Hi, du hast den Code bei "Text über dem Dersign" eingefügt Wink
Allerdings wäre es besser, wenn du den Code hier löschst:
Arrow CSS-Code ohne Style Tags
und anschließend nur dort den Code von mir oben einfügst Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de