Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag25.03.2009 um 19:30 (UTC)    
Titel: [erledigt] Content anpassen

Guten Abend!
Ich hab hier meine erste Homepage bei diesem Hoster und bin eigentlich zufrieden, jedoch hab ich ein Problem das ihr auf meiner Homepage sehen könnt. (Homepage noch im Aufbau...)

Ich möchte gern den content, content_top und content_bottom genau so lang wird wie content_bottom2. Fragt mich nicht wie ich das mit content_bottom2 hingekriegt hab...
Bitte helft mir ^^
Hier ist mein momentarner Code (noch ohne eigene Bilder und einem großen wirwar...)

Text über dem Design:

Code:
<div align="center">
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
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: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

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

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
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(URL);
}

#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="LINK1"> TITEL1</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">

</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">

<li> </li>
</ul>
</li>
<li><a href="LINK4"> TITEL4</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
</ul>
</li>
<style type="text/css">
<!--
td.nav{display:none;}
td.nav:hover{display:none;}
td.edit_below_nav{display:none;}
td.sidebar_heading{display:none;}
td.edit_navi_headbg{display:none;}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{display:none;}
td.edit_rechts_bottom{display:none;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url();}
td.nav_heading{display:none;}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5{display:none;}
-->
</style>
</div>


<style type="text/css">
<!--

td.edit_content_top{
background-image: url(http://img147.imageshack.us/img147/7816/contenttopih9.png);}

td.edit_content {
background-image:url(http://img205.imageshack.us/img205/6392/content.png);
width: 921px;}

td.edit_content_bottom {
background-image: url(http://img517.imageshack.us/img517/4576/contentbottomzd1.png);}

td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}

-->
</style>

<style type="text/css">
<!--
td.nav{display:none;}
td.nav:hover{display:none;}
td.edit_navi_headbg{display:none;}
nav{display:none;}
-->
</style>


Text unter dem Design:

Code:
</div>


Ich hoffe auf schnelle Hilfe!
Mit freundlichen grüßen. =)


Zuletzt bearbeitet von crew-spenden am 26.03.2009, 20:00, insgesamt einmal bearbeitet
Beitrag26.03.2009 um 18:50 (UTC)    
Titel:

Okay ich hab meine Frage selber beantwortet:

Code:
</style>
<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>


<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>

Einfach ganz oben an den Code gehängt =)
Trotzdem danke ans Forum!
Beiträge der letzten Zeit anzeigen:   


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