----------LINK------------
html (menu po lewej):
Kod
<div id="tabela1">
<div id="menu1"><div class="menu">Main Menu</div></div>
<div id="menu2"></div>
<div id="menu3">
<div id="menuuu">
<a class="menulink" href="index.php"><div class="efekt"><div id="tekst1">Strona Główna</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="PSO"><div class="efekt"><div id="tekst1">PSO</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Wymagania"><div class="efekt"><div id="tekst1">Wymagania</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Matura"><div class="efekt"><div id="tekst1">Matura</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Rozne"><div class="efekt"><div id="tekst1">Różne</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="ZSEE"><div class="efekt"><div id="tekst1">ZSEE</div></div></a>
</div>
</div>
<div id="menu4"></div>
<div id="linki"><div class="linki1">Linki</div></div>
<div id="linki2"></div>
<div id="linki3">
<div id="menuuu">
<a class="menulink" href="http://WWW.MEN.GOV.PL" target=_blank><div class="efekt"><div id="tekst1">MEN</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://WWW.CKE.EDU.PL" target=_blank><div class="efekt"><div id="tekst1">CKE</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://WWW.OKE.POZNAN.PL" target=_blank><div class="efekt"><div id="tekst1">OKE</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://d4u.pl" target=_blank><div class="efekt"><div id="tekst1">d4u.pl</div></div></a>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Link</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Link</div></div>
</div>
</div>
<div id="linki4"></div>
</div>
<div id="menu1"><div class="menu">Main Menu</div></div>
<div id="menu2"></div>
<div id="menu3">
<div id="menuuu">
<a class="menulink" href="index.php"><div class="efekt"><div id="tekst1">Strona Główna</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="PSO"><div class="efekt"><div id="tekst1">PSO</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Wymagania"><div class="efekt"><div id="tekst1">Wymagania</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Matura"><div class="efekt"><div id="tekst1">Matura</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Rozne"><div class="efekt"><div id="tekst1">Różne</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="ZSEE"><div class="efekt"><div id="tekst1">ZSEE</div></div></a>
</div>
</div>
<div id="menu4"></div>
<div id="linki"><div class="linki1">Linki</div></div>
<div id="linki2"></div>
<div id="linki3">
<div id="menuuu">
<a class="menulink" href="http://WWW.MEN.GOV.PL" target=_blank><div class="efekt"><div id="tekst1">MEN</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://WWW.CKE.EDU.PL" target=_blank><div class="efekt"><div id="tekst1">CKE</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://WWW.OKE.POZNAN.PL" target=_blank><div class="efekt"><div id="tekst1">OKE</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://d4u.pl" target=_blank><div class="efekt"><div id="tekst1">d4u.pl</div></div></a>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Link</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Link</div></div>
</div>
</div>
<div id="linki4"></div>
</div>
CSS:
Kod
}
#menu1 {
left:29px;
top:0px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
#menu2 {
left:29px;
top:2px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#menu3 {
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
background: url('images/m3.jpg');
}
#menu4 {
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}
#tabela1 {
position: relative;
float: left;
left:0px;
list-style: none;
border : none;
padding : 0px;
width : 190px;
}
#tabela2 {
float: left;
left:1px;
list-style: none;
border : none;
padding : 0px;
width : 423px;
}
#tabela3 {
position: relative;
float: left;
left:1px;
list-style: none;
border : none;
padding : 0px;
width : 190px;
}
#tekst_t2 {
position: relative;
top:2px;
left:5px;
list-style: none;
border : none;
padding : 0px;
width : 415px;
}
#menu1_t3 {
left:5px;
top:0px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
#menu2_t3 {
left:5px;
top:2px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#menu3_t3 {
left:5px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 210px;
background: url('images/m3.jpg');
}
.flash1 {
position: relative;
top:10px;
margin : 0 auto;
list-style: none;
border : none;
padding : 0px;
width : 128px;
height: 197px;
}
#menu4_t3 {
left:5px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}
.menu_t3_2 {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
#linki {
float:left;
position: relative;
left:29px;
top:10px;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
.linki1 {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
#linki2 {
float:left;
left:29px;
top:12px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#linki3 {
top:12px;
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
background: url('images/m3.jpg');
}
#linki4 {
top:12px;
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}
#menuuu {
position: relative;
top:1px;
margin : 0 auto;
width: 143px;
}
.efekt
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #000000;
background-color: #8c8c8c;
}
.efekt:hover
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #FFFFFF;
background-color: #292931;
}
#tekst1 {
position: relative;
top:3px;
left:5px;
}
.odstep {
width: 143px;
height: 1px;
}
.menu {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
a.menulink
{
color: #000000;
text-decoration: none;
}
a.menulink:hover
{
text-decoration: none;
color: #FFFFFF;
}
#menu1 {
left:29px;
top:0px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
#menu2 {
left:29px;
top:2px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#menu3 {
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
background: url('images/m3.jpg');
}
#menu4 {
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}
#tabela1 {
position: relative;
float: left;
left:0px;
list-style: none;
border : none;
padding : 0px;
width : 190px;
}
#tabela2 {
float: left;
left:1px;
list-style: none;
border : none;
padding : 0px;
width : 423px;
}
#tabela3 {
position: relative;
float: left;
left:1px;
list-style: none;
border : none;
padding : 0px;
width : 190px;
}
#tekst_t2 {
position: relative;
top:2px;
left:5px;
list-style: none;
border : none;
padding : 0px;
width : 415px;
}
#menu1_t3 {
left:5px;
top:0px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
#menu2_t3 {
left:5px;
top:2px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#menu3_t3 {
left:5px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 210px;
background: url('images/m3.jpg');
}
.flash1 {
position: relative;
top:10px;
margin : 0 auto;
list-style: none;
border : none;
padding : 0px;
width : 128px;
height: 197px;
}
#menu4_t3 {
left:5px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}
.menu_t3_2 {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
#linki {
float:left;
position: relative;
left:29px;
top:10px;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
.linki1 {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
#linki2 {
float:left;
left:29px;
top:12px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#linki3 {
top:12px;
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
background: url('images/m3.jpg');
}
#linki4 {
top:12px;
float:left;
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}
#menuuu {
position: relative;
top:1px;
margin : 0 auto;
width: 143px;
}
.efekt
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #000000;
background-color: #8c8c8c;
}
.efekt:hover
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #FFFFFF;
background-color: #292931;
}
#tekst1 {
position: relative;
top:3px;
left:5px;
}
.odstep {
width: 143px;
height: 1px;
}
.menu {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
a.menulink
{
color: #000000;
text-decoration: none;
}
a.menulink:hover
{
text-decoration: none;
color: #FFFFFF;
}
Proszę o wyrozumiałość jestem początkujący....