Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.08.2007 um 16:18 (UTC)    
Titel: DesignBreite

Hi,

irgendwie ist mein Design leicht gestreckt:

-das HeaderBild faengt am Ende i-wie nochmal an (ganz leicht zu sehen)

-die erste rechte Box ist groesser als vorher (um ein paar pixel ^^)

-es ist jetzt moeglich, weiter nach rechts zu gehen aber dort befindet sich nix! (schwer zu erklaeren, sehts einfach selbst!)

Also ich wuesste jetzt gern, an welchem TeilCode es jetzt liegt. Hier meine CSS-Codes die ich eingefuegt habe, vielleicht widerspricht sich ja etwas! :-)

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

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

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{position: absolute;
z-index: 3; top: 185px; left: 50%; margin-left:-308px; width:900px; }
.menu li
{width: 160px;
float: left;}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/k/karans-site/button_lila.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/k/karans-site/button_gold.png);
}

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

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

</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://karans-site.de.tl/h0m3.htm">Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">Extras</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://karans-site.de.tl/Online_TV.htm">Online-TV</a></li>
<li><a href="http://karans-site.de.tl/Guestbook.htm">Gästebuch</a></li>
<li><a href="http://karans-site.de.tl/Geschichtenmaschine.htm">Geschichtenmaschine</a></li>
<li><a href="http://karans-site.de.tl/Umfragen.htm">Umfragen</a></li>
<li><a href="http://karans-site.de.tl/IQ_Test.htm">IQ-Test</a></li>
 </ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">Sonstiges</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://karans-site.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://karans-site.de.tl/Videos.htm">Videos</a></li>
<li><a href="http://karans-site.de.tl/PUNK.htm">PUNK</a></li>
<li> </li>
</ul>
</li>
</ul>
</li>
</div>




<style type="text/css">
<!--
/* Text-und Link-Formatierung*/
p, div, b{color: #000000;}
td.nav a{color: #DEDF39;font-size: 13px;text-decoration: none;}
a:hover {color: #DFC639;font-size: 13px;text-decoration: none;}
a: link {color: #3984C3;font-size: 13px;text-decoration: none;}
a:active {color: #DE395A;font-size: 13px;text-decoration: none;}
a:visited {color: #C33982;font-size: 13px;text-decoration: none;}
td.nav{background-image: url(http://img.webme.com/pic/f/free-picture/vs03.png);}
td.nav:hover{background-image: url(http://img.webme.com/pic/f/free-picture/vs07.png);}
body{background-image: url(http://img.webme.com/pic/t/tomc-j/hermann.jpg);background-repeat:no-repeat;background-attachment: fixed;}
td.headline2{visibility:hidden;}
td.edit_content a{color:#C33939;font-size: 13px;text-decoration: none;}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image: url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image: url(URL);background-color:transparent;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{background-image: url(http://img.webme.com/pic/s/success4you/shouthead.gif);}
td.nav_heading{background-image: url(http://img.webme.com/pic/k/karans-site/shouthead1.gif);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image: url(URL);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.headline {text-align: center !important;}
-->
</style>


<style type="text/css">
<!--
td.nav{background-image:url(http://img.webme.com/pic/f/free-picture/vs03.png);}
td.nav:hover{background-image:url(http://img.webme.com/pic/f/free-picture/vs07.png);}
-->
</style>


<style type="text/css">
<!--
td.headline {text-align: center !important;}
-->
</style>



Okay vielen Dank fuer zahlreiche Antworten ;-)
______________
www.karans-site.de.tl

Zwei Klicks entfernt! Wink
Beitrag14.08.2007 um 16:24 (UTC)    
Titel: Also

Also bei dem Header neu Anfang musst du beim Header Code einfach bei repeat no-repeat hinmachen. Sieht so aus als würde man hier keine Antworten mehr bekommen, ich warte jetzt auch schon...aber leider vergebens.
______________
Erleben Sie den Movie Park Germany auf mehr al 130 Seiten unter www.movieparkfan.de

[img:304846b40d]http://movieparkfan.de.tl/sig.png[/img:304846b40d]
Beiträge der letzten Zeit anzeigen:   


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