Autor Zpráva
Jameson
Profil *
#1 · Zasláno: 1. 6. 2006, 13:14:28
Odpovědět Citovat
zas mam mensi problem. mam nasledujuci kod, dam obsah celeho body..
<body>
<div id="header">
<div id="hlavicka-obal">
<div id="logo">
<h1><a href="index.html" title="**Hlavná stránka**"><span>**title**</span>
<img src="logo.gif" class="logo" alt="**logo**" width="192" height="50" border="0" />
</a>
</h1>
</div>
<div id="menu">
<ul class="nav">
<li><a href="#" class="active">Hlavná stránka</a></li>
<li><a href="#">Portfólio</a></li>
<li><a href="#">Materiály</a></li>
<li><a href="#">Doprava</a></li>
<li><a href="#">Služby</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
</div>
</div>
<div id="kontajner">
<div id="left">asdasdasd
</div>
<div id="right">asdasda
</div>
<div class="cleaner"></div>
</div>
<div id="footer"></div>
</body>

a css

body {
margin: 0px auto;
background-image: url(bg.gif);
}
span {
display: none;
padding: 0;
margin: 0;
}
h1 {
padding: 0;
margin: 0;
}

#menu a {
color: white;
font: bolder 12px sans-serif;
text-decoration: none;
}
#header {
background-image: url(hd-tile.jpg);
height: 85px;
width: 100%;
}
#hlavicka-obal {
width: 651px;
margin: 0px auto;
}
#menu {
float: right;
padding-right: 20px;
padding-top: 34px;
}
* html #menu {
padding-top: 50px;
}
#logo {
float: left;
}
#container {
width: 651px;
margin: 0px auto;
background-image: url(tile2.gif);
background-repeat: repeat-y;
background-position: center;
padding: 0;
}
#kontajner {
margin: 0px auto;
background-image: url(tile2.gif);
background-repeat: repeat-y;
background-position: center;
width: 651px;
}

#left {
float: left;
width: 459px;
padding: 0;
padding-left: 5px;
margin: 0;
}
#right {
float: right;
width: 182px;
padding: 0;
padding-left: 5px;
margin: 0;
}
#footer {
background-image: url(end.gif);
background-repeat: no-repeat;
width: 651px;
margin: 0px auto;
height: 10px;
}

.logo {
padding-top: 20px;
}
.nav li
{
margin: 0;
padding: 0px;
display: inline;
list-style-type: none;
}
.nav a:link.active, .nav a:visited.active, .nav a:hover
{
color: red;
float: left;
border-bottom: 2px solid red;
}
.nav a:link, .nav a:visited
{
margin-left: 5px;
font-size: 12px;
font-weight: bold;
float: left;
text-decoration: none;
}
.cleaner {
line-height: 1px;
height: 1px;
font-size: 1px;
clear: both;
}

a ked si to pozriem vo FF, tak text v dive left je od vrchu odsadeny, ale pritom nema nastaveny ziaden padding. v IE je text pekne navrchu.. kde je prosim problem? dakujem
Radek Hrabůvka
Profil
#2 · Zasláno: 1. 6. 2006, 13:20:48 · Upravil/a: Radek Hrabůvka
Odpovědět Citovat
Některé prohlížeče odsazují body marginem, některé paddingem. U nuly nemusí být jednotka.
body {
padding: 0;
margin: 0px auto;
background-image: url(bg.gif);
}
Jameson
Profil *
#3 · Zasláno: 1. 6. 2006, 13:25:08
Odpovědět Citovat
robi to dalej ;-) asi to upnem niekde na webzdarma...
Jameson
Profil *
#4 · Zasláno: 1. 6. 2006, 13:29:32
Odpovědět Citovat
skuste pozriet sem http://www.jameson.wz.cz/index.html, a vo FF ak sa bude dat :) dakujem
Jameson
Profil *
#5 · Zasláno: 1. 6. 2006, 17:24:30
Odpovědět Citovat
uz som prisiel na to, ze ked nastavim div menu na nasledovne
#menu {
float: right;
padding-right: 20px;
padding-top: 0px;
}
cize, som zmenil ten padding-top na nulovy, tak uz to neblokuje ten text. ale teraz nemam to menu odsadene od hora, ale text uz je v poriadku. prosim ako to urobim tak, aby to som vyriesil oba problemy? dakujem
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0