Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.06.2009 um 20:58 (UTC)    
Titel: Header im CSS

Hallo, ich habe noch eine Frage bezüglich des Headers im CSS.

Wie kann ich meinen eigenen Header einbauen.

Leider sieht man Ihn nicht.

Hier mal mein Code (steht bei CSS-Code
ohne Style Tags:)

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#nav_container {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}
#Header_oben {
color: #FFFFFF;
width: 940px;
height: 100px;
background-image: url(http://img.webme.com/pic/m/malawidreams/1.jpg);
background: #800000;
float: left;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}

#nav_container {display:none;}
h2#title span{
margin-top:20px;
padding:5px;
color:#343434;
font-size:13px;
font-afmily:arial;
border:1px solid #C9C9C9;}

#content {
position: absolute;
left: 50%;
top: 260px;
margin-left:-480px;
width: 940px;
padding:10px;
color: :#000000;
font-size:13px;
background-color::#FFFFFF;
background-image:url();
border: 1px solid #FFFFFF;}


#mein_Feld {
position: absolute;
left: 50%;
top: 210px;
margin-left: -480px;
padding: 5px;
width: 940px;
color:#000000;
background-color:#FFFFFF;
background-image:url();
border: 2px solid #000000;}
Beitrag02.06.2009 um 21:55 (UTC)    
Titel:

Hi, hast du auch folgendes bei "Text über dem Design" stehen?
Zitat:
<div id="Header_oben"></div>
Wenn nicht, füge das mal bei "Text über dem Design" ein.

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag02.06.2009 um 21:59 (UTC)    
Titel:

Funkt leider nicht, das einzige was sich ändert, ist dass das Coolmenü nach oben wandert mehr nicht.

Hier noch der code von oben (text über dem Design):

<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 200px;
left: 50%;
margin-left:-480px;
width: 940px
}

.menu li
{
width: 117px;
float: left;
}

.menu a
{
border: 1px solid #343434;
background-color::#000000;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 5px;
display: block;
height: 26px;
color: #000000;
}

.menu a:hover
{
background-color: :#FFFFFF;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a,#smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<div class="menu">
<li><a href="http://malawidreams.de.tl/" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>

<li><a href="http://malawidreams.de.tl/Malawisee.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Malawisee</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>

<li><a href="http://malawidreams.de.tl/Showbecken.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Showbecken</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Zuchtanlage</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://malawidreams.de.tl/Zuchtanlage-1.htm">Zuchtanlage 1</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-2.htm">Zuchtanlage 2</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-3.htm">Zuchtanlage 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Stockliste</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://malawidreams.de.tl/Stockliste-Mbuna.htm">Mbuna</a></li>
<li><a href="http://malawidreams.de.tl/Stockliste-Welse.htm">Welse</a></li>
<li> </li>
</ul>
</li>

<li><a href="http://malawidreams.de.tl/Bildergalerie.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Galerie</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Tipps</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://malawidreams.de.tl/Haltung.htm">Haltung</a></li>
<li><a href="http://malawidreams.de.tl/Technik.htm">Technik</a></li>
<li><a href="http://malawidreams.de.tl/Einrichtung.htm">Einrichtung</a></li>
<li><a href="http://malawidreams.de.tl/Pflanzen.htm">Pflanzen</a></li>
<li><a href="http://malawidreams.de.tl/Zucht.htm">Zucht</a></li>
<li> </li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Kontakt</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
<li><a href="http://malawidreams.de.tl/Anfahrt.htm">Anfahrt</a></li>
<li><a href="http://malawidreams.de.tl/Mail-Me.htm">Mail Me</a></li>
<li><a href="http://malawidreams.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://malawidreams.de.tl/Impressum.htm">Impressum</a></li>
<li> </li>
</ul>
</li>
</ul>
</div>
Beitrag02.06.2009 um 22:03 (UTC)    
Titel:

Hi, ich habe es mal auf einer meiner Beispiel Seiten gemacht:
http://freizeit-hp.de.tl/home.htm

Soll das mal so Aussehen?
Wenn ja, kann ich dir die Codes geben.

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag02.06.2009 um 22:09 (UTC)    
Titel:

Fast. jedoch wenn möglich ohne umrandung des Headers falls das Möglich ist.
Beitrag02.06.2009 um 22:16 (UTC)    
Titel:

Ok, hier sind die Codes:

Text über dem Design:
Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 200px;
left: 50%;
margin-left:-480px;
width: 940px
}

.menu li
{
width: 117px;
float: left;
}

.menu a
{
border: 1px solid #343434;
background-color: #FFFFFF;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 5px;
display: block;
height: 26px;
color: #000000;
}

.menu a:hover
{
background-color: #FFFFFF;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a,#smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<div class="menu">
<li><a href="http://malawidreams.de.tl/" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>

<li><a href="http://malawidreams.de.tl/Malawisee.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Malawisee</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>

<li><a href="http://malawidreams.de.tl/Showbecken.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Showbecken</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Zuchtanlage</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://malawidreams.de.tl/Zuchtanlage-1.htm">Zuchtanlage 1</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-2.htm">Zuchtanlage 2</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-3.htm">Zuchtanlage 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Stockliste</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://malawidreams.de.tl/Stockliste-Mbuna.htm">Mbuna</a></li>
<li><a href="http://malawidreams.de.tl/Stockliste-Welse.htm">Welse</a></li>
<li> </li>
</ul>
</li>

<li><a href="http://malawidreams.de.tl/Bildergalerie.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Galerie</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Tipps</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://malawidreams.de.tl/Haltung.htm">Haltung</a></li>
<li><a href="http://malawidreams.de.tl/Technik.htm">Technik</a></li>
<li><a href="http://malawidreams.de.tl/Einrichtung.htm">Einrichtung</a></li>
<li><a href="http://malawidreams.de.tl/Pflanzen.htm">Pflanzen</a></li>
<li><a href="http://malawidreams.de.tl/Zucht.htm">Zucht</a></li>
<li> </li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Kontakt</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
<li><a href="http://malawidreams.de.tl/Anfahrt.htm">Anfahrt</a></li>
<li><a href="http://malawidreams.de.tl/Mail-Me.htm">Mail Me</a></li>
<li><a href="http://malawidreams.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://malawidreams.de.tl/Impressum.htm">Impressum</a></li>
<li> </li>
</ul>
</li>
</ul>
</div>
<div id="Header_oben"></div>

CSS-Code ohne Style Tags:
Zitat:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#nav_container {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}

#Header_oben{
color: #FFFFFF;
width: 940px;
height: 100px;
background-image: url(http://img.webme.com/pic/m/malawidreams/1.jpg);
float: left;
left: 50%;
padding: 10px;
margin: 0px 0px 0px 0px;}

#nav_container {display:none;}
h2#title span{
margin-top:20px;
padding:5px;
color:#343434;
font-size:13px;
font-afmily:arial;
border:1px solid #C9C9C9;}

#content {
position: absolute;
left: 50%;
top: 260px;
margin-left:-480px;
width: 940px;
padding:10px;
color: :#000000;
font-size:13px;
background-color::#FFFFFF;
background-image:url();
border: 1px solid #FFFFFF;}


#mein_Feld {
position: absolute;
left: 50%;
top: 210px;
margin-left: -480px;
padding: 5px;
width: 940px;
color:#000000;
background-color:#FFFFFF;
background-image:url();
border: 2px solid #000000;}
Das rote beinhaltet schon die Lösung aus dem anderen Thread Wink

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

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 02.06.2009, 23:18, insgesamt einmal bearbeitet
Beitrag02.06.2009 um 22:22 (UTC)    
Titel:

Very Happy

Vielen Dank für die schnelle Hilfe.

Tip Top.

Very Happy
Beitrag02.06.2009 um 22:24 (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