Nie wiem który kod wam się do tego przyda. ;d
strukturastrony.css
Kod
html, body {
background-color: #1000;
color: #000;
margin: 0;
padding: 0;
text-align: center;
}
#top {
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#content {
width:800px%;
height:100px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color: #1000;
}
#menulewe {
height:3200px;
width: 150px;
float: left;
overflow: hidden;
background-color: #1000;
}
#info {
height:3200px;
width: 150px;
float: right;
overflow: hidden;
background-color: #1000;
}
#text {
height:3200px;
width: 500px;
float: left;
overflow: hidden;
background-color: ccc;
}
#stopka {
height:313px;
clear: both;
width: 100%;
background-color: #1000;
}
menupoziome.css
Kod
ol {
list-style-type:none;
padding:0;
margin:0;
font-size:16px;
}
ol li {
float:left;
width:150px;
text-align:center;
}
ol li a {
display:block;
color:#000;
background-color:#FDD700;
text-decoration:none;
margin-left:1px;
line-height:2em;
border-top-left-radius:6px;
border-top-right-radius:6px;
}
ol li a:hover {
color:#09C;
}
ol {
list-style-type:none;
padding:0;
margin:0 auto;
width:900px;
font-size:16px;
height:2em;
}
ul {
list-style-type:none;
padding:0;
margin:0;
}
ul li {
float:none;
}
ul li a {
background-color:#EEE;
line-height:normal;
padding:3px 5px;
border:1px solid #FFF;
border-radius:0 0 6px 6px;
}
ul li:first-child {
margin-top:1px;
}
ul li a:hover {
background-color:#FFF;
border:1px solid #DDD;
box-shadow:inset 0 0 4px #DDD;
}
ul {
display:none;
list-style-type:none;
padding:0;
margin:0;
}
ol li:hover ul {
display:block;
}