02-05-2011, 16:06
Tu masz kod htmla tu cssDokładniej chodzi o to że chce nałożyć menu na obraz logo
Kod:
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title>Pierwsza strona internetowa</title>
<link rel="stylesheet" href="arkusz.css" type="text/css"/>
</head>
<body>
<div id="calosc">
<div id="logo"><img src="ścieżka dostępu" alt="Tekst alternatywny" />
<div id="menu">
<ul>
<li><a href="#">menu1</a>
<li><a href="#">menu2</a>
<li><a href="#">menu3</a>
<li><a href="#">menu4</a>
</ul></div></div>
<div id="środek">
<div id="menulewe"><ul>
<li><a href="#">menul1</a>
<li><a href="#">menul2</a>
<li><a href="#">menul3</a>
<li><a href="#">menul4</a>
</ul></div>
<div id="text">tekst</div>
</div>
<div id="stopka">stopka</div>
</div>
</div>
</body>
</html>Kod:
*{
margin:0px;
padding:0px;
border:none;}
#calosc{
margin:0 auto;
height:100%;
width:902px;}
#logo{
border:1px solid black;
height:150px;
width:900px;}
#menu{
border:1px solid black;
height:42px;
width:900px;
text-align:right;
float:right;
margin-top:none;
background-color:#808080}
#srodek{
height:100%;
width:100%;}
#menulewe{
border:1px solid black;
height:400px;
width:165px;
float:left;
margin-top:none;
margin-bottom:5px;
display:block;
background-color:#808080;
}
#text{
border:1px solid black;
height:400px;
width:660px;
float:right;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;}
#stopka{
border:1px solid black;
height:100px;
width:900px;
clear:both;
margin-bottom:100px;}
#menu ul li{
list-style:none;
}
#menu a:link,a:visited,a:hover,a:active{
text-decoration:none;
display:block;
float:right;
line-height:40px;
width:82px;
color:white;
text-align:center;
}
#menu a:hover{
color:#6495ED;
border-bottom:2px solid #6495ED;}
#menu a:active{
color:#6495ED;
border-bottom:2px solid #6495ED;}
#menulewe a:link,a:visited,a:hover,a:active{
text-decoration:none;
display:block;
float:left;
line-height:40px;
width:150px;
color:black;
text-align:center;
line-height:20px;
}
#menulewe ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#menulewe ul {
width: 200px;
}
#menulewe ul a:link, ul a:visited {
display: block;
width: 150px;
text-decoration: none;
background-color: #808080;
color: #000;
padding: 5px;
border: 2px outset #808080;
}
#menulewe ul a:hover {
border-style:groove;
padding: 7px 3px 3px 7px;
}
