2 bildes kaa background zem table

[_siikais_]

Taatad ir table ar width 200px

ir tablegb_head.png

un tablebg_bottom.png

kaa uzlikt lai tam table background apakshaa buutu tieshi ta aapakshas bilde un augshaa augshas bilde, un atkariibaa no taa cik augstu no mainiigaa texta izbiida to table tad veel iestarpina pa vidu baltaas kraasas BG...

[Aikss]

Vienam elementam, šinī gadījumā tabulai, var uzlikt vienu background.

 

Kāda ir tabulas struktūra? Cik ir rindiņu (tr), cik lauki (td) rindiņā, ko tabula saturēs, attēlos?

 

Es pareizi sapratu, ka abiem background ies pāri teksts?

[mefisto]

Man gan īsti nepieleca , kāpēc tabulai vajadzetu backgroundu.

Tabulai vajadzētu būt pēc iespējas vieglāk uztveramai, bez bling-bling'a.

[_siikais_]

nau jau bling bling :D

vnk sanaak ka luuk bilde

ar tabulas bg bet augshu sanaak atdaliit un apakashu sanaak atdaliit un pa vidu tad sanaak vnk balta kraasa. Bet kaa to realizeet kodaa man nau ne jausmas, jo ja buutu vnk vien abilde nau probleemu uzliek kaa tikai bg visu bildi un viss kaartiibaa...

[mefisto]

Kāpēc tev vajag tabulu ?

 

http://innonesen.se/example/css/basic/2/

[Aikss]

Šādām lietām nelieto tabulu un forumā izsakies skaidrāk. Nevis tev tabula ar diviem background, bet login forma, kurai augšpusē bilde un apakšpusē bilde.

 

Viens variants būtu:

<form action="" method="">
<div>
	<img src="" alt="" />
</div>

<div>
	<label>Username</label>
	<input type="text" name="" />
</div>

<div>
	<label>Password</label>
	<input type="password" name="" />
</div>

<div>
	<img src="" alt="" />
</div>
</form>

Iekš div liec bildi vai arī atstāj viņus tukšus un liec bildi backgroundā.

 

w3schools.com xhtml tags

[_siikais_]

da ne jau man pie login vinju vajag vnk kaa piemeeru ieliku bildi taadu... kur sadalja buus table ar td un ieksh vinja mainiisies saturs. Liidz ar to mainisiies taas table reaalais augstums atkariiba ano taa cik rindas vajadzees ieksh ta alauka paraadiit, bet tam laukam vajg uzlikt vienu bildi augshpusee un vienu bildi apakshpusee un ja tas rindu garums buus lielaaks nekaa speej taas divas bildes nosegt liidz ar to aizpildiis vnk ar balto kraasu...

ja buutu viena konstanta bilde tad nebuutu probleemu, bet tur jau ta alieta ka mainaas rindu skaits un liidz ar to vajag izmantot divas bildes...

Edited July 6, 2008 by _siikais_

[mefisto]

Zini .. maini hobiju, jo tev pat ar karoti mutē nevar iebarot.

[_siikais_]

vnk peec piemera es dabuuju to ka bildes radaas gan augsha agan apakshaa, bet ja uzliek veel to ka backgroudn ir balts vinjsh parleik paari paar bildeem taapeec ieposteeju...

Man nau stipraa puse dizainiskais...

[_siikais_]

apakshaa ir paste ar kuru paliidziibu dabuuju ka ir bildes augshaa apakshaa

vieniiga afiicha kaa dabuut lai vidus arii buutu ar white BG

luuk bilde

http://down.balticservs.lv/menuheadtop.png

luuk paste

http://paste.php.lv/7599

[Aikss]

Tev obligāti vajag, lai apakšējajai bildei iet pāri teksts?

 

Es liktu pirmo bildi tabulai background un otro bildi pēdējajai rindiņai + fiksētu augstumu (bildes augstums).

[_siikais_]

tur jau taa lieta ka vajag lai abaam divaam ietu paari texts...

Edited July 6, 2008 by _siikais_

[Evi]

iipashi neiedziljinaajos, bet var shaadi, ja tev vaig baltu bg:

 

style="background:#FFF url('images/menuheadtop.png') no-repeat bottom center;"

 

kur buus img, tur buus img un paareejaa dalja buus balta.

[Aikss]

Ar Dievu uz pusēm!

 

<div style="background: #FFFFFF url('http://localhost/001.gif') repeat-x top left; height: auto;">

<div style="height: auto; background-color: transparent;">
		<!--	Saturs	-->
</div>

<div style="background: transparent url('http://localhost/002.jpg') repeat-x top left; height: 120px; margin: -120px 0px 0px 0px;">
</div>

</div>

 

Pievērs uzmanību, kas notiek, kad nav vispār ierakstu vai ir ļoti maz ierakstu tabulā.

height 120px un Margin -120px vietā iet apakšējās bildes augstums.

repeat-x - skaties pats kāda tev tā bilde.

Nepētīju kā iet uz IE un Operas.

 

Kas tev tai tabulā vai rindiņā (ieraudzīju tavu paste kodu) glabāsies?

Edited July 7, 2008 by Aikss

[mefisto]

Aikss, es tev rekomendētu šito : http://www.htmldog.com/guides/htmlbeginner/