Autor Zpráva
Tomáš123
Profil
ahojte, prosím Vás o pomoc s ľavým menu na stránke
chcel by som na svojej, zatial iba zaciatočnickej, stránke urobiť menu na lavej strane tak, aby zmenilo farbu cele a nielen pod textom.
dakujem.
han5vk
Profil
Zišla by sa živá ukážka, alebo aspoň kus relevantného kódu, ako to máš urobené.
Tomáš123
Profil
bohuzial stranku nemam na internete takze:

toto je html:
<!DOCTYPE html>
<html>
 <head>
  <link rel="stylesheet" type="text/css" href="default1.css">
  <title>CSS programovanie
  </title>
 <style type="text/css">
   a:link :  { font-size: 110%; color: #808080}
   a:visited : { font-size: 120%; color: black}
   
  </style>
 </head>
 <body>
  <div class="stred">
   <img src="logo.jpg" alt="logo" width="1250" height="140">
  </div>
  <div class="panel">
   <a href="http://www.azet.sk">Azet</a>
   <a href="#">Domov</a>
   <a href="http://www.google.com">Google</a>
   <a href="http://www.zoznam.sk">Zoznam</a>
   <a href="http://www.bing.sk">Bing</a>
   <a href="http://www.atlas.sk">Atlas</a>
   <a href="http://www.truckgame.cz">Truck game</a>
   <a href="http://www.ls-novinky.cz">Ls-novinky</a>
   <a href="new 1.html"><img src="logo.jpg" width="18" height="12"></a>
  </div>
  <div class="leftpanel">
   <table border="0" cellpadding="3">
    <tr>
     <td><a href="http://www.google.com">Google</a>
    <tr>
     <td><a href="http://www.zoznam.sk">Zoznam</a>
    <tr>
     <td><a href="http://www.bing.sk">Bing</a>
    <tr>
     <td>    <a href="http://www.atlas.sk">Atlas</a>
   </table>
  </div>
 </body>
</html>

tu je css

body {
background : URL(background.jpg);
background-attachment : fixed;
margin : 0;
padding : 0;
color : #000000;
font-family : Times New Roman;
font-size : 14px;
}
.center {
width : 600px;
margin : 0 auto;
}
.stred {
height : 140px;
top : 20px;
color : #ee2b00;
}
.panel {
float : right;
width : 1100px;
font-size : 14px;

height : 41px;
background : #d10101;
border-bottom : 2px solid #b1b1b1;
}
.panel a {
float : left;
padding : 12px;
color : #000000;
}
.panel a:hover {
color : #000000;
background : #ee2b00;
font-family : Times New Roman;
font-size : 14px;
border-bottom : 2px solid #ffffff; 
}
.leftpanel {
position : absolute;
top : 200px;
left : 150px;
background : #d10101;
font-size : 14px;
border-bottom : 2px solid #ffffff;
}
.leftpanel a {
float : left;
padding-right : 12px;
padding-right : 20px;
padding-top : 5px;
padding-bottom : 5px;

}
.leftpanel a:hover {
background : #ee2b00;
}



viem co nieje ziva ukazka tak prepačte za sposobene problemy

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: