Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.02.2009 um 18:22 (UTC)    
Titel: Hilfe! - CSS FEHLER

ich hab mir ein neuen design für das CSS machen lassen doch jetzt seh ich nur noch die Scrollbar . den Inhalt der Seite , den Navi seh ich nicht , und rest ist weiß...

Hier Vorschau: www.m-ft-b.de.tl

beim code habe ich es so


Text über dem Design:

<style type="text/css"> table.wallpaper{background-image:url(http://img.webme.com/pic/y/yannick-privat/m-b-t-1.png);position:absolute;left:1px;top:35px; height: 540px; width: 1022px;} </style> <table border="0" cellpadding="0" cellspacing="0" class="m-b-t-1"><tr><td></td></tr></table>

Text unter dem Design & Hinweis unter dem In...... nichts

CSS-Code ohne Style tags:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 170px; width: 695px; background:; background-image:url(); color: #FFFFFF; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:254px;top:40px;} body {background-image:url();background-position:center;} a{color:#ffffff; font-size: 13px; text-decoration: none;} a:hover {color: #ffffff; font-size: 13px; text-decoration: none;} a:link {color: #ffffff; font-size: 13px; text-decoration: none;} a:active {color: #ffffff; font-size: 13px; text-decoration: none;} a:visited {color: #ffffff; font-size: 13px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 13,5px; background-image:url(); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 13,5px; background-image:url(); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; } #nav_container { width: 100px; height: 370px; background:; background-image:url(); color: ; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:26px;top:70px;} #content { height: 278px; width: 540px; background:; background-image:url(); color: #000000; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; position:absolute;left:339px;top:116px;} #sidebar_container { height: 0px; width: 0px; background:; background-image:url(); color:#000000 ; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; position:absolute;left:500px;top:500px;} #counter{position:absolute;left:450px;top:50px;}
Beitrag21.02.2009 um 22:14 (UTC)    
Titel: Design CSS / Probleme beim positionieren

Hallo,

Schwer vorzustellen, das Du diesen Code so von jemanden bekommen hast.
Der Code ist ein ziemliches durcheinander, leider auch mit Fehlern,
Nach CSS-Anweisungen am Ende keine Semikolons gesetzt .
Die Klasse #Design hatte gar keine CSS-Anweisungen
diese Klasse sollte sicherlich das Hintergrundbild bekommen .
Die Klasse 'Header_oben gibt es im Design "CSS" nicht,
hatte ich aber in einer Beispiel-Beschreibung hier im Forum mal genannt.
Der Rest deines Codes stammt aber aus einer anderen Beschreibung.

Das was Du im Feld "Text über Design" hast, kann komplett heraus ! (Löschen)
Das Hintergrundbild. das du dort hast ..... das müsste die Klasse #Design bekommen.
Da diese Klasse frei erfunden ist , müsste zusätzlich in das Feld "Text über Design" hinein :
Zitat:
<div id="Design"> </div>

Erst dann ist das Feld (mit dem Hintergrundbild) auch zu sehen

Du kannst das Hintergrundbild auch bei body einfügen.
Und die Klasse #Header_oben benenne um in die Klasse #header_container .
Das wäre der Header im Design "CSS" .

Das vervollständigen , korrigieren und validieren deines Codes wäre zu aufwendig.

Hier ein Beispiel-Code für das Design "CSS" : http://free-picture.de.tl/Eigenes-Design-erstellen.htm
Alle Felder (Header / Navi / Textfeld / rechte Box / Counter ) kannst du frei
im Design platzieren . Mit top: (Abstand nach oben) und margin-left; (Abstand nach Links) .
Jedes Feld kann gewünschte Breite bekommen mit width (Breite) und height (Höhe) .
Ausführliche Beschreibungen enthält die Seite dazu auch .

Und wenn dieses Bild dein Hintergrund werden soll :
http://img.webme.com/pic/y/yannick-privat/m-b-t-1.png

- benötigst du sicherlich keine rechte Box #sidebar_container
- benötigst du keinen Header header-container
- beide Klassen kannst du unsichtbar machen mit {display: none;}

Dein Bild bitte auf die Breite 980 Pixel anpassen damit die Besucher, die
1024 Pixel Auflösung besitzen, links und rechts noch gleichmässigen
Abstand zum Bildschirmrand haben. (Siehe Schritt 3 in der Beschreibung) Wink



Gruß Wolle


Zuletzt bearbeitet von bmw-freunde-nf am 21.02.2009, 23:45, insgesamt 4-mal bearbeitet
Beitrag15.03.2009 um 09:05 (UTC)    
Titel: thx

thx für deine Antwort Very Happy
Beiträge der letzten Zeit anzeigen:   


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