| Autor | Zpráva | ||
|---|---|---|---|
| stepi15 Profil |
#1 · Zasláno: 15. 11. 2009, 10:16:50
Dobrý den jak udělám na web lištu umístěnou nahoře na stránce přímo od krajů
<div class="top-panel">
Navštivte také: www.RSko.cz
</div>
CSS
.top-panel{
height: 20px;
background-image: url(images/bg_top-panel.png);
border-bottom: 1px solid #996600;
text-align: center;
margin: -8px -8px 10px -8px;
}
ale v IE to nemá stejné odsazení takže asi position nebo je jiné řešení jo a pod tímto panel o 10px začné vzhled webu a ještě jak zarovnám text víškově do těch 20px top panelu |
||
| Plaváček Profil |
stepi15:
Dodal jsi málo vstupních informací (lepší by byla živá ukázka) a navíc se vyjadřuješ hodně myšlenkově kostrbatě. Možná, tipnu si, ti pomůže toto: html, body margin:0; padding:0 Abys nemusel liště nastavovat záporné okraje. |
||
| stepi15 Profil |
tak už sjem to udělal takto:
index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>RSTools .:!:. RuneScape Tools</title>
<link type="text/css" rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="top-panel">
Navštivte také: www.RSko.cz
</div>
<div class="header">
Header
</div>
</body>
</html>
CSS
body {
background-image: url(images/bg.gif);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-style: normal;
font-size:12px;
color:#EEEEEE;
margin: 0px;
}
.top-panel{
background-image: url(images/bg_top-panel.png);
height: 19px;
width: 100%;
border-bottom: 1px solid #996600;
text-align: center;
}
.header{
height: 400px;
width: 750px;
background: url(images/bg_table.png);
border: 1px #111111 solid;
margin: 10px 10px 0px 10px
}
Ještě akorat jak zarovnat spodek na střed a tex "Navštivte také: www.RSko.cz " zarovnám na střed (vertical) to panelu jak |
||
| stepi15 Profil |
#4 · Zasláno: 15. 11. 2009, 23:08:59
nějaké nápady?
|
||
|
Časová prodleva: 14 let
|
|||
0