Hi,
habe mir heute mein erstes Profi CSS Design erstellt.
Bin schon ziemlich weit, einzig und allein die "rechte Box" fehlt.
Die bekomme ich aber nicht hin, weiß auch nicht warum die nicht erscheint.
Das Design ist hier zu sehen:
www.help4youonline.de.tl
Ich denke, dass es irgendwie an "sidebar_container" liegt, genau weiß ich es aber nicht, ich hoffe jemand kann mir helfen..
MfG,
Daniel
Das sind die Codes:
Text über dem Design
Zitat: <div id="design"></div>
<div id="sidebar_container"></div>
<div id="menu">
<script LANGUAGE="JavaScript">
<!-- Begin
function formHandler(){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
// End -->
}
</script>
<form name="form">
<div align="center"><center><p><select NAME="site" SIZE="1"
onChange="formHandler()">
<option VALUE>.:: Navigation ::.</option>
<option VALUE="http://www.paid4info.de.tl">Paid4Info</option>
<option VALUE="http://www.submit4free.de.vu">Submit4Free</option>
<option VALUE="http://www.elektrotipps.de.tl">Elektrotipps</option>
<option VALUE="http://www.forumelektrotipps.de.vu">Forum</option>
</select></p>
</center></div>
</form>
</div>
Zitat: #extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header_oben{display: none;}
*{ padding: 0; margin: 0; }
#content {
position: absolute;
left: 55%;
top: 180px;
margin-left:-320px;
width: 390px;
height: 320px;
padding:10px;
color: #000000;
font-size:13px;
background-color:#transparent;
background-image:url();
border: 0px solid #transparent;
overflow:auto;}
#design {
margin: 0 auto;
width: 800px;
height: 600px;
background-image:url(http://filehost24.bplaced.net/upload/bild.php/421,vistadesign123MIX7K.png);
background-repeat: no-repeat;
position: absolute;
left: 210px;
top: 50px;
}
body {
background-color: #808080;}
#sidebar_container{
visibility: hidden;}
#counter{
visibility:hidden;
}
#header_oben{
visibility: hidden;}
#nav_container{
visibility: hidden;}
li.nav_element a{
visibility: hidden;}
li.nav_element a:hover{
visibility: hidden;}
#menu{
position: absolute;
left: 370px;
top: 161px;
}
#sidebar_container {
position : absolute;
left : 300;
top : 50px;
width : 120px;
height : 420px;
border : 0px solid #ffffff;
color : #000000;
}