Suche im Forum:
Suchen


Autor Nachricht
Beitrag15.07.2010 um 13:25 (UTC)    
Titel: Header wird nicht richtig angezeigt!

Code:

/* Allgemein */

body {
background-image: url(); /* Wenn vorhanden, Klammer mit Bildadresse füllen */
background-color: #000000; /* Hintergrundfarbe mithilfe eines Hex-Codes*/
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: center; /* zentriert das Design im IE */
}

a {
color: #b1b1b1; /* Farbe der Links */
}
/* Container */

#design1 {
width: 900px; /* Breite des Designs */
margin: 0 auto; /* zentriert das Design */
text-align: left; /* positioniert den Text links */
background-color: #030100; /* Hintergrundfarbe des Containers */
border: 1px solid #a4a4a4; /* Rand um das Design */
}

#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}/* Header */

#header_container {
height: 150px; /* Höhe des Headers */
background-color: #b1b1b1; /* Hintergrundfarbe des Headers */
border-bottom: 1px solid #b1b1b1; /* Rand am unteren Ende des Headers */
}

#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}

#header {
background-image: url(http://s3.directupload.net/images/100715/sjwcpuiu.jpg);/*
margin: 0px; /* entfernt den weißen Rand oben */
padding-left: 400px; /* Abstand vom linken Rand */
padding-top: 50px; /* Abstand vom oberen Rand */
color: #000000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
} /* Navigation */

#nav_container {
float: left; /* richtet die Navigation links aus */
width: 200px; /* Breite der Navigation */
}

#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */
}

#nav {
padding: 0; /* keinen Innenabstand der Liste (links und rechts) */
margin: 0; /* keinen Außenabstand der Liste (oben und untent) */
}

#nav li {
list-style-type: none; /* löscht den Listenpunkt */
padding: 2px; /* Innenabstand eines einzelnen Punktes */
padding-left: 15px; /* Innenabstand eines einzelnen Punktes nach links */
font-size: 1.2em; /* Schriftgröße */
display: block; /* vergrößert die Navigation auf volle nav_container Breite */
border-bottom: 1px solid #999999; /* unterer Rand */
}

#nav li:hover {
border-bottom: 1px solid #ff0000; /* unterer Rand im Hovereffekt */
}

#nav li.subpage {
background-color: #999999; /* Hintergrundfarbe bei Unterseiten */
padding-left: 25px; /* Innenabstand nach links bei Unterseiten */
}

#nav a {
text-decoration: none; /* macht Verlinkungen in der Navigation ohne Unterstrich */
}

#nav a:hover {
color: #ff0000; /* ändert die Schriftfarbe beim Hovereffekt */
} /* Content */

#content_container {
float: left; /* positioniert den Content links neben die Navigation */
width: 699px; /* Briete des Contents */
border-left: 1px solid #888888; /* linker Rand */
}

#content {
padding: 15px; /* Innenabstand des Contents */
}
/* Klassen entfernen */

#counter, #sidebar_container {
display: none; /* Sidebar und Counter werden unsichtbar gemacht */
}



Der header wird nicht ganz angezeigt.

Link vom Header: http://s3.directupload.net/images/100715/sjwcpuiu.jpg


Hp Link: http://quad-cycles.de.tl/Home.htm

Mfg quad-cycles.de.tl
Beitrag15.07.2010 um 13:35 (UTC)    
Titel:

Hallo,
füge mal folgenden Code ein:
Zitat:
/* Allgemein */

body {
background-image: url(); /* Wenn vorhanden, Klammer mit Bildadresse füllen */
background-color: #000000; /* Hintergrundfarbe mithilfe eines Hex-Codes*/
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: center; /* zentriert das Design im IE */
}

a {
color: #b1b1b1; /* Farbe der Links */
}
/* Container */

#design1 {
width: 900px; /* Breite des Designs */
margin: 0 auto; /* zentriert das Design */
text-align: left; /* positioniert den Text links */
background-color: #030100; /* Hintergrundfarbe des Containers */
border: 1px solid #a4a4a4; /* Rand um das Design */
}

#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}/* Header */

#header_container {
height: 150px; /* Höhe des Headers */
background-image: url(http://s3.directupload.net/images/100715/sjwcpuiu.jpg);
background-color: #b1b1b1; /* Hintergrundfarbe des Headers */
border-bottom: 1px solid #b1b1b1; /* Rand am unteren Ende des Headers */
}

#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}

#header {
margin: 0px; /* entfernt den weißen Rand oben */
padding-left: 400px; /* Abstand vom linken Rand */
padding-top: 50px; /* Abstand vom oberen Rand */
color: #000000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
} /* Navigation */

#nav_container {
float: left; /* richtet die Navigation links aus */
width: 200px; /* Breite der Navigation */
}

#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */
}

#nav {
padding: 0; /* keinen Innenabstand der Liste (links und rechts) */
margin: 0; /* keinen Außenabstand der Liste (oben und untent) */
}

#nav li {
list-style-type: none; /* löscht den Listenpunkt */
padding: 2px; /* Innenabstand eines einzelnen Punktes */
padding-left: 15px; /* Innenabstand eines einzelnen Punktes nach links */
font-size: 1.2em; /* Schriftgröße */
display: block; /* vergrößert die Navigation auf volle nav_container Breite */
border-bottom: 1px solid #999999; /* unterer Rand */
}

#nav li:hover {
border-bottom: 1px solid #ff0000; /* unterer Rand im Hovereffekt */
}

#nav li.subpage {
background-color: #999999; /* Hintergrundfarbe bei Unterseiten */
padding-left: 25px; /* Innenabstand nach links bei Unterseiten */
}

#nav a {
text-decoration: none; /* macht Verlinkungen in der Navigation ohne Unterstrich */
}

#nav a:hover {
color: #ff0000; /* ändert die Schriftfarbe beim Hovereffekt */
} /* Content */

#content_container {
float: left; /* positioniert den Content links neben die Navigation */
width: 699px; /* Briete des Contents */
border-left: 1px solid #888888; /* linker Rand */
}

#content {
padding: 15px; /* Innenabstand des Contents */
}
/* Klassen entfernen */

#counter, #sidebar_container {
display: none; /* Sidebar und Counter werden unsichtbar gemacht */
}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag15.07.2010 um 13:42 (UTC)    
Titel:

Danke für deine Hilfe jetzt gehts. Very Happy




Kann man Closen


Zuletzt bearbeitet von quad-cycles am 15.07.2010, 14:42, insgesamt 2-mal bearbeitet
Beitrag15.07.2010 um 13:43 (UTC)    
Titel:

Kein problem Wink
Danke für die Rückmeldung!

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