Autor | Zpráva | ||
---|---|---|---|
chozee Profil * |
Zdravím měl bych takový dotaz. Udělal sem si web a potřeboval bych tam nastavit pevnou šířku ale nějak mi to nejde. Když si dám obrazovkU na 1280x720 tak to je někde uplně pryč.
Když stránku zmenšuji tak stránky se pohybuje doleva a když přibližuji tak doprava. Neví někdo co s tím? Moderátor jenikkozak: Titulek „Pevná šířka !!“ obsahoval o dva vykřičníky víc, než je potřeba. Příště zkus prosím vymyslet lepší.
|
||
janbarasek Profil |
#2 · Zasláno: 23. 3. 2014, 14:14:40
chozee:
Asi používáš absolutní pozicování, tam je toto úplně normální. Možná chceš stránku centrovat na střed, o tom je na JPW už článek. |
||
CZghost Profil |
chozee:
Celou stránku bych zabalil do divu stylem matrjošky, přiřadil bych mu nějaké id a pak mu napsal odpovídající CSS. Kódy by vypadaly následovně: HTML: <!DOCTYPE HTML> <html dir="lte"> <head> <meta charset="utf-8" /> <title>Název stránky</title> <link rel="stylesheet" href="style.css" /><!-- DO HREF SI DOSAĎ RELATIVNÍ CESTU K TVÉMU CSS --> <!-- DALŠÍ STYLY A NASTAVENÍ, SKRIPTY, ATD. --> </head> <body> <div id="matrjoska"> <!-- Další obsah stránky --> </div> </body> </html> CSS: div#matrjoska { width: 800px; /* Číslo může být jakékoliv */ margin-left: auto; margin-right: auto; } Tady je živá ukázka: http://kod.djpw.cz/smcb- Tady je kód: http://kod.djpw.cz/smcb Jinak je to popsane na JPW. EDIT: Už zase s křížkem po funuse :D |
||
jefitto44 Profil |
#4 · Zasláno: 24. 3. 2014, 08:32:22
Chcem sa opýtať, aký je rozdiel medzi selektorom div#matrjoska a selektorom #matrjoska? Viem, že offtopic, ale tútoproblematiku neovládam
|
||
Trejpa Profil |
#5 · Zasláno: 24. 3. 2014, 09:33:27
jefitto44:
To je jasné z popisu. Zápis div#matrjoska platí pro DIV s ID matrjoska. Zápis #matrjoska platí pro libovolný element s ID matrjoska.
Takže jde o rozlišení podle použité značky. Na jedné stránce budeš mít <div id=matrjoska></div> a na druhé třeba <span id=matrjoska></span> . První zápis CSS platí jen pro tu první stránku a druhý pro obě, protože u něj na elementu nezáleží.
Užitečnější je toto použití u třídy ( div.matrjoska ), dá se tak použít stejná třída v jedné stránce víckrát na různé elementy a podle elementu se dá odlišit.
<style> h2.modry { color: darkblue; } h3.modry { color: blue; } </style> <h2 class=modry>Nadpis</h2> <h3 class=modry>Podnadpis</h3> |
||
CZghost Profil |
#6 · Zasláno: 26. 3. 2014, 08:34:08
|
||
Plaváček Profil |
#7 · Zasláno: 26. 3. 2014, 09:40:25
Trejpa:
Ještě tě doplním, rozdíl bude i ve specifičnosti selektorů. Hezké povídání zde (anglicky): http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ |
||
Chamurappi Profil |
#8 · Zasláno: 26. 3. 2014, 11:33:49
Reaguji na Plaváčka:
Hezké, ale se zákeřnou chybou: „12. The embedded style sheet has a greater specificity than other rules.“ O kus níž je pak také uvedeno: „• The embedded style sheet is closer to the element to be styled.“ … i s příkladem dokazujícím, že není řeč o atributu style .
Autor zjevně věří, že interní stylopis má větší sílu než externí. Což je omyl, důležité je jen jejich pořadí. Odkazuje na dokumentaci k Dreamweaveru, kde je podobný nesmysl naznačený také. Zajímavé… |
||
Plaváček Profil |
#9 · Zasláno: 26. 3. 2014, 12:37:20
Chamurappi:
Nikdo není dokonalý. :) |
||
Časová prodleva: 11 let
|
0