Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.11.2010 um 16:14 (UTC)    
Titel: Header verschieben

nabend,
ich würde gerne meinen header etwas weiter nach oben schieben, damit man ihn auch komplett sehen kann!
(die animations-ladeanzeige wird nicht vollständig angezeigt)

hier mein(e) code(s):

text über dem design:
Code:
<div id="container_2">
<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->
<div class="menu">
<li class="top_menu"><a href="http://css45.de.tl/">Home</a></li>
</li>
</ul>
</li>
<li class="top_menu"><a href="http://css45.de.tl/Allgemein.htm">Allgemein</a></li>
</ul>
</li>
<li class="top_menu"><a href="http://css45.de.tl/Tips-%26-Tricks.htm">Tips & Tricks</a></li>
</ul>
</li>
<li class="top_menu"><a href="LINK EINFÜGEN">Hacks</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.1</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Memberzone</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://css45.de.tl/Become-a-Member.htm">Become a Member</a></li>
<li><a href="http://css45.de.tl/Login.htm">Login</a></li>
</ul>
</ul>
</div>



Text unter dem Design:
Code:
<div id="footer" style="margin-bottom: 10px;"><img alt="" src=http://img.webme.com/pic/c/css45/footer.jpg></div></div>


Css ohne style tags:

Code:
body {
background-color: #0B0B0B;
background-image: url(http://img.webme.com/pic/c/css45/background.jpg);
background-repeat: no-repeat;
font-family: Verdana, sans-serif;
font-size: 14px;
margin: 0px;
}

#container_2 {
margin: auto;
width: 980px;
}

#content_container {
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/c/css45/background2.jpg);
background-repeat: no-repeat;
border: 1px solid #565656;
}

#content {
margin-top: 10px;
padding: 5px;
}

#header_container {
height: 100px;
background-image: url(http://img.webme.com/pic/c/css45/headerfull.gif);
border: 1px solid #8C998C;
}

#title span {display:none;}

#nav_container {
display: none;
}

/* Coolmenü */

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

.menu ul {
padding: 0;
margin: 0;
}

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
left: 50%;
top: 200px;
margin-left: -490px;
width: 1200px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 140px;
float: left;
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/c/css45/linie4.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #FFCC33;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
font-size: 11px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }


wo muss ich wie was ändern, damit der content nicht mehr den header verdeckt?

gruß
Beitrag03.11.2010 um 17:20 (UTC)    
Titel:

kann mir bitte wer weiterhelfen!!?!!
Beitrag03.11.2010 um 18:11 (UTC)    
Titel:

versuch das mal...

Zitat:
#header_container {
height: 100px;
left : 50%;
margin-top : 0000px;
margin-left : -0000px;
background-image: url(http://img.webme.com/pic/c/css45/headerfull.gif);
border: 1px solid #8C998C;
}


tausche dein header container mit dem hier
die beiden zahlen musst du noch anpassen

das rote gibt an wie weit es vom oberen rand abstehen soll
das blaue giebt an wie weit es vom linken rand abstehen
soll

diese zahl nicht ändern

hoffe ich hab jetzt kein fehler gemacht
______________
Beitrag03.11.2010 um 18:35 (UTC)    
Titel:

wunderbar ich bedanke mich!!
musste den margin-top wert auf -5 setzen und dann wars perfect Wink
danke nochmal.
kann geclosed werden.
gruß
Beiträge der letzten Zeit anzeigen:   


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