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 2 
css
Postitaja: cecc 2013-02-25 08:51:49
kas on võimalik lehe taustaks panna ülemisele äärele 200px suurune pilt (200x1px) et see jookseks korra vaid ülemises ääres ja uuele reale ei läheks, uuel real kuni alla välja on lihtsalt värv taustaks.

seda ilma tabeli või divita.
RE: css
Postitaja: stylster 2013-02-25 09:27:09
<body style="background: url(pilt.jpg) top repeat-x #444444;">

TSITEERITUD:
kas on võimalik lehe taustaks panna ülemisele äärele 200px suurune pilt (200x1px) et see jookseks korra vaid ülemises ääres ja uuele reale ei läheks, uuel real kuni alla välja on lihtsalt värv taustaks.

seda ilma tabeli või divita.
RE: css
Postitaja: cecc 2013-02-28 14:18:42
kas on võimalik panna div container nii, et ta igas browseris tõesti ka keskel oleks? niipalju kui kuskilt lugeda, ikka mõnega ei toimi või ei valideeru või muu mure
RE: css
Postitaja: rtfm 2013-02-28 14:46:23
TSITEERITUD:
kas on võimalik panna div container nii, et ta igas browseris tõesti ka keskel oleks? niipalju kui kuskilt lugeda, ikka mõnega ei toimi või ei valideeru või muu mure


kõikides ei ole , aga enamuses uutemates on võimalik
RE: css
Postitaja: stopz 2013-02-28 15:44:59
TSITEERITUD:
kas on võimalik panna div container nii, et ta igas browseris tõesti ka keskel oleks? niipalju kui kuskilt lugeda, ikka mõnega ei toimi või ei valideeru või muu mure


Mina paneks nii:

position:absolute; left:50%; width:500px; margin-left:-250px; top:50%; height:200px; margin-top:-100px;
RE: css
Postitaja: cecc 2013-02-28 16:04:27
vähemalt näitab vist õigesti(nii nagu mul vaja), kui nii panna:

position:absolute;
left:50%;
width:960px;
margin-left:-480px;
height:41px;
margin-top: 90px;
background-image:url(bg.png);
RE: css
Postitaja: cecc 2013-02-28 21:08:16
TSITEERITUD:
vähemalt näitab vist õigesti(nii nagu mul vaja), kui nii panna:

position:absolute;
left:50%;
width:960px;
margin-left:-480px;
height:41px;
margin-top: 90px;
background-image:url(bg.png);
mida ma lisama peaks, et selliseid 5 tk üksteise otsa panna, esimene on vaja margin-top:90px; teisel 10 ja edaspidi vastus eelmisele, ei saa paika...
RE: css
Postitaja: ise php 2013-02-28 22:02:35
See on suht tavaline probleem ja lahendatakse väga kummaliselt, kuigi asi pole sugugi hull. body text-align:center paneb asja toimima IE sees margin:auto veab keskele teiste browserite sees, tähtis on panna kindel laius, muidu on täis ekraani laius ja pole keskele vedamisest kasu. Kui tahad selle sees nüüd midagi position:absolutega paika panna, pead andma välimisele position:relative siis loetakse kordinaate selle div servadest ja kogu kupatus seisab kenasti keskel olenemata ekraani resolutsioonist.


PHP kood:
 
<body style="text-align:center;">
<
div style="position:relative;width:400px;height:200px;border:solid 1px #000;margin:auto;">
<
div style="position:absolute;width:40px;height:40px;left:20px;top:100px;border:solid 1px #ff0000;"></div>
</
div>

</
body>

RE: css
Postitaja: ise php 2013-02-28 22:05:39
mingi jura tekkib sinna ennem body tagi, seda ärge arvestage

PHP kood:
 
<body style="text-align:center;">
<
div style="position:relative;width:400px;height:200px;border:solid 1px #000;margin:auto;">
<
div style="position:absolute;width:40px;height:40px;left:20px;top:100px;border:solid 1px #ff0000;"></div>
</
div>

</
body>
RE: css
Postitaja: blaa 2013-02-28 22:38:48
riskides sellega, et mind nüüd seitseteist korda risti lüüakse, ütlen, et vahel võiks mõne asja puhul nö tabeliporno peale tagasi minna. Ma olen end küll säästnud mitu korda mõttetutest häkkidest ja nuputamisest. Ja kui brauserid kõik ühtemoodi ka veel näitavad, siis milleks põdeda.
RE: css
Postitaja: ise php 2013-02-28 22:40:42
Kindlasti võib kui asi tabelina välja paistab, kuid kui on vaja ikka mingi ebasümeetriline kujundus paika panna lehe keskele, siis minu poolt antud konteiner toimib kõikjal veatult.
RE: css
Postitaja: cecc 2013-02-28 23:01:38
TSITEERITUD:
mingi jura tekkib sinna ennem body tagi, seda ärge arvestage

PHP kood:
 
<body style="text-align:center;">
<
div style="position:relative;width:400px;height:200px;border:solid 1px #000;margin:auto;">
<
div style="position:absolute;width:40px;height:40px;left:20px;top:100px;border:solid 1px #ff0000;"></div>
</
div>

</
body>

toimib tõesti, igalpool õige

aga mis sinna veel lisada, et suur konteiner oleks nn kõrguselt muutuv, et kui sees divid kasvavad, siis ka suur konteiner kasvaks
RE: css
Postitaja: ise php 2013-03-01 15:27:04
Fikseeritud Kõrguse võtad ära. Kui tahad, et tühi leht ei oleks ilma kõrguseta, paned min-height sinna ja IE jaoks teed erandi, kuna tema ei toeta min-height vaid kasutab sarnaselt height


PHP kood:
 
<style>
#master{position:relative;width:400px;min-height:200px;border:solid 1px #000;margin:auto;}
</style>
<!--[if 
IE]>
<
style>
#master{height:200px;}
</style>
<![endif]-->
<
body style="text-align:center;">
<
div id="master">
<
div style="position:absolute;width:40px;height:40px;left:20px;top:100px;border:solid 1px #ff0000;"></div>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
<
p>Rida</p>
</
div>
RE: css
Postitaja: ise php 2013-03-01 15:32:14
Ps! Võimalik, et IE erand tuleb teha alates mingist versioonist näiteks
<!--[if lt IE 9]>
minul on IE8 ja see veel ei toeta.
RE: css
Postitaja: IE9 2013-03-01 15:58:30
IE9 peaks seda kül toetama, samamoodi ei võimalda IE8 nt ümaraid nurkasid...
RE: css
Postitaja: cecc 2013-03-01 16:20:30
TSITEERITUD:
Fikseeritud Kõrguse võtad ära. Kui tahad, et tühi leht ei oleks ilma kõrguseta, paned min-height sinna ja IE jaoks teed erandi, kuna tema ei toeta min-height vaid kasutab sarnaselt height


PHP kood:
 
<style>
#master{position:relative;width:400px;min-height:200px;border:solid 1px #000;margin:auto;}
</style>
<!--[if 
IE]>
<
style>
#master{height:200px;}
</style>
<![endif]-->
<
body style="text-align:center;">
<
div id="master">
<
div style="position:absolute;width:40px;height:40px;left:20px;top:100px;border:solid 1px #ff0000;"></div>
<
p>Rida</p>

</
div>

ehk ma seletan oma probleemi täpsemalt.
nimelt on suur konteiner, mille sees on üksteise peal 4 divi kasti ja 4. neist võib vastavalt sisule muutuda oma kõrguse suhtes. vot seal tulebki jama, see läheb alumistele peale või siis kontenerist üle.
üksikult konteinerid toimivad ja divid, aga just kui nad koos on siis ei lähe õigesti asi.
RE: css
Postitaja: cecc 2013-03-01 16:21:22
3. neist ikka muutub vastavalt sisule, selle all on footer osa ka veel
RE: css
Postitaja: ise php 2013-03-01 16:38:30
Kas lihtsam poleks oma kood siia postitada?
RE: css
Postitaja: ise php 2013-03-01 16:48:04

PHP kood:
 
<style>
#master{position:relative;width:400px;min-height:200px;border:solid 1px #000;margin:auto;text-align:left;}
.border{border:solid 1px #cccccc;}
#footer{position:relative;width:400px;height:40px;text-align:center;margin:auto;Background:#cccccc;}
</style>
<!--[if 
IE]>
<
style>
#master{height:200px;}
</style>
<![endif]-->
<
body style="text-align:center;">
<
div id="master">
<!-- 
see on nii nagu on ei sega teisi DIVE -->
<
div style="position:absolute;width:40px;height:40px;left:20px;top:100px;border:solid 1px #ff0000;"></div>
<
div class="border"Esimene</div>
<
div class="border">Teine</div>
<
div class="border"
Kolmas
ehk ma seletan oma probleemi täpsemalt
.<br>
 
nimelt on suur konteinermille sees on üksteise peal 4 divi <br>
 
kasti ja 4. neist võib vastavalt sisule muutuda oma kõrguse suhtes. <br>
 
vot seal tulebki jamasee läheb alumistele<br><br>
  
peale või siis kontenerist üle.<br>
  
ehk ma seletan oma probleemi täpsemalt.<br>
 
nimelt on suur konteinermille sees on üksteise peal 4 divi <br>
 
kasti ja 4. neist võib vastavalt sisule muutuda oma kõrguse suhtes. <br>
 
vot seal tulebki jamasee läheb alumistele<br><br>
  
peale või siis kontenerist üle.<br>
 
üksikult konteinerid toimivad ja dividaga just kui nad koos on siis ei lähe õigesti asi
REcss
</div>
<
div class="border"Neljas</div>
</
div>
<
div id="footer">*** Minu leht ***</div>
RE: css
Postitaja: ise php 2013-03-01 16:50:13
Kui kasutad lehel float, pead ennem footerit kasutama vahe riba, ehk...

<div style="clear:both"></div>
<div id="footer">*** Minu leht ***</div>
RE: css
Postitaja: cecc 2013-03-01 17:28:42
nonii, tulemus nüüd selline nagu vaja, kõik paigas :) suured tänud


eks peab veidi lugema, sest ma pole aru saanud, miks panna div id="" v siis div class="". millal id ja millal class kasutada. samuti ajab see relative ja absolute position segadusse.
RE: css
Postitaja: ise php 2013-03-01 21:35:53
id on unikaalne, st. lehel saab ainult 1 sama nimega id olla, class saad panna mitmele elemendile, kui on mitu ühesugust divi näiteks kõigil peab olema border siis pole mõtet igale eraldi kirjutada css, et on border, piisab classist millele pannakse border ja kõik saavad selle classi.

relative loeb kaugusi eelnevast elemendist, absolute loeb kaugusi välimisest elemendist, soovitav välimisele elemendile relative kasutada. absolute on alati seal, kuhu ta pannakse ja ei mõjuta samas elemendis olevaid teisi elemente.

RE: css
Postitaja: lost in scope 2013-03-03 11:47:37
TSITEERITUD:
kas on võimalik lehe taustaks panna ülemisele äärele 200px suurune pilt (200x1px) et see jookseks korra vaid ülemises ääres ja uuele reale ei läheks, uuel real kuni alla välja on lihtsalt värv taustaks.

seda ilma tabeli või divita.


kui kavatsed ka edaspidi tegeleda küljendusega siis
alusta siit - http://w3schools.com/css/default.asp
RE: css
Postitaja: cecc 2013-03-15 22:51:02
TSITEERITUD:
Fikseeritud Kõrguse võtad ära. Kui tahad, et tühi leht ei oleks ilma kõrguseta, paned min-height sinna ja IE jaoks teed erandi, kuna tema ei toeta min-height vaid kasutab sarnaselt height


PHP kood:
 
<style>
#master{position:relative;width:400px;min-height:200px;border:solid 1px #000;margin:auto;}
</style>
<!--[if 
IE]>
<
style>
#master{height:200px;}
</style>
<![endif]-->


TSITEERITUD:


PHP kood:
 
<style>
#master{position:relative;width:400px;min-height:200px;border:solid 1px #000;margin:auto;}
</style>
<!--[if 
IE]>
<
style>
#master{height:200px;}
</style>
<![endif]-->



kuidas see if panna eraldiolevasse css faili,
nii ei ole õige

PHP kood:
 
#master{position:relative;width:400px;min-height:200px;border:solid 1px #000;margin:auto;}
<!--[if IE]>
#master{height:200px;}
<![endif]--> 





nii tundub toimivat, aga validaator kisendab

PHP kood:
 
#some {

    
min-height:200px;
    [if 
IEheight:200px;
}


4 #some Parse Error [if IE] height:200px;
5 #some Parse Error }
RE: css
Postitaja: cccccc 2013-03-26 19:35:13
oskab keegi öelda, kuidas see if lause eraldiolevasse css faili panna?

Leheküljed: 1 2 

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.0906779766083