HTML&CSS

D4rTh

Dobry den,
chcem vediet ako sa v HTML alebo CSS oznacuje kde napr. lista bude hore , na zaciatku stranky,
{ Priklad }
Tak mam v css napr.

.lista { background-image: url("lista.gif"); width: 800px; height: 50px }

a html

<div class="lista"></div>

No to mi hodi obrazok ktory pozadujem ale da mi ho dole na koniec stranky ,
no,ako si ju dam hore (:D) preste,pomocou coho si nastavim kde ma nieco byt
snad ste pochopili

geoge046

background-position:
(môžu tam byť nasledovné "odpovede": bottom, center, inherit, left, right, top)

D4rTh

geoge046 napísal:background-position:
(môžu tam byť nasledovné "odpovede": bottom, center, inherit, left, right, top)

Vo firefoxe mi to nešlo,ale mal som namysli niečo kde by som po PX si umiestnoval

geoge046

D4rTh napísal:Vo firefoxe mi to nešlo,ale mal som namysli niečo kde by som po PX si umiestnoval

No ine riesenie nepoznam. A co to je "PX"? A keby nieco da sa to aj presne umiestnit: background-position: top right

D4rTh

Hmm,myslel som nieco ako http://www.jakpsatweb.cz/css/background-position.html ,lenze mi to neslo v firefoxe

A robí ti to, aj keď máš ten div na začiatku html?

D4rTh

ta lista by mala byt uplne hore tak, je hned za body

gwixt · Príspevok od používateľa **gwixt** » 06 aug 2007, 9:07

hod sem cely kod ...

D4rTh

gwixt napísal:hod sem cely kod ...

Dal som len priklad,zatial kym to neviem tak sa do toho nepustam

gwixt

D4rTh napísal:Dal som len priklad,zatial kym to neviem tak sa do toho nepustam

ja tu ani ten priklad nevidim ... vidim len nejaky css class

D4rTh

OK,dam ti sem iba take jednoduche ,

style.css

Kód: Vybrať všetko

body { background-image: url("bg.jpg");background-repeat:repeat }
.telo { background-color: #212121; width: 800px; height: 900px }
.lista { width: 800px; height: 100px } /* Chcel by som tu ešte presne umiestnenie */

index.html

Kód: Vybrať všetko

<html>
<head>
<meta http-equiv="Content Type" content="text/html; charset=UTF-8">
<title>Skúšobná Webstránka</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<center><div class="telo"></div></center>
<div class="lista"><img src="img/lista.jpg" border="0"></div>
</body>
</html>

No,tam mam uz telo, do ktoreho by som chcel pridavat listu,header,menu... ,ako pridam listu tak sa mi zobrazi na konci stranky,tj ako ju umiestnim ,dik za pomoc
Pridavam obrazok:

geoge046

A preco si nevimenis tie divka? lebo v tom je problem. To telo je roztiahnute skoro "na celu stranu" a potom to dalsie dviko ide pod to, ked to mas tak v html

D4rTh

geoge046 napísal:A preco si nevimenis tie divka? lebo v tom je problem. To telo je roztiahnute skoro "na celu stranu" a potom to dalsie dviko ide pod to, ked to mas tak v html

Dobre,ale nieje nieco zeby som to "rucne" umiestnil tam kde to chcem?

geoge046

Kód: Vybrať všetko

<html>
<head>
<meta http-equiv="Content Type" content="text/html; charset=UTF-8">
<title>Skúšobná Webstránka</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="lista"><img src="img/lista.jpg" border="0"></div>
<center><div class="telo"></div></center>
</body>
</html>

No ak to chces len premiestnit na vrch, tak takto by mohol vyzerat ten kod. ALe myslim si ze to by si vedel aj sám. A druhy sposob neviem ze by existoval. Ak to chces vycentrovat tak <centter> -om. A to co chces ty tak to nevim

D4rTh

To by mozno vyriesilo to tou listou,ale potom menu? Dalsie boxy,atd...
Myslel som nieco ako toto

Kód: Vybrať všetko

http://www.jakpsatweb.cz/css/css-pozicovani.html

ale do div-u

gwixt

a aky mas teda problem?? na tom jakpsatweb je to predsa napisane?

D4rTh

Aby som poziciu definov v CSS,nie v html,a aby to mohlo ist do divu...diky

eMPiko

neviem ci som pochopil, ale ty chces do divu telo umiestnit dalsie elementy?
Ak ano tak jednoducho:

Kód: Vybrať všetko

<div id=telo>
   <div id="xx"></div>
   <div id="xy"></div>
</div>

inak mozes do CSS pridat tag position:

Kód: Vybrať všetko

http://www.jakpsatweb.cz/css/position.html

gwixt

ja ta stale nerozumiem ....

skus si precitat to http://www.jakpsatweb.cz/css/css-pozicovani.html
a ked to nebudes vediet tak si to precitaj este raz a tak dookola ..

je tam takmer vsetko o poziciovani v CSS a urcite viac ako potrebujes ...

D4rTh

eMPiko napísal: inak mozes do CSS pridat tag position:
Kód: Vybrať všetko
http://www.jakpsatweb.cz/css/position.html

Diky toto si pozriem

gwixt napísal:ja ta stale nerozumiem ....

skus si precitat to http://www.jakpsatweb.cz/css/css-pozicovani.html
a ked to nebudes vediet tak si to precitaj este raz a tak dookola ..

je tam takmer vsetko o poziciovani v CSS a urcite viac ako potrebujes ...

dobre