Autor | Zpráva | ||
---|---|---|---|
Stomas Profil |
#1 · Zasláno: 8. 6. 2008, 12:10:51
Mám problém se zobrazením seznamu uvnitř <div>... např...
<div> <ul> <li>A <li>B <li>C </ul> </div> ... seznam se v tom ukazuje pořád vpravo, zkoušel jsem tam dávat <style text-align: left>, ale nepomohlo..., nevíte co s tím? |
||
vertigo4 Profil |
#2 · Zasláno: 8. 6. 2008, 12:12:07
<style text-align: left>
To má být co? |
||
Stomas Profil |
#3 · Zasláno: 8. 6. 2008, 12:21:49
Sorry, nechtěl jsem to rozepisovat... prostě jsem myslel...
<style type="text/css"> #abc {text-align: left} </style> |
||
yFang Profil |
#4 · Zasláno: 8. 6. 2008, 12:22:27
Stomas
Zkus to spíš takhle: ... <ul style="text-align:center;"> ... |
||
Stomas Profil |
#5 · Zasláno: 8. 6. 2008, 12:24:11
yFang: To nefunguje :-(
|
||
Měsíček Profil |
#6 · Zasláno: 8. 6. 2008, 12:29:54
Pošli odkaz.
|
||
panther Profil |
#7 · Zasláno: 8. 6. 2008, 12:31:37
Stomas
jestli to náhodou nebude tím, že seznam má nastaveno margin-left: 40px; Zkus vynulovat margin, případně i padding: ul { margin: 0; padding: 0; } |
||
Stomas Profil |
#8 · Zasláno: 8. 6. 2008, 12:34:41
panther: to už mám nastavený pro celou stránku...
|
||
Stomas Profil |
#9 · Zasláno: 8. 6. 2008, 12:35:27
Měsíček: Já to nemám na webu... učím se s tím pracovat a mám to jenom v pc
|
||
Dranel Profil |
#10 · Zasláno: 8. 6. 2008, 13:09:38
Stomas
Tak to nenastavuj pro celou stránku, to dělá akorát problémy (bavíme se doufám o hvězdičce). Nuluj vždy jen to, co potřebuješ. <div style="text-align: left;"> <ul style="float: left;"> <li>A</li> <li>B</li> <li>C</li> </ul> </div> |
||
Stomas Profil |
#11 · Zasláno: 8. 6. 2008, 13:24:56
Dranel:
Nic z toho nepomáhá :'-( |
||
Stomas Profil |
#12 · Zasláno: 8. 6. 2008, 13:26:30
Ostatní věci v tom "div" se přesunulo, tak kam měli, ale seznam ne...
|
||
joe Profil |
#13 · Zasláno: 8. 6. 2008, 13:29:18
Proč by nefungovalo?!
<html> <body> <div style="background: red"> <ul> <li>jedna</li> <li>dva</li> </ul> </div> <div style="background: green; text-align: right"> <ul> <li>jedna</li> <li>dva</li> </ul> </div> </body> </html> |
||
Měsíček Profil |
#14 · Zasláno: 8. 6. 2008, 13:29:26
Se mi něják nezdá .. pošli alespoň tady celý kód.
|
||
Stomas Profil |
#15 · Zasláno: 8. 6. 2008, 13:54:54
<html>
<head> <style type="text/css"> * {width: 760px; margin: 0 auto; text-align: center; color: black; font-family: Times New Roman; font-size: 18} #co {position: absolute; width: 430px; height: 850px; top: 200px; left: 180px} #co {background-color: red} #co {text-align: left} #p {text-decoration: blink} #t {width: 300px; height: 200px} </style> </head> <body bgcolor="#ffffff"> <div id="co"> <br> <br> <class id="p"> ..."Text"... </class> <br> <br> <br> <caption> Table </caption> <table border="5" id="t"> <tr><td>A</td><td>B</td></tr> <tr><td colspan="2">C</td></tr> <tr><td rowspan="2">D</td><td>E</td></tr> <tr><td>F</td></tr> </table> <br> <br> <br> <ul style="float: left; margin: 0"> <li>A</li> <li>B</li> <li>C</li> </ul> </div> </body> </html> ... dal jsem sem jenom jeden div... na tom je to taky vidět :-( |
||
Měsíček Profil |
#16 · Zasláno: 8. 6. 2008, 14:23:28
Do hvězdičky nikdy nedávej text-align:center; .. takže tam dej tohle
* {width: 760px; margin: 0 auto; color: black; font-family: Times New Roman; font-size: 18} |
||
Manq Profil |
#17 · Zasláno: 8. 6. 2008, 14:27:33
Měsíček
Je ti jasný, žes mu poradil úplnou blbost? |
||
Stomas Profil |
#18 · Zasláno: 8. 6. 2008, 14:29:24
:'-(... Teď ale budu muset u všech ostatních divu nastavovat center zvlášť... ale nevadí, aspoň, že je tohle vyřešený ;-)... Dík
|
||
Měsíček Profil |
#19 · Zasláno: 8. 6. 2008, 14:30:00
Pokud vím tak chtěl celý seznam přesunout nalevo (protože se mu držel předtím v pravo a pak veprostřed) tím, že oddělá definici vlastnosti text-align u hvězdičky zajistí to, že se celý seznam přesune doleva. Co se ti na tom nezdá?
|
||
Stomas Profil |
#20 · Zasláno: 8. 6. 2008, 14:30:30
Manq:
Co poradil za blbost? |
||
Měsíček Profil |
#21 · Zasláno: 8. 6. 2008, 14:31:21
no popravdě bych ti z té hvězdičky měl vyhodit více věcí ;)
|
||
Stomas Profil |
#22 · Zasláno: 8. 6. 2008, 14:32:47
Jo, ale čím víc věcí by jsem vyhodil z hlavičky, tím víc věcí budu muset nastavovat zvlášť a k čemu když si to můžu takhle zjednodušit a funguje to?
|
||
Měsíček Profil |
#23 · Zasláno: 8. 6. 2008, 14:35:11
No obvykle to můžeš dát do html, body {} .., ale nastavovat hvězdičce šířku a zarovnání je prasečinka :)
|
||
Stomas Profil |
#24 · Zasláno: 8. 6. 2008, 14:39:53
Jo? a jak jinak mám udělat, aby jsem měl v pevné šířce všechno zarovnaný na střed?
|
||
Měsíček Profil |
#25 · Zasláno: 8. 6. 2008, 14:41:00
* {margin: 0px;padding: 0px;}
html, body {background: #000000; text-align:center; color:black;} tohle by mělo stačit a pak případně jen u divů dát margin: 0px auto;. |
||
Stomas Profil |
#26 · Zasláno: 8. 6. 2008, 14:45:53
Tak já to zkusím, ale nwm no...
|
||
Stomas Profil |
#27 · Zasláno: 8. 6. 2008, 14:48:47
{background: #000000; text-align:center; color:black;}... tohle mám hodit do stylu třeba s #body a potom dát <body id="body"> ???
|
||
Měsíček Profil |
#28 · Zasláno: 8. 6. 2008, 14:50:50
nn .. když dáš
#body ukazuje to na identifikátor id="body" body ukazuje na tag takže už žádná třída a identifikátor není potřeba. |
||
Stomas Profil |
#29 · Zasláno: 8. 6. 2008, 14:55:39
Jo, ale teď jsem si uvědomil, že bych si tím vymazal * {width: 760px; margin: 0 auto}, takže to nebude na středu stránky.
|
||
Měsíček Profil |
#30 · Zasláno: 8. 6. 2008, 14:57:21
Jdeš na to špatně .. to co dáš do hvězdičky ovlivňuje vše .. třeba i obyčejný obrázek kvůli té hvězdičce bude mít šířku 760px .. což je hloupost, proto do hvězdičky dávej jen nulování marginu a paddingu to je vše, o ostatní ať se postará body a html.
|
||
Téma pokračuje na další straně.
|
0