Autor Zpráva
MilanJ
Profil
#1 · Zasláno: 3. 2. 2006, 08:43:26
Odpovědět Citovat
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
#2 · Zasláno: 3. 2. 2006, 09:01:42 · Upravil/a: BLASTER22
Odpovědět Citovat
zkus 

<style type="text/css">

ul {padding-top: 5px}

</style>

počet pixelů si zvol jaký chceš..
habendorf
Profil
#3 · Zasláno: 3. 2. 2006, 13:05:19
Odpovědět Citovat
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
#4 · Zasláno: 3. 2. 2006, 13:18:46
Odpovědět Citovat
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
#5 · Zasláno: 3. 2. 2006, 14:32:03
Odpovědět Citovat
ul {margin-top: 5px}

Je to zvláštní, ale seznam se ani nehnul, i když jsem nastavil co jste mi radil. :-/
MilanJ
Profil
#6 · Zasláno: 3. 2. 2006, 14:35:07
Odpovědět Citovat
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
#7 · Zasláno: 3. 2. 2006, 14:40:19
Odpovědět Citovat
Pak je třeba dodat ukázku zdrojového kodu, chyba bude jinde.
MilanJ
Profil
#8 · Zasláno: 3. 2. 2006, 14:45:20
Odpovědět Citovat
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
#9 · Zasláno: 3. 2. 2006, 14:54:29
Odpovědět Citovat
to nám moc nepomůže :) potřebujeme vidět CSS předpis
MilanJ
Profil
#10 · Zasláno: 3. 2. 2006, 14:57:20 · Upravil/a: MilanJ
Odpovědět Citovat
Tady je. :-)
MilanJ
Profil
#11 · Zasláno: 3. 2. 2006, 14:59:26
Odpovědět Citovat
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
#12 · Zasláno: 3. 2. 2006, 15:08:22
Odpovědět Citovat
Žádný styl pro ul tam není a ve stylu pro li je bordel.

Ještě jednou: ul {margin-top: 5px}
MilanJ
Profil
#13 · Zasláno: 3. 2. 2006, 15:10:36
Odpovědět Citovat
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
#14 · Zasláno: 3. 2. 2006, 15:21:42 · Upravil/a: Plaváček
Odpovědět Citovat
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
#15 · Zasláno: 3. 2. 2006, 15:51:26 · Upravil/a: MilanJ
Odpovědět Citovat
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.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0