Autor Zpráva
mona
Profil
#1 · Zasláno: 30. 5. 2007, 14:55:19
Odpovědět Citovat
Dobrý den! Chtěla bych se zeptat: mám stránku a celou tu stránku bych potřebovala zarovnat na střed ve všech rozlišeních.
Nevíte někdo jak to mám udělat?? stránku mám složenou z obrazku a ty jsem přes CSS pozicovala.
Předem dekuji
Railbot
Profil
#2 · Zasláno: 30. 5. 2007, 15:07:34
Odpovědět Citovat
Použij hledání, řeší se to tady obden.
Lexter
Profil
#3 · Zasláno: 30. 5. 2007, 15:21:44
Odpovědět Citovat
body
{
text-align: center;
}

#obal
{
margin: 0 auto;
text-align: left;
}

Sry, ale musel jsem se pochlubit, že po roce jsem to pochopil :D.
mona
Profil
#4 · Zasláno: 30. 5. 2007, 15:28:39
Odpovědět Citovat
body
{
text-align: center;
}

#obal
{
margin: 0 auto;
text-align: left;
}

Sry, ale musel jsem se pochlubit, že po roce jsem to pochopil :D.


To jsem rada ze si mi to napsal. A prosim tě co píšeš do html kodu? Děkuji
Lexter
Profil
#5 · Zasláno: 30. 5. 2007, 15:49:46
Odpovědět Citovat
No definice body ti styluje tag body, který tam už je. Pak jen obsah webu uzavřeš do již zmíněného <div id="obal">Obsah webu</div>.

nezapomeň, že musíěš divu obal zadat ještě šířku pomocí width: neco; jinak se ti vycentruje velké kulové.

Abych byl přesný a zahýřil svými dupr znalostmi, tak div obal centruje pomocí margin pro nové prohlížeče. V body se centruje pomocí text-align, aby to pochopily jejich starší bratříčci. Pak se samozřejmě musí ještě v obalu zarovnat text nalevo, aby se vyrušilo působení centrování textu v body.
habendorf
Profil
#6 · Zasláno: 30. 5. 2007, 15:52:08
Odpovědět Citovat
Abych byl přesný a zahýřil svými dupr znalostmi, tak div obal centruje pomocí margin pro nové prohlížeče. V body se centruje pomocí text-align, aby to pochopily jejich starší bratříčci. Pak se samozřejmě musí ještě v obalu zarovnat text nalevo, aby se vyrušilo působení centrování textu v body.

Já to krapet upřesním.

V body se centruje pomocí text-align, aby to pochopily jejich starší bratříčci.
Platí pouze pro IE v quirku. Ve standardu IE chápe margin:0 auto.
Lexter
Profil
#7 · Zasláno: 30. 5. 2007, 15:57:16 · Upravil/a: Lexter
Odpovědět Citovat
habendorf

Aha, díky, jdu studovat a doplnit si své znalůstky ;), IE pro mě stejně byla vždy jedna velká neznámá :).
Petr Tichý
Profil
#8 · Zasláno: 30. 5. 2007, 16:08:55
Odpovědět Citovat
Já to krapet upřesním.

"Platí pouze pro IE v quirku. Ve standardu IE chápe margin:0 auto."
Chápe to tak IE až od verze tuším 6. Takže i když není IE v quirku, tak se to hodí pro 5.0 a 5.5. Tedy alespoň tuším :o)
Railbot
Profil
#9 · Zasláno: 30. 5. 2007, 16:11:53
Odpovědět Citovat
Tedy alespoň tuším :o)
Tušíš správně. Leč, pojďme na IE 5.5- z vysoka kašlat. Je nejvyšší čas tento prehistorický paskvil hodit přes palubu.
habendorf
Profil
#10 · Zasláno: 30. 5. 2007, 16:35:41
Odpovědět Citovat
Petr Tichý: Je to tak. Ale vidím to stejně jako Railbot.
wifon
Profil
#11 · Zasláno: 31. 5. 2007, 08:25:54
Odpovědět Citovat
A position: absolute; na "hlavnom" DIVe nepouzivate?
Railbot
Profil
#12 · Zasláno: 31. 5. 2007, 09:23:28
Odpovědět Citovat
wifon
Proboha proč?
Časová prodleva: 2 měsíce
mona
Profil
#13 · Zasláno: 20. 7. 2007, 18:39:44
Odpovědět Citovat
Takze musim vytahnout stary topic :-( jaksi to zarovnani stzranky nejde :-( Ja si stranku vytvorim ve photoshopu a pak si ji rozriznu na obrazky a ty pomoci CSS pozicuji tak jak ja si predstavuji.
tadyk je priklad. http://www.zkouska-lama.wz.cz/Mykos/index.html
Tuhle stranku bych chtel zarovnat na stred aby byla ve vsech prohlizecich na stredu.
Predem dekuji
Manq
Profil
#14 · Zasláno: 20. 7. 2007, 19:06:49 · Upravil/a: Manq
Odpovědět Citovat
mona
<body style="text-align:center;">
<div style="margin:0 auto;">
M**
Profil *
#15 · Zasláno: 22. 7. 2007, 17:49:47
Odpovědět Citovat
mona
Máš v HTML dokumentu dva nesmyslné tagy </tr
Oprav si je na </tr>, jinak to nemusí (nechápu jaktože to funguje) fungovat
M**
Profil *
#16 · Zasláno: 22. 7. 2007, 17:56:29
Odpovědět Citovat
mona
V souboru styl.css změň

#center {
position: absolute; top: 21px; left: 200px;
background-color: ffffff;
width: 800px;
height: 843px;
}

na

#center {
margin: 0 auto;
background-color: ffffff;
width: 800px;
height: 843px;
}

A potom to MUSÍ fungovat...
mona
Profil
#17 · Zasláno: 24. 7. 2007, 13:49:36
Odpovědět Citovat
;-( Udelala jsem to presne jak jsi mi psal a porad nic. KDyz tak se muzem domluvit a dam ti pristupove udaje na hosting. Presne jsem to zmenila jak jsi tadyk psal a porad nic :-(
Časová prodleva: 20 dní
mona
Profil
#18 · Zasláno: 13. 8. 2007, 09:44:01
Odpovědět Citovat
Tak bud jsem tam blba a nebo mi to vazne nejde :-(

Tadyk je vytah ze zdrojoveho kodu:

index.html:

<html>
<head>
<title>xxxxxx</title>
<link rel="stylesheet" href="styl.css">
</head>

<body>
<div id="center">
<table border="0" margin="0" padding="0" cellspacing="0" cellpading="0">

<tr>
<td class="logo1"></td>
<td class="logo2"></td>
</tr>
</table>
</body>
</html>



A z CCS souboru

#center {
margin: 0 auto;
background-color: ffffff;
width: 800px;
height: 843px;
}

.logo1 {
background-image: url(´obrazy/logo1.jpg);
width: 280px;
height: 258px;
}

.logo2 {
background-image: url(´obrazy/logo2.jpg);
width: 275px;
height: 258px;
}
mona
Profil
#19 · Zasláno: 13. 8. 2007, 10:30:23
Odpovědět Citovat
Doufam, ze mi poradite jaky je v tom problem. Protoze vazne nevim :-(
Railbot
Profil
#20 · Zasláno: 13. 8. 2007, 10:32:32
Odpovědět Citovat
mona
Kde máš ten DIV ukončený? ;)
mona
Profil
#21 · Zasláno: 13. 8. 2007, 22:41:56
Odpovědět Citovat
Promin zapomnela jsem ho tam dopsat. Ikdyz ho tam ale dam, tak je to porad to same :-(
Uz vazne nevim co s tim muze byt. Projela jsem to v prohlizecich IE a mozila a v obou to same :-( mam ty loga zarovnane na levo.
tiso
Profil
#22 · Zasláno: 13. 8. 2007, 22:58:41
Odpovědět Citovat
mona Hovorila si o vycentrovaní stránky nie o vycentrovaní obsahu stránky... To je niečo iné...
habendorf
Profil
#23 · Zasláno: 13. 8. 2007, 23:21:27
Odpovědět Citovat
4 měsíce a 20 příspěvků řešíte vycentrování dvou log? ups ...

A loga jako pozadí prázdných buněk? Proč tak blbě?
mona
Profil
#24 · Zasláno: 14. 8. 2007, 14:51:55
Odpovědět Citovat
mona Hovorila si o vycentrovaní stránky nie o vycentrovaní obsahu stránky... To je niečo iné...

A jaky je v tom rozdil?? Zacinam, takze si moc nevim rady :-(


A loga jako pozadí prázdných buněk? Proč tak blbě?
A jak bys to udelal ty? Budu rada jak mi poraditeů. DEKUJI
habendorf
Profil
#25 · Zasláno: 14. 8. 2007, 14:54:33
Odpovědět Citovat
mona

Obrázek se vkládá tagem img.
MartinMM
Profil *
#26 · Zasláno: 14. 8. 2007, 17:08:45
Odpovědět Citovat
Mně třeba funguje hodnota "0 auto" jen v režimu xHTML...
mona
Profil
#27 · Zasláno: 14. 8. 2007, 20:26:05
Odpovědět Citovat
Obrázek se vkládá tagem img

Jo tak to vim, ale jak bych chtela dat nejaky obrazek na pozadi a na ten obrazek neco napsat tak bude lepsi tam dat do tabulky ne?
Delam totiz graficku, takze si celou stranku spracuju graficky, pak rozrezu a potom jen dam do tabulek a do nich neco napisu. Nebo si myslite, ze by bylo lepsi to delat jinak?
Railbot
Profil
#28 · Zasláno: 14. 8. 2007, 20:51:42
Odpovědět Citovat
mona
http://www.semantika.name/fekalni-styl.html
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0