Nastavitev ozadja
 
juresl 16. jan 2011 12:34:44 Pridružen od:
16. avg 2007
209 objav
74 23 4
#11

Če te prav razumem, je rešitev za tvoj problem absolutno pozicioniranje diva.


všeč(0) ni všeč(0) spam(0)
 
Gizmo 16. jan 2011 12:40:40 Pridružen od:
25. feb 2009
2647 objav
2589 396 55
#12

MobyDick:

Verjetno me nisi dobro razumel



Zanima me kako bi na zunanjo levo in desno stran dodal <div>



Recimo, da je sivo pobarvano obstoječa spletna stran.

Zdaj bi pa rad neodvisno od tega na levo in desno stran (rdeča polja) dodal 100px široko in 960px visoko sliko, da bi segala od začetka header-ja do konca footer-ja.





Če zdaj dodam <div> v <body> mi ga vgnezdi v sedaj obstoječo stran (siva polja)




Siva polja daš vsa v en div, potem pa daš vsem trem stolpcem float in to je to.


všeč(1) ni všeč(0) spam(0)
 
MobyDick 16. jan 2011 14:38:13 Pridružen od:
19. jan 2010
112 objav
31 64 0
#13

Problem rešen.



dodal sem <table><tr> in potem v <td> vstavil <div>

Tako so zdaj lepo v zaporedju.


všeč(0) ni všeč(0) spam(0)
 
DiTi 16. jan 2011 16:53:06 Pridružen od:
3. apr 2010
324 objav
218 7 1
#14

oh joj ne mešat table z designom, kot ti je predlagal Gizmo dodaj tri dive, v drugem naj bo celotna stran ter prvi dvema dodaj float left. lahko pa dodaš enega na konec enega na zečetek dokumenta ter poskušaš s absolutno pozicijo postavit na pravo mesto.


všeč(3) ni všeč(0) spam(0)
 
Tomcater 16. jan 2011 22:11:48 Pridružen od:
29. okt 2009
595 objav
509 82 8
#15

Definitivno ne mešat vsega počez. Tabele so namenjene predvsem za predstavitev podatkov in ne postavitvi dizajna. Rajši naredi tako kot ti je predlagal DiTi pred mano.


všeč(0) ni všeč(0) spam(0)
 
MobyDick 18. jan 2011 00:08:01 Pridružen od:
19. jan 2010
112 objav
31 64 0
#16

Hvala za nasvet. Sem naredil z <div>



<div id="wrapper">

<div id="leftcolumn"><p>LEVO</p></div>

<div id="content"><p>SREDINA</p></div>

<div id="rightcolumn"><p>DESNO</p></div>

</div>



Zdaj me pa zanima s katerim ukazom prisiliti <div>, da bo 100% visok?

Meni se namreč zgodi, da je visok (od zgoraj navzdol) samo toliko, kolikor mu dodam padding-a. Tako tudi ne vem, ali je text centriran ali ne.



Primer: Imam <header> višina 100px. Kako ukazati <div>, ki je v tem headerju, da bo visok 100px in bo tekst v njem centriran na sredino (po vertikali)


všeč(0) ni všeč(0) spam(0)
 
mprose7 18. jan 2011 07:04:27 Pridružen od:
18. mar 2008
911 objav
293 39 6
všeč(0) ni všeč(0) spam(0)
Oprema stanovanj in izris 3d objektov na: Notranja oprema
Trgovina z lesnim hobi programom: Razrez iverala
 
nas-t1 18. jan 2011 07:58:08 Pridružen od:
23. maj 2007
6916 objav
6886 187 55
#18

MobyDick:



Primer: Imam <header> višina 100px. Kako ukazati <div>, ki je v tem headerju, da bo visok 100px in bo tekst v njem centriran na sredino (po vertikali)




Lahko zamenjaš

height:100px;



za



line-height:100px;


všeč(0) ni všeč(0) spam(0)
 
MobyDick 18. jan 2011 08:26:04 Pridružen od:
19. jan 2010
112 objav
31 64 0
#19

Zdaj imam tako



#test {

clear: both;

float: left;

font-size: 36px;

font-family: "Arial";

padding-left: 25px;

height: 120px;

}



Kaj moram dodati, da mi bo besedo avtomatsko centriralo na sredino?



Sem dodal vertical-align: middle; pa je še vedno na vrhu ne na sredini.


všeč(0) ni všeč(0) spam(0)
 
Mipe 18. jan 2011 08:26:54 Pridružen od:
19. jun 2010
83 objav
43 15 1
#20

text-align:center;


všeč(0) ni všeč(0) spam(0)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se