Autor Zpráva
jarda_33
Profil
Zdravim,
Potreboval bych poradit..
Jak stylovat seznam aby text zacinal pod textem a ne pod odrazkou ?
Priklad ted tam mam tohle :

a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
text-decoration: none;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #876214;
text-align: left;

}
efekt je ten ze text je od zacatku dalsiho radku, ja bych ale potreboval aby to zarovnavalo text pod text,
popis: prvni radek - odrazka mezera text v prvnim radku (je dlouhy tak se zalomi)
druhy radek zacina od kraje radku, jak posunu slova v druhem radku o nekolik px dozadu ?? aby zacinal text az pod odrazkou ? a nebo aby byl text pod textem ??
Jde to nejak ??

Dekuji za radu .

J.
Miloš
Profil
Myslíš-li seznamem <menu><li>, případně <ul><li>, pak nevidím problém, protože seznamy mají implicitně list-style-position: outside;.
Jestli to máš jinak, uveď kousek kódu.
jarda_33
Profil
No dekuji za radu ale ja pouzivam misto odrazky obrazek
popis problemu je tadu : [url=http://www.osobnistranka.ic.cz/problem.jpg
]http://www.osobnistranka.ic.cz/problem.jpg
[/url]
je tam obrazek co to dela a jak to potrebuju.

Je to nekde v souboru se stylem nasel jsem tam jen to co je uvedeno nahore tim to je stylovano zrejme to nebude seznam jako takovy <menu> <li> nebo podobne.

Jedna se o menu ktere je stylovano takto :

a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color:#876214;
text-align: left;
padding-top: 5px;
padding-left: 15px;
height: 21px !important;
height: 26px;
width: 100%;
text-decoration: none;
}

a.mainlevel:hover {
background-position: 0px -26px;
text-decoration: none;
color:#FFFFFF;
text-align:left !important;
text-align:right;
padding-right:20px;
}

a.mainlevel#active_menu {
color:#FF0000;
font-weight: bold;
font-size:13px;
}

a.mainlevel#active_menu:hover {
color: #FFFFFF;
}

a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #876214;
text-align: left;
}

a.sublevel:hover {
color: #876214;
text-decoration: none;
}

a.sublevel#active_menu {
color: #333;
}
tajny spion
Profil
OMG ROFL :)

Vse jde pres CSS.

(smeju se vypisu dlouhymu jak kr*** :D )
jarda_33
Profil
A co takhle poradit kdyz to vsechno znas ???
to ne co ??
JirkaC
Profil *
Staci polozce menu pridat dostatecny padding-left, ve Vasem pripade cca 10px. Odrazku pak udelat background-obrazkem, ktery zarovnate doleva.
jarda_33
Profil
Mohu jeste poprosit o zapis jako pro blba ? nejak to nechapu co tedy musim a kde zmenit ? Upravil jsem toto :

a.sublevel:link, a.sublevel:visited {
padding-left: 10px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #876214;
text-align: left;
}
pading-left jsem dal 10 misto 1 ale posunulo se to cele do prava a pozadovany efekt se nekona stale radek po zalomeni zacina pod odrazkou.

Tak nevim ?
JirkaC
Profil *
Udelejte to u tech subpolozek stejne jako u polozek, ne? Letmym pohledem staci pridat display: block;
jearse
Profil *
lidi me nejde v ie nastavit vyska ul ani kdyz udelam hack co mam delat?
Miloš
Profil
Výška <ul> nebo výška jednotlivých <li>?
Pokud jde o výšku <li>, spraví to větší line-height.

Krom toho uvádíš pouze CSS, ale jak máš zapsané HTML?
Jak už jsem psal výše, opravdu nevidím sebemenší důvod, proč by se to mělo zobrazovat blbě. Chybu hledej očividně v HTML.
Mně se seznamy zarovnávají bez problémů: http://pokusna-krysa.webpark.cz/tmp/ul-li.html

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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