Autor
Nachricht
malawidreams
02.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;}
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.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
↑
malawidreams
02.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>
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
↑
malawidreams
02.06.2009 um 22:09 (UTC) Titel:
Fast. jedoch wenn möglich ohne umrandung des Headers falls das Möglich ist.
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.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
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
↑
malawidreams
02.06.2009 um 22:22 (UTC) Titel:
Vielen Dank für die schnelle Hilfe.
Tip Top.
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
↑