Autor Zpráva
H.V.
Profil *
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
Dodej živou ukázku.
Martin02
Profil
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 *
zde je ukázka:

http://zdeweb.cz/prace/wp/web2/
juriad
Profil
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 *
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
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

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: