Jump to content
php.lv forumi

Apaļots, caurspīdīgs bloks


bfj

Recommended Posts

Oh my god! Super, Tu esi mani izglābis! :)

 

Starp citu, tieši šādu variantu (izņemot Tavu IE6 maģiju) ar 'top' un 'bottom' vērtībām jau biju mēģinājis, taču nekādi nebiju iedomājies, ka bez 'height' propertija un ar vienlacīgi uzstādītām 'top' un 'bottom' vērtībām vidus pats stieptos.

 

btw, nemaz nebrīnītos, ja tgd atnāktu mefisto, pateiktu, ka man jāpamācās teorija un iemestu kādu linku :D

Bet tas jau ir labi. Mācīties, mācīties un vēlreiz mācīties... :D

Edited by bfj
Link to comment
Share on other sites

ko juus tur '^@*^**^*' ar to bloku ?

Panjem table + JS fiksu prieks Old Brauzeriem (PNG transparentam, un ja izmanto GIF tad pat too nevajag ) un nostiilo ..

Darbs paris desmitiem minushu (ieskaitot bilzju sagatavosanu & JS fiksa meklesanu Google )

--

Un nesakiet ka tas ir Fu utt.. toties stradaa Visos brauzeros..

eerti, aatri bez nekadam '@&(&($&(' ..

---

P.S. protams samais der tikai tad ja Specenee nav nosacijums kad Table NEDRIKST izmantot..

Bet 99,99% gadijumu shads nosacijums nav...

--

GIF labak neizmantot, jo nevar smuki uztaisiit parejas, buus sameraa 'assas' malas :(

Link to comment
Share on other sites

Maris-S un Vilks, jūs vispār izlasījāt to, kas iepriekš ir uzrakstīts?

 

 

Izskatās ka īsti labi nestrādās. Vienlaicīga top un bottom vērtību norādīšana nestrādā uz IE6. Principā caurspīdīgi stūrīši diezgan labi sarežģī visu padarīšanu. Uz sitienu nesanāk atrast risinājumu, lai viņš strādātu arī IE6.

tur pat screenshots ir ielikts, kā tas strādā uz ie6!!!!!

kodā ir css fix ar expression, kas uzseto vajadzīgo height

 

 

 

Augšai un apakšai ir fiksēts augstums, bet vidu vajag dinamisku un saturam jābūt no pašas bloka augšas līdz apakšai, t.i. nevar būt tā, ka saturs ir zem augšējā diva un virs apakšējā diva.

gribētos izveidot kopēju principu, kuru varētu lietot arī pārējiem blokiem - tādi ir vairāki un ar savādāk noapaļotiem stūriem un slīpām malām - šis piemērs būtu "neapaļākais" no tiem, kurus vēl vajadzēs veidot

ko juus tur '^@*^**^*' ar to bloku ?

Panjem table + JS fiksu prieks Old Brauzeriem (PNG transparentam, un ja izmanto GIF tad pat too nevajag ) un nostiilo ..

Darbs paris desmitiem minushu (ieskaitot bilzju sagatavosanu & JS fiksa meklesanu Google )

--

Un nesakiet ka tas ir Fu utt.. toties stradaa Visos brauzeros..

eerti, aatri bez nekadam '@&(&($&(' ..

cmon Vilks, izlasi tač kādas ir prasības!!!! teksts var būt virs apaļotajiem caurspīdīgajiem stūrīšiem. vajag tādu bloku, kur teksts var būt jebkur (tai kastītei paddings vispār var nebūt!). kā tu iecīnīsi tabulā tekstu un vēl saliksi 3x dažādus backgroundus, no kuriem top un bottom ir ar caurspīdīgiem apgabaliem, kuros vidējais backgrounds nedrīkst rādīties??? vai nu izlasi prasības, vai uztaisi strādājošu piemēru. un tad paskatīsimies, cik tas ir vienkārši

Link to comment
Share on other sites

tad man laikam ir krutāka ie7 versija :D:D:D

 

vienkāršots piemērs ar vienlaicīgu top,bottom uz ie7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>test</title>
<style type="text/css">

#bx {background: #eee; position: relative; width: 200px}
#bg {background: #ccc; position: absolute; top: 20px; bottom: 20px; left: 0; width: 100%; z-index: -1}

</style>
</head><body>

<div id="bx">
<div id="bg"></div>
asdf<br />asdf<br />asdf<br />asdf<br />asdf<br />asdf<br />asdf<br />
</div>

</body></html>

pabs-tb_1261572919.png

 

vai tiešām uz tava ie7 vidējais bg nestiepjas arī tik vienkāršā piemērā?

Link to comment
Share on other sites

Mhm, IE7 ir viss kārtībā. Gan žēl, ka IE6 jāizmanto 'expression' un 'behaviour', taču ko citu padarīsi, turklāt, tam, kurš šajos laikos lietos IE6, diez vai būs vajadzība vai zināšanas kā atslēgt JS :D

 

ko juus tur '^@*^**^*' ar to bloku ?

Panjem table + JS fiksu prieks Old Brauzeriem (PNG transparentam, un ja izmanto GIF tad pat too nevajag ) un nostiilo ..

Ceru, ka neizraisīšu kārtējo 'table' vs. 'div' grautiņu, bet... Tabulas NAV priekš izkārtojuma!!!! Punkts!! :D

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...