Autor Zpráva
MilanJ
Profil
Mám menu v seznamu:


<ul>
<li>O firmě</li>
<li>Biologie a ekologie</li>
<li>Realizované akce</li>
<li>Kontakty</li>
</ul>


...a potřeboval bych tenhle seznam posunout o pár pixelů dolů.
Když použiju klasické odřádkování <BR>, je to moc. Když DIV (pozicování relativní neo absolutní), zobrazuje se to sice správně v Internet Exploreru, ale ve Firefoxu a Opeře je to trošku jinak...je to rozhozený.

Poradíte mi někdo, jak obecně pozicovat prvky tak, aby byli ve všech prohlížečích tam, kde mají být?
Díky.
BLASTER22
Profil
zkus

<style type="text/css">
ul {padding-top: 5px}
</style>

počet pixelů si zvol jaký chceš..
habendorf
Profil
Posuv se nedělá paddingem, ale marginem. Rozdíl uvidíš třeba v případě, že budeš mít na ul nějaký background.
BLASTER22
Profil
Posuv se nedělá paddingem, ale marginem. Rozdíl uvidíš třeba v případě, že budeš mít na ul nějaký background.

uvažoval jsem jestli padding nebo margin...omlouvám se že jse mylně uvedl padding namísto marginu... správně to má být:



<style type="text/css">
ul {margin-top: 5px}
</style>
MilanJ
Profil
ul {margin-top: 5px}

Je to zvláštní, ale seznam se ani nehnul, i když jsem nastavil co jste mi radil. :-/
MilanJ
Profil
Když nastavím ul {margin-left: 5px} , změnu uvidím, celý seznam se mi odsune doprava o 5px, ale top nebo bottom nic neudělá.
Plaváček
Profil
Pak je třeba dodat ukázku zdrojového kodu, chyba bude jinde.
MilanJ
Profil
Celá část je uzavřená v DIVu a vypadá následovně:

<div id="top">


<ul>
<li>O firmě</li>
<li>Konzultační činnost a engineering</li>
<li>Posudková činnost</li>
<li>Biologie a ekologie</li>
<li>Praktický management a ochrana přírody</li>
<li>Realizované akce</li>
<li>Kontakty</li>
</ul>

<div id="podslogan">služby pro ekologii životní prostředí a biologii</div>
<div id="slogan">Firemní slogan</div>
</div>
Plaváček
Profil
to nám moc nepomůže :) potřebujeme vidět CSS předpis
MilanJ
Profil
Tady je. :-)
MilanJ
Profil
Tady je.


body {
font-family: Tahoma, Arial, 'Arial CE', 'Lucinda Grande CE', 'Helvetica CE', Arial, lucinda, sans-serif;
font-size: 11px;
font-weight: normal;
}
li {
list-style-type: square;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
font-family: Arial, 'Arial CE', 'Lucinda Grande CE', 'Helvetica CE', Arial, lucinda, sans-serif;
;
top: 5px;
}
#hlavni {
position:absolute;
left:0px;
top:0px;
width:800px;
height:600px;
z-index:12;
}
#top {
position:absolute;
left:0px;
top:26px;
width:800px;
height:220px;
z-index:26;
background-image: url(images/top.jpg);
}
#slogan {
position:absolute;
left:519px;
top:188px;
width:275px;
height:21px;
z-index:24;
}
#podslogan {
position:absolute;
left:519px;
top:223px;
width:275px;
height:24px;
z-index:23;
}


habendorf
Profil
Žádný styl pro ul tam není a ve stylu pro li je bordel.

Ještě jednou: ul {margin-top: 5px}
MilanJ
Profil
v LI stylu bordel? Kde? =)
UL jsem nastavil, jen jsem ho zapomněl vložit, ale u sebe ho mám. Bohužel to nefunguje.
Plaváček
Profil
Pominu, že pozicovat celou stránku absolutně není nejlepší nápad a poradím tohle:

ul {position:relative; top:5px}

To zabere určitě.
MilanJ
Profil
To sice funguje, ale stránka je rozhozená ve Firefoxu a Opeře, jen IE to zobrazí jak má. Někam to utíká o pár pixelů dolu.
Toto téma je uzamčeno. Odpověď nelze zaslat.