Autor Zpráva
Ahojda
Profil *
#1 · Zasláno: 16. 5. 2006, 17:19:37
Odpovědět Citovat
Ahoj, mám velký problém s menu setaveném seznamem. Struktura vypadá asi takto:

<ul>
<li></li>
<li></li>
<li></li>
</ul>

Můj problém je ten, že mám na stránce vlevo přiražený obrázek a hned vedle něj ono zmiňované menu "VERTIKÁLNĚ". Vše je obaleno divem. Teď se dostávám k problému. Prohlížeče se chovají kupodivu dobře. Jsou výkyvy jen co se týče milimetrů, že mi to menu přeteče ten obrázek a naopak, že je zas kratší než obrázek. Vše je o kousek. Není v css, nějaká vlastnost, že mě to ten seznam natáhne na výšku po té výšce divu s obrázkem, abych zajistil všude stejnost? Menu Rozšiřuji padding, aby bylo vše vystředěno! Moc důležité už se s tím hodně trápím. Nenajde se tu odborník?
Plaváček
Profil
#2 · Zasláno: 16. 5. 2006, 18:16:01
Odpovědět Citovat
Odborníků je tu dost, ale lidí, kteří umí zformulovat otázku, je tu jako šafránu. Co zkusit ukázat zdrojový kód?
Tomik
Profil
#3 · Zasláno: 16. 5. 2006, 18:36:20
Odpovědět Citovat
Plaváček
Souhlas.

Ahojda
Tipoval bych box model. Jinak bych spíše hovořil o odlišnostech v pixelech, protože se milimetry ve webdesignu příliš nepoužívají.
Ahojda
Profil *
#4 · Zasláno: 16. 5. 2006, 18:57:38
Odpovědět Citovat
Promiňte, tak máte tady takovou maličkou kopii, kterou si můžete spustit doma a zkusit.

/* css */
#head {
float: left;
height: 331px;
width: 503px;
position: relative;
background: #C3C3C3;
}

/* menu */
#menu {
width: 255px;
float: right;
overflow: hidden;
padding: 0;
font: 150% Tahoma, "Geneva CE", lucida, sans-serif;
}

#menu ul {
margin: 0;
}
#menu li {
list-style: none;
border-bottom: 1px solid #000;
}
#menu li a {
display: block;
padding: 5px 10px;
text-decoration: none;
font-weight: normal;
overflow: hidden;
color: white;
background: gray;
}
#menu li a:hover {
color: black;
background: white;
}



<!-- html -->

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Zkušební stránka s menu</title>
</head>
<body>

<div id="head">
<img src="images/logo.gif" width="248" height="331" align="left" border="0" vspace="0" hspace="0" alt="obrazek" />

<div id="menu">
<ul>
<li><a href="index.php">Hlavni strana</a></li>
<li><a href="index.php">Hlavni strana</a></li>
<li><a href="index.php">Hlavni strana</a></li>
<li><a href="index.php">Hlavni strana</a></li>
<li><a href="index.php">Hlavni strana</a></li>
<li><a href="index.php">Hlavni strana</a></li>
</ul>
</div>

</div>

</body>
</html>

Jde mi o to, jak natáhnout menu, alby bylo stejně dlouhé jako obrázek a nebyli moc velké korekce v jiných režimech. Díky
Ahojda
Profil *
#5 · Zasláno: 16. 5. 2006, 22:39:18
Odpovědět Citovat
Plaváček: Jinak jak byste to řešil vy? Napadlo mě ještě menu z obrázků, a tím bych zaručil pevnost, ale toto řešení se mě nelíbí.
Ahojda
Profil *
#6 · Zasláno: 17. 5. 2006, 13:43:34
Odpovědět Citovat
Nikdo neví?
Ahojda
Profil *
#7 · Zasláno: 17. 5. 2006, 16:08:45
Odpovědět Citovat
Ještě mám jeden problém. Když změním rámeček u (#menu li) na dashed (čárkovaně), tak se mě to rozmázne. Jak je to možné? Jinak předchozí problém jsem vyřešil. On totiž řešit nejde, udělal jsem obrázek, který se bude stahovat a natahovat se menu, ale chtěl bych tam použít čárkovaný rámeček pod nápisem "hlavní strana". Nechápu proč se to maže...
Ahojda
Profil *
#8 · Zasláno: 17. 5. 2006, 16:23:27
Odpovědět Citovat
A ten problém se rozrůstá, zde mám všude pod nadpisem jen ve spod rámeček.

#menu li {
list-style: none;
border-bottom: 1px solid #000;
}


Když ho zruším, tak se mě v IE udělá mezera všude jako hrom.

#menu li {
list-style: none;
}


No a když tím pádem nechci mít v posledním položce seznamu rámeček, tak jsem mu dal třídu a udělá se mě tam samozřejmě ta blbá mezera! Co na to říkáte. Já fakt nevim a jsem z toho špatný..., nedaří se a nedaří.

#menu li.ne {
list-style: none;
border-bottom: none;
}



PROSÍM UDĚJTE SI NĚKDO ČAS A ZKUSTE SI TO DOMA. NAHOŘE JE VŠE CO K TOMU POTŘEBUJETE. Stačí mi už jen ta mezera v poslední položce seznamu, aby tam nebyla. Popřípadě jak vyřešit ten rozmazaný DASHED! Děkuju, budu moc vděčný...
Ahojda
Profil *
#9 · Zasláno: 17. 5. 2006, 16:26:21
Odpovědět Citovat
Ta mezera je pouze v IE, jako by se ten seznam rozletěl. Jen v "IE".
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0