| Autor | Zpráva | ||
|---|---|---|---|
| H.V. Profil * |
#1 · Zasláno: 27. 3. 2012, 13:45:30
Zdravím,
jsem sice pokročilý webmaster, ale narazil jsem na takový blbý problém, že už nevím prostě jak to mám vyřešit, takže třeba mi dáte nějaké dobré rady, což budu moc rád. Můj problém: vytvořil jsem levé menu pomocí ul a li zde je kod: #sidebar {
float: left;
margin-top:-125px;
width: 200px;
position: relative;
}
#sidebar h2 {
color: #fff;
margin-bottom: 0px;
}
#sidebar ul {
list-style: none;
margin-left:-25px;
background: none;
}
#sidebar ul li {
padding-left: 20px;
padding-right: 10px;
}
#sidebar ul li a{
font-family:Arial;
line-height:15px;
font-size: 16px;
font-weight: normal;
font-style: italic;
text-decoration: none;
color: #4e811c;
padding-left: 25px;
}
#sidebar ul li a:hover{
font-weight: bold;
font-style: normal;
}
#sidebar ul li.current_page_item > a,
#sidebar ul li.current-menu-ancestor > a,
#sidebar ul li.current-menu-item > a,
#sidebar ul li.current-menu-parent > a {
font-weight: bold;
font-style: normal;
}
#sidebar ul ul {
padding: 0 0 0 0px;
}
#sidebar ul ul li {
margin-bottom: 10px;
background: url(images/sidebar-h-uprava.gif) 0px 0px no-repeat;
padding: 0px;
font-size: 14px;
text-align: left;
color: #ddd;
}Problém je u textu menu, že když je to dlouhé a automatické se to posune na další řádek, tak to skočí pod těmi kulatými šipky (viz obrázek zde: http://zdeweb.cz/problem.jpg ) a já bych potřeboval srovnat ten text tak, aby byli srovnané se stejným začátkem, jako je v obrázku označeno tou červenou čárou. zkoušel jsem marginy i paddingy, taky width ale nic z toho nebylo řešení (možná by to bylo nastavením li, ale nejsem si jist) Dokážete mě poradit? |
||
| Plaváček Profil |
#2 · Zasláno: 27. 3. 2012, 14:41:12
Dodej živou ukázku.
|
||
| Martin02 Profil |
#3 · Zasláno: 27. 3. 2012, 14:41:18
H.V.:
Ukaž prosím určení v css, které udává odrážky v těch položkách. Myslím, že teď to není odrážka a proto se pod to píše text. Kdyby to byla odrážka, byla by po celou výšku té položky a text by se do nebo pod ní nevypsal - vypsal by se vedle ní. Nevím to jistě, ale podle mě se ten text pod odrážku normálně nevypisuje. |
||
| H.V. Profil * |
#4 · Zasláno: 27. 3. 2012, 18:04:57
zde je ukázka:
http://zdeweb.cz/prace/wp/web2/ |
||
| juriad Profil |
#5 · Zasláno: 27. 3. 2012, 18:24:10
do
#sidebar ul li a přidej display: block standardně je odkaz řádkový a dej si pozor na poskakování menu při hoveru "International training massage School" |
||
| H.V. Profil * |
#6 · Zasláno: 28. 3. 2012, 14:22:32
juriad:
tybrdo díky moc! Ještě bych byl moc vděčný, kdybys poradil jak mam upravit, aby to neposkakovalo při hoveru...jeslti to není paddingem, nebo šiřkou width? |
||
| juriad Profil |
#7 · Zasláno: 28. 3. 2012, 14:53:51
H.V.:
je to tím, že bold text je širší než normal text; po ztučnění se poslední slovo nevejde na řádku a zalomí se, šířka je definovaná pro #sidebar a postupně se ořezává, až na samotný odkaz zůstane 155px řešením je nepoužívat font-weight:bold, nebo přidat do odkazů manuálně <br> a nastavit mu buď větší width, tak aby se do ní vešel i bold text bez dalšího zalomení, nebo white-space: nowrap |
||
|
Časová prodleva: 12 let
|
|||
0