| Autor | Zpráva | ||
|---|---|---|---|
| Tomáš123 Profil |
#1 · Zasláno: 8. 12. 2013, 20:25:09
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 |
#2 · Zasláno: 8. 12. 2013, 20:27:38
Zišla by sa živá ukážka, alebo aspoň kus relevantného kódu, ako to máš urobené.
|
||
| Tomáš123 Profil |
#3 · Zasláno: 8. 12. 2013, 20:34:31 · Upravil/a: Tomáš123
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 |
||
|
Časová prodleva: 10 let
|
|||
0