Autor | Zpráva | ||
---|---|---|---|
swifter Profil * |
#1 · Zasláno: 1. 7. 2006, 07:38:53
Potreboval by som css zdroj k trojstĺpcovému Layoutu zo stálym width.
Na internete je plno takýchto príkladov ale problém je ten, že ja potrebujem takúto HTML štruktúru. <div id=containter> všetky budú v css na rovnakej úrovni ale je tu dosť veľký problém z pozicovaním keďže majú ísť za sebou z ľava do prava takto: ľavý panel, obsah, pravý panel. Ide o to, aby sa stránka bez css zobrazovala v tom poradí akom som napísal v html. |
||
Jan Tvrdík Profil |
#2 · Zasláno: 1. 7. 2006, 09:24:21
Proč přesně takovou?
body {text-align: center;} #containter {text-align: left; position: relative; margin: auto; width: 600px;} #header {position: absolute; background-color: #FFFFCC; left: 0px; top: 0px; width: 600px; height: 100px;} #content {position: absolute; left: 100px; top: 100px; width: 400px; background-color: #99FF00;} #right_sidebar {position: absolute; top: 100px; left: 0px; width: 100px; background-color: #CCFF00;} #left_sidebar {position: absolute; top: 100px; left: 500px; width: 100px; background-color: #FFCC00;} |
||
miroslav-vano Profil * |
#3 · Zasláno: 1. 7. 2006, 09:42:15
To kôli indexacii vyhľadávacu a aby užívaťeľ videl ako prvé hlavný obsah. V tejto stránke naboku bude tiež obsah a nie menu tak aj preto.
Inak mám takú otázku ohľade SEo čo som si neni istý. Keď mám dvoj, alebo trojstĺpcovú stránku a napr. ľavý panel je menu tak je lepšie keď budev HTML najprv to ľavé menu a potom obsah, alebo opačne najprv obsah a potom menu. Keď je prvé menu sa to ľahšie programuje, ale nechcem aby vyhľadávač povaoval za hlavný obsah menu. |
||
WanTo Profil |
#4 · Zasláno: 1. 7. 2006, 09:45:25 · Upravil/a: WanTo
Tady je řešení bez absolutních pozic. Přidal jsem patičku (která se dělá při absolutním pozicování blbě) a jeden pomocný div. Každopádně pořadí, které si přeješ, se nezměnilo.
Podívej se na výsledek. |
||
miroslav-vano Profil * |
#5 · Zasláno: 1. 7. 2006, 09:46:45
a ešte ten css funguje vo všetkých prehliadačoch rovnako? lebo potrebujem script 100% validný a aby spĺal všetky štandardy. Inak tento vyzerá dobre len sa potrebujem uistiť.
|
||
WanTo Profil |
#6 · Zasláno: 1. 7. 2006, 09:48:59
miroslav-vano
V IE se nevycentruje. Ještě to trochu doladím, aby fungoval bez problémů i tam. |
||
WanTo Profil |
#7 · Zasláno: 1. 7. 2006, 09:51:07
Já jsem ale... Napsal jsem místo body #body :-) Když se ten '#' odstraní, funguje v pohodě i v IE.
|
||
WanTo Profil |
#8 · Zasláno: 1. 7. 2006, 09:54:51
Takže závěrečný verdikt: Otestováno v Opeře 9, Firefoxu 1.5, IE 6, Konqueroru 3.4. Funguje všude a bez problémů.
|
||
miroslav-vano Profil * |
#9 · Zasláno: 1. 7. 2006, 10:01:31
diiki moc
absolutne pozície veľmi nevyužívam ale podľa toho prvého kódu je to v niektorých prípadoch lepšie. Túto pozíciu som sa trochu bál používať. |
||
miroslav-vano Profil * |
#10 · Zasláno: 1. 7. 2006, 10:11:28
a ešte niečo v tabulke header potrebujem naspodu tabulky tabulku z menu
|
||
WanTo Profil |
#11 · Zasláno: 1. 7. 2006, 10:15:10
|
||
miroslav-vano Profil * |
#12 · Zasláno: 1. 7. 2006, 10:16:33
nie tabulka menu musi byt v tabulke header
<div id="header">header <div id="menu">menu</div> </div> |
||
WanTo Profil |
#13 · Zasláno: 1. 7. 2006, 10:22:37
miroslav-vano
TaK ještě jednou. Je to teďka správně? |
||
miroslav-vano Profil * |
#14 · Zasláno: 1. 7. 2006, 10:25:17
musí to vyzerať ako v tom prvom prípade, len tá tabuľka bude naspodu tabuľky header.
|
||
WanTo Profil |
#15 · Zasláno: 1. 7. 2006, 10:31:09
miroslav-vano
Proč? Z hlediska sémantiky není podle mě mezi těmito dvěma zápisy téměř žádný rozdíl. A na vyhledávače to nebude mít opravdu žádný vliv. 1. zápis <div id="header">header <div id="menu">menu</div> </div> 2. zápis <div id="header">header</div> <div id="menu">menu</div> |
||
miroslav-vano Profil * |
#16 · Zasláno: 1. 7. 2006, 10:33:31
ale koli grafike
|
||
miroslav-vano Profil * |
#17 · Zasláno: 1. 7. 2006, 10:35:13
http://vano.wms.sk/images/my%20times%202.jpg
tuto si môžeš všimnúť menu ako je a okraj hlavičky. Hlavička musí byť až potiaľ, pretože obsah obsahuje pozadie iba ktore sa opakuje. |
||
WanTo Profil |
#18 · Zasláno: 1. 7. 2006, 10:36:54
|
||
miroslav-vano Profil * |
#19 · Zasláno: 1. 7. 2006, 10:45:16
diki
snáď to už pôjde :) potom pošlem výsledok... |
||
WanTo Profil |
#20 · Zasláno: 1. 7. 2006, 10:47:45
Jsem na tebe zvědavý :-) Ten grafický návrh vypadá velice slibně.
|
||
jozob Profil |
#21 · Zasláno: 1. 7. 2006, 12:08:55
miroslav-vano
Vyzerá to naozaj slušne a oveľa lepšie ako súčasný design. Aj ja som zvedavý na výsledok. |
||
miroslav-vano Profil * |
#22 · Zasláno: 1. 7. 2006, 15:39:26
Narazil som na malý problém v tom layoute. Keď v ľavom paneli sa nachádza tag <p></p> tak celý panel odskočí nižšie. Dá sa to vidieť aj na tom príklade. http://wanto.czweb.org/blbosti/layout.html
|
||
miroslav-vano Profil * |
#23 · Zasláno: 1. 7. 2006, 15:40:37
a vo firefoxe to robi pravy panel. a v ie ten lavy.
|
||
miroslav-vano Profil * |
#24 · Zasláno: 3. 7. 2006, 09:36:56
No šablonu mám hotovú už asi tak na 90%, ale stále mám problém z tým layoutom čo som písal v predchádzajúcich príspevkoch. To niekto nevie ako ten problém vyriešiť? :(
|
||
WanTo Profil |
#25 · Zasláno: 3. 7. 2006, 09:45:02
Zkus nastavit tagu p margin-top: 0px.
|
||
miroslav-vano Profil * |
#26 · Zasláno: 3. 7. 2006, 17:37:37
http://data.tvorbawebstranok.sk/mytimes2/
tak tu si môžete pozrieť zprogramovanú html šablónu. Je asi na 99% hotová. Ešte musím odstrániť chyby v css a html ale už je to vlastne hotové. :) |
||
Railbot Profil |
#27 · Zasláno: 4. 7. 2006, 13:14:26
miroslav-vano
dej tomu jine pozadi, nejakou jemnejsi...mene vyraznou texturu.. |
||
miroslav-vano Profil * |
#28 · Zasláno: 4. 7. 2006, 18:09:07
ja si práveže myslím, že tá textúra je dobrá je to ako keby to bolo položené na nejakom materiále. Drevo sa tam veľmi nehodilo tak som dal toto a to sa mi celkom páči.
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0