Suche im Forum:
Suchen


Autor Nachricht
Beitrag30.06.2010 um 18:37 (UTC)    
Titel: Header mit textfelt verginden

Hallo, bin neu hier und hätte da mal ne Frage. Wie kann ich den Header mit dem Text feld verbinden? Hier die Seite http://omba.de.tl/Home.htm

Hier mein Code:

Code:
/* Allgemein */

body {
background-image: url(); /* Wenn vorhanden, Klammer mit Bildadresse füllen */
background-color: #d7faff; /* 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: #000; /* Farbe der Links */
}
/* Container */


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

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

/* Header */

#header_container {
height: 60px; /* Höhe des Headers */
width: 1024px;
background-image: url(http://img.webme.com/pic/o/omba/textfeld2.png);
background-color: #; /* Hintergrundfarbe des Headers */
border-bottom: 0px solid #; /* 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: 0px; /* Abstand vom linken Rand */
padding-top: 0px; /* Abstand vom oberen Rand */
color: #000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
}

/* Content */

#content_container {
float: center; /* positioniert den Content links neben die Navigation */
background-image: url(http://img.webme.com/pic/o/omba/textfeld2.png);
width: 1024px; /* Briete des Contents */
border-left: px solid #; /* linker Rand */
}

#content {
padding: 3px; /* Innenabstand des Contents */
}

#nav_Home {
position:absolute;
left:50%;
top:147px;
margin-left: 230px; }

#nav_Kontakt {
position:absolute;
left:50%;
top:350px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:386px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:422px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:456px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:491px;
margin-left: 230px; }

h2#title{display:none;}
h1#header {display:none;}
#header-container {display:none;}
#nav_heading{display:none;}
#sidebar_heading {display:none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#counter{display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
div.header{display: none;}
Beitrag30.06.2010 um 19:58 (UTC)    
Titel:

Code:
/* Allgemein */

* {
margin: 0px;
}

body {
background-image: url(); /* Wenn vorhanden, Klammer mit Bildadresse füllen */
background-color: #d7faff; /* 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: #000; /* Farbe der Links */
}
/* Container */


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

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

/* Header */

#header_container {
height: 60px; /* Höhe des Headers */
width: 1024px;
background-image: url(http://img.webme.com/pic/o/omba/textfeld2.png);
background-color: #; /* Hintergrundfarbe des Headers */
border-bottom: 0px solid #; /* 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: 0px; /* Abstand vom linken Rand */
padding-top: 0px; /* Abstand vom oberen Rand */
color: #000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
}

/* Content */

#content_container {
float: center; /* positioniert den Content links neben die Navigation */
background-image: url(http://img.webme.com/pic/o/omba/textfeld2.png);
width: 1024px; /* Briete des Contents */
border-left: px solid #; /* linker Rand */
}

#content {
padding: 3px; /* Innenabstand des Contents */
}

#nav_Home {
position:absolute;
left:50%;
top:147px;
margin-left: 230px; }

#nav_Kontakt {
position:absolute;
left:50%;
top:350px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:386px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:422px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:456px;
margin-left: 230px; }

#nav_Seitentitel {
position:absolute;
left:50%;
top:491px;
margin-left: 230px; }

h2#title{display:none;}
h1#header {display:none;}
#header-container {display:none;}
#nav_heading{display:none;}
#sidebar_heading {display:none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#counter{display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
div.header{display: none;}

Sollte so gehen.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.


Zuletzt bearbeitet von badweb am 30.06.2010, 20:59, insgesamt einmal bearbeitet
Beitrag01.07.2010 um 11:31 (UTC)    
Titel:

hat funktioniert.

Danke!!
Beiträge der letzten Zeit anzeigen:   


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