PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1
div pildi peale
Postitaja: lp 2012-05-04 10:19:23
Tere, oleks küsida järgmist asja.
div'i sisse saaks pildi panna.

<div id="imgDiv">
<img id="img" src="images/bgImg.jpg">
</div>

Aga, kuidas on võimalik saada vastupidi, et mingi div oleks pildi peal?

Tänan vastuste eest
RE: div pildi peale
Postitaja: rtfm 2012-05-04 10:44:51
position absolute ja z-index või paned pildi divi taustaks
RE: div pildi peale
Postitaja: imgdiv 2012-05-04 11:11:23 


<div style="z-index: 9;">

<img src="Desert.jpg"/>

</div>

<div style="margin: -100px 0 0 100px; z-index: 10; color: white;">

<p>Tekst tekst tekst tekst..</p>

</div>


midagi taolist
RE: div pildi peale
Postitaja: imgdiv 2012-05-04 11:28:50
või nii nagu eelpool mainitud.


<style>

#imgDiv {

position:absolute;

}



#textDiv {

position:absolute;

margin: 0 0 0 10px;



}

</style>

<div id="imgDiv">

<img id="img" src="Desert.jpg"/>	

</div>

<div id="textDiv">

<p>Tekst tekst tekst</p>

</div>
RE: div pildi peale
Postitaja: divinator 2012-05-04 13:34:05
A mis värk sellega on, et mingi seltskond tüüpe defineerib kõik stiilid alati ID'na? Miks classe enam ei kasutata?

#mingistiil {}
<DIV id="">

vs.

.mingistiil {}
<DIV class="">
RE: div pildi peale
Postitaja: juba janutab reedeselt 2012-05-04 15:43:42
TSITEERITUD:
A mis värk sellega on, et mingi seltskond tüüpe defineerib kõik stiilid alati ID'na? Miks classe enam ei kasutata?

#mingistiil {}
<DIV id="">

vs.

.mingistiil {}
<DIV class="">
need id id defineerija on idioodid ja klasside defineerija on lihtsalt trossid
RE: div pildi peale
Postitaja: rtfm 2012-05-04 17:30:16
TSITEERITUD:
A mis värk sellega on, et mingi seltskond tüüpe defineerib kõik stiilid alati ID'na? Miks classe enam ei kasutata?

#mingistiil {}
<DIV id="">

vs.

.mingistiil {}
<DIV class="">


id on unikaalne klass ei ole , klassi võid kasutada mingi rühma identifitseerimiseks ja id -ga mingeid kindlaid elemente. Pole ju vahet mida kasutada , peaasi, et kasutad õigesti ja saad aru mida sa teed.
RE: div pildi peale
Postitaja: ise php 2012-05-04 17:40:08
Kui kasutad koodis ka JavaScripti on suht suur vahe ID def elemendi saad sa JS abil palju lihtsamalt kätte kui class def elemendi.
RE: div pildi peale
Postitaja: ise php 2012-05-04 17:42:09
et kui sul on ikka üksikud elemendid, siis pole neile mingit mütet class panna.class ikka ainult rühmale.
RE: div pildi peale
Postitaja: blaa 2012-05-04 17:57:31
kasutan id-d ainult siis, kui elemendi poole javascriptiga pöördun ja ka siis defineerin talle stiiliklassi eraldi.
<div id="mingi_div" class="mingi_klass">

Milleks endal elu segaseks teha?
RE: div pildi peale
Postitaja: ninnunännu 2012-05-04 19:34:43
TSITEERITUD:


id on unikaalne klass ei ole , klassi võid kasutada mingi rühma identifitseerimiseks ja id -ga mingeid kindlaid elemente. Pole ju vahet mida kasutada , peaasi, et kasutad õigesti ja saad aru mida sa teed.
<table> on siis ka bueno, eksole
RE: div pildi peale
Postitaja: lp 2012-05-04 21:05:08
Tere,
Oleks veel küsida. Kui css div'i laiuse (protsentidega mitte pikslitega) reguleerimine töötab (width:100%), kuid kõrguse reguleerimine mitte. Oskab keegi vihjeid anda?
RE: div pildi peale
Postitaja: rtfm 2012-05-04 23:11:30
TSITEERITUD:
Tere,
Oleks veel küsida. Kui css div'i laiuse (protsentidega mitte pikslitega) reguleerimine töötab (width:100%), kuid kõrguse reguleerimine mitte. Oskab keegi vihjeid anda?


selle nimi on box model, kui sa oled mingi asja sees mille pole kõrgust määratud, siis ei saa sa ka selle elemendile height:100% öeldes mingit kõrgust. Tom on nö relatiivne ja alusta kõrguse määramisest kõige esimesele <html> ja <body> elemendile, siis saad kõrguse ka protsendina määrata block elementidele
RE: div pildi peale
Postitaja: rtfm 2012-05-04 23:12:16
Dom st ja tabel on ka bueno muidugi, kui andmed seda nõuavad
RE: div pildi peale
Postitaja: lp 2012-05-05 09:46:25
Soovin näidata tausta pilti, et mahutaks täpselt veebibrauserile nii vertikaalselt kui horisontaalselt:

html, body, div {
height:100%;
width:100%;
margin: 0;
badding: 0;
}
body {
background-image: url(../images/bgImg.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

Kuidas see teha, et ka IE-brauseris töötaks?

Teine küsimus on, kuidas lahendada see probleem, kitsamad div'id (nt width või height 5%) ei kitsene/laiene liiga järsku kui laiemad (nt with või height 80%), kui brauseri akent väiksemaks/suuremaks teha.
RE: div pildi peale
Postitaja: .. 2012-05-05 12:39:27
http://css-tricks.com/perfect-full-page-background-image/

Leheküljed: 1
©2002-2012 Martin Rebane & PHP.ee kaasautorid
  0.519984006882