Autor | Zpráva | ||
---|---|---|---|
MilanJ Profil |
#1 · Zasláno: 3. 2. 2006, 08:43:26
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
zkus
počet pixelů si zvol jaký chceš.. |
||
habendorf Profil |
#3 · Zasláno: 3. 2. 2006, 13:05:19
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
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:
|
||
MilanJ Profil |
#5 · Zasláno: 3. 2. 2006, 14:32:03
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
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
Pak je třeba dodat ukázku zdrojového kodu, chyba bude jinde.
|
||
MilanJ Profil |
#8 · Zasláno: 3. 2. 2006, 14:45:20
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
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
Tady je. :-)
|
||
MilanJ Profil |
#11 · Zasláno: 3. 2. 2006, 14:59:26
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
Žá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
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
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
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