Autor Zpráva
stepi15
Profil
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
nějaké nápady?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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