Zaloguj | Zarejestruj | FAQ
Anonymous

jak dodac obrazek pod menu pionowe?

+ Odpowiedz

Posty: 2 Strona 1 z 1


jak dodac obrazek pod menu pionowe?

przez pies2 » Wt lut 25, 2014 11:57 am

czesc
mam taki obrazek:http://vpx.pl/i/2014/02/25/tlo_pod_menu.png i chce dodać do menu pionowego, jak?

mam taka stronke:

<html>
<head><title>mojastrona</title>
</head>
<body>


</ul>

<div class="1"><font color="white"><center></center></font></div>
<div class="2"><font color="white"><center><br><div id="11" bg color="#66cc66"></div>

<ul id="menu">
<li id="1"><a href="strona1.html">Strona Główna</a>
<li id="1"><a href="strona2.html">O mnie</a>
<li id="1"><a href="strona3.html">Jak urządzić akwarium</a>
<li id="1"><a href="strona4.html">Zdjecia akwarium</a>
<li id="1"><a href="strona5.html">Inne zwierzęta w akwarium</a>
<li id="1"><a href="strona6.html">Roślinność</a>
<li id="1"><a href="strona7.html">Opis ryb</a>
<li id="1"><a href="strona8.html">Kontakt</a>

</a></li>

</ul>

</center><br>

</font></div>
<div class="3"><font color="white"><h1><center>Akwarium moja pasja</center></h1></font></div>

<div class="4"><font color="white"><a href ="strona1.html" title="Strona Główna">Strona Główna</a></font></div>

</body>
<style>

ul#menu
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
height: 800px;
width: 25px;
color: #0066ff;
background-color: black;

}
ul#menu li a
{
float: left;
width: 12em;
color: #fff;
background-color: blue;
padding: 0.2em 1em;
text-decoration: none;
border-bottom: 1px solid #fff;
}
ul#menu li a:hover
{
background-color: #34b943;
color: #fff;
}
ul#submenu
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 12em;
color: #fff;
background-color: #86e391;
margin-right:10px;
}
ul#submenu li a
{
float: left;
width: 10em;
color: #007d0f;
background-color: #e8ffeb;
padding: 0.2em 1em;
text-decoration: none;
border-bottom: 5px solid #fff;
}
ul#submenu li a:hover
{
background-color: #34b943;
color: #fff;
}
#rozwijany:hover li { display: block;}
#rozwijany li { display: none; }


.1{
clear: both;
height: 100px;
border: gray dashed 1px;
width: 800px;
background: #66cc66;
}

.2{

height: 800px;
border: gray dashed 1px;
width: 200px;
background: black;
float: left;
}

.3{

height: 820px;
border: gray dashed 1px;
width: 600px;
background: black;
float: left;
}

.4{
clear: both;
height: 50px;
border: gray dashed 1px;
width: 800px;
background: #66cc66;
}
</style>
</html>
Avatar użytkownika

pies2

  • Posty: 57
  • Dołączył(a): Pn lut 17, 2014 12:24 pm

Re: jak dodac obrazek pod menu pionowe?

przez XainPro » Cz lut 27, 2014 10:11 am

ul#menu li a
{
float: left;
width: 12em;
color: #fff;
background-color: blue;
background: url('http://vpx.pl/i/2014/02/25/tlo_pod_menu.png');
padding: 0.2em 1em;
text-decoration: none;
border-bottom: 1px solid #fff;
}
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1