Stránka: 1 z 1
| [ Príspevkov: 25 ] | |
Autor | Správa |
---|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
Ahoj,
som amatera a potreboval by som poradit pri tvorbe statickej stranky, pri ktorej by som chcel vyuzit CSS layout (tak sa to vola?). Jedna sa o jednoduchu stranku na ktorej vrchu by bolo logo a pod nim textovy obsah. Chcel by som aby to bolo formatovane v DIVoch (?) podobne ako to je na prilozenom obrazku:
Kto by vedel a bol by ochotny pomoct?
|
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 | 30 Bydlisko: Bratislava |
A otázka znie ako?
_________________ Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
shaggy píše: A otázka znie ako?
Ako taku stranku spravit? Ako polohavat tie DIVy. Ked som to skusal hadze mi ich za sebou, ako dosiahnut ich umiestnenie na stranke, aby som mal div kde chcemmat logo tam a div s obsahomniekde inde?
|
|
Registrovaný: 06.11.08 Prihlásený: 06.09.21 Príspevky: 3091 Témy: 84 | 84 Bydlisko: Trnava | |
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 | 30 Bydlisko: Bratislava |
Dovolil som si ten dencov príspevok trochu opraviť (zmenil som CODE na URL), ale inak s nim plne súhlasím.
Zisti si, na čo v css slúžia paddingy, margin, neskôr možno využiješ aj float + samozrejme všetky ostatné css vlastnosti, tu som ti vymenoval len tie, ktoré by si mal využiť v tomto prípade.
_________________ Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
Pozeral som si priucky aj nejake tutorialy, ale nepochopil com jednej veci, ako si jednotlive boxy (DIV) naformatujem na stranke tak aby som ich mal na miestach tam kam ich chem mat (podla obrazka v prilohe). Ono ich hadze pod seba za radom ak ma rozumiete co myslim.
|
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 | 37 Bydlisko: Trnava |
ak to chces mat cele na stred pouzi obalovy <div> potom logo so s urcitou sirkou a nakoniec obsah ziadni problem ... tomu obsahovemu divu nastav 100% sirku (bude pocitana od sirky obaoveho divu )
_________________ Hmmm .... Hrošíček ... [Homer] |
|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
Nasiel som este nejake anglicke tutorialy a asi uz tomu zacinam rozumiet, ide len o rozlozenie obdlznikov ak tomu dobre rozumiem. Skusim sa s tym pohrat, to bude asi najlepsie. Zatial dakujem za rady.
|
|
Registrovaný: 02.09.08 Prihlásený: 23.01.13 Príspevky: 81 Témy: 17 | 17 |
v css vies nastavovat pozicie hociktorym elementom. ak trebars potrebujes mat div na urcitej pozicii, vies si ho tam posunut cez absolutne a relativne poziciovanie.
logo ma fixnu sirku a dlzku, cize to si bezproblemovo nastavis cez absolutne pozicie, nasledne div obsah vies, o kolko ma byt vzdialeny od vrchneho okraja, cize ten vies tiez poziciovat absolutne.
aspon ja by som to urcite robil takto:
index.php:
Kód: <html> <head> <?php include ('stylesheet.php'); ?> </head> <body> <div class="logo"><img...></div> <div class="body">bla bla</div> </body> </html> stylesheet.php: Kód: body { background-imafe: url('backgroudn.jpg'); }
.logo { position: absolute; left: 50px; top: 50px; }
.body { position: absolute; left: 50px; top: 200px;
|
|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
Vdaka, toto mi snad pomoze, vecer si to odskusam.
|
|
Registrovaný: 21.09.09 Prihlásený: 03.08.10 Príspevky: 229 Témy: 43 | 43 |
Roko, tvoj pripad pravdepodobne funguje, ale neni to spravna cesta. Ja by som to takto urcite nerobil. Absolutne polohy pouzivam, ak uz nemam inu moznost.
Ruso, ak mas skype napis mi. Moj nick mspiderv. Pomozem ti a vysvetlim comu nebudes rozumiet.
|
|
Registrovaný: 02.09.08 Prihlásený: 23.01.13 Príspevky: 81 Témy: 17 | 17 |
no tak napis tvoj nazor, nech sa priucim i ja
|
|
Registrovaný: 21.09.09 Prihlásený: 03.08.10 Príspevky: 229 Témy: 43 | 43 |
Tak za prve. Preco styl includujes pomocouc php? Je to zbytocne. Namiesto riadku...
Kód: <?php include ('stylesheet.php'); ?> ... pouzi ... Kód: <link href="stylesheet.css" rel="stylesheet" type="text/css"> Za druhe. Pouzi taketo HTML. Kód: <html> <head> <link href="stylesheet.css" rel="stylesheet" type="text/css"> </head> <body> <div class="logo"><img...></div> <div class="body">bla bla</div> </body> </html> a takyeto CSS... Kód: body { width: 960px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; } .logo { width: 960px; height: 120px; }
.body { margin-top: 20px; }
Vysledok bude rovnaky a nemusis riskovat s absolute polohovanim...
|
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 | 30 Bydlisko: Bratislava |
Roko - absolútne a relatívne pozicovanie je v tomto prípade úplne zbytočné. Tiež nechápem, prečo sem pletieš php a zbytočne mätieš začiatočníkov. Je problém sem dať kód bez toho php, myslím že by sa podstata nezmenila.
Súhlasím s tým, čo napísal DARSON - includovanie štýlov a celkovo používanie php súboru na štýly je veľmi divné.
A celkovo by som poprosil viac sebareflexie - ja tiež neradím ostatným v C#, pretože viem, že som začiatočník. Tvoja rada s absolútnym pozicovaním môže viac uškodiť ako pomôcť, ak sa raz človek niečo zle naučí, tak sa to odnaučí len veľmi ťažko.
_________________ Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
Takze aj vdaka Vasim radam sa mi podarilo spravit strukturu webu tak ako to je na obrazku Obrazovka2. Teraz vsak nastal problem v div obsah, kde by som chcel rozmiestnit 4 obrazky (vyrezane z desingu stranky) tak aby tvorili stvorec, v ktorom bude obsah (mozno v dalsiom dive) a toto sa mi nedary dosiahnut. Chcel by som to tak ako je to na obrazku Obrazovka3, ale zatial sa mi podarilo len nieco neurcite ako je na obrazku Obrazovka1. Takze ako to mam dosiahnut teda?
Pridavam aj kod index, a css:
Kód: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title>Airsoft klub</title> <meta http-equiv="Content-Language" content="sk-sk" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="description" content="Description" /> <meta name="keywords" content="Keywords" /> <meta name="author" content="Martin"/> <style type="text/css" media="all">@import "css/style.css";</style> <style type="text/css" media="all"> body{background-image: url('images/bg.jpg');}</style> </head> <body> <div id="container"> <div id="novinky"> novinky </div> <div id="logo"> logo </div> <div id="obsah"> obsah </div> </div> </body> </html> Kód: #container { width: 760px; margin: auto; }
#logo { background: red; height: 200px; }
#novinky { background: yellow; float: right; height: 200px; width: 550px; }
#obsah { background: blue; height: 500px; }
Este taka otazka, nepodarilo sa mi umiestnit obrazok pozadia na stranke tak, aby som mal prikaz backgrund umiestneny v style.css, ale musim ho mat v hlavicke html dokumentu, je to tak spravne?
|
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 | 127 Bydlisko: Lehota pod ... |
To vyzerá na nejakú blbosť. Je úplne jedno kde je definícia pozície backgroundu. Podľa mňa si niečo zle napísal....
|
|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
camo píše: To vyzerá na nejakú blbosť. Je úplne jedno kde je definícia pozície backgroundu. Podľa mňa si niečo zle napísal....
ta v podstate som to napisal tak isto ako v hlavicke, ale to nieje aj tak podstatne, skor by som potreboval vediet ako dosiehnut efekt ze jeden div bude obklopeny vyrezmi tych obratzkov
|
|
Registrovaný: 21.09.09 Prihlásený: 03.08.10 Príspevky: 229 Témy: 43 | 43 | |
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
Vdaka, ten web nepoznam tak sa tam idem pozriet a skusim to prestudovat.
|
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 | 127 Bydlisko: Lehota pod ... |
Takýto prístu: Kód: v podstate som to napisal tak isto ako v hlavicke
ani v CSS nebude stačiť, nehovoriac o nejakom programovaní.
Každá čiarka a každý apostrof.... je fatálny....
|
|
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
aby som to upresnil teda, takto som to mal zapisane v css subore:
Kód: body { background-image: url('images/bg.jpg'); }
|
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 | 30 Bydlisko: Bratislava |
Dôležité je, v akom adresári je ten css súbor - pretože ak je v inom ako ten html súbor, tak ti logicky obrázok nefungoval.
_________________ Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 | 127 Bydlisko: Lehota pod ... | |
Registrovaný: 30.06.10 Prihlásený: 17.08.10 Príspevky: 10 Témy: 1 | 1 |
shaggy píše: Dôležité je, v akom adresári je ten css súbor - pretože ak je v inom ako ten html súbor, tak ti logicky obrázok nefungoval.
mas pravdu, asi tam bude ten problem.
vedel by si ma naviest ako na to oramovat obsah obrazkami? vdaka
|
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 | 127 Bydlisko: Lehota pod ... | |
Stránka: 1 z 1
| [ Príspevkov: 25 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| v HTML, XHTML, XML, CSS | 8 | 2213 | 21.12.2010 20:03 misko16 | | v JavaScript, VBScript, Ajax | 2 | 715 | 16.09.2007 19:29 Bananslovak | | v HTML, XHTML, XML, CSS | 18 | 1164 | 05.04.2009 22:52 pkrajnak | | v HTML, XHTML, XML, CSS | 8 | 1569 | 11.01.2007 12:32 redman | | v HTML, XHTML, XML, CSS | 4 | 601 | 21.03.2010 15:21 8andrej8 | | v PHP, ASP | 7 | 1667 | 26.10.2009 16:00 Achtan | | v Ponuka práce | 0 | 625 | 01.11.2011 20:39 stefantoto | | v Webhosting a servery | 7 | 727 | 25.06.2009 9:33 krematorius | | v Ponuka práce | 1 | 895 | 29.05.2009 23:06 zmija31 | | v Redakčné systémy | 4 | 803 | 24.02.2011 7:52 don jebot | | v Ostatné | 10 | 433 | 12.03.2013 15:41 SpL1tt3r | | v Ponuka práce | 0 | 1071 | 19.10.2009 15:34 DeiForm | | v Ponuka práce | 0 | 606 | 06.10.2014 12:59 MagnatWoofer | | v Ponuka práce | 16 | 2011 | 07.02.2008 17:35 walther | | v Grafické programy | 0 | 529 | 23.05.2012 21:26 BlackB | | v Ostatné | 2 | 650 | 28.07.2008 7:47 rooobertek |
|