Jump to content
php.lv forumi

bilde iekš div


ziedinjsh

Recommended Posts

Sveiki!

vēlos iekš div ielikt bildi. Lietotājs augšupielādē bildi un pie user lista viņa parādās iekš div 100x100.

Kā jau zināms nejau visi augšupielādē vienādas bildes tad nu sanāca tā, ka bilde līda ārā no div`a.. uzliku overflow:hidden it kā ir daudz maz līdzīgi kā gribēju, bet lieta tāda ka atkal nesanāk padding:5px; apakšā bildes mala ir pie div malas.. tad uztaisīju tā, ka starp to div ir iekšā vēlviens div kurā tiek atēlota bilde ar overflow:hidden.. it kā ir labi, bet nu bildēs ir redzams tikai kresias stūris.. uzliku bilde width:100px tad dažas bildes ir par mazu un iekš div paliek brīva vieta.. tas neder.. kā lai panāk tādu effektu,ka bilde ir vienādos izmēros no visām malām,bet nav arī deformējusies?

 

Piemērs ir: www.djtop.lv Sākumlapā pie DJ

 

Paldies jau iepriekš.

Edited by ziedinjsh
Link to comment
Share on other sites

uzliec bildes kā background image.

<div style="padding: 5px; background: #fff;">
<a href="/links/zem/bildes" style="display: block; height: 100px; background-image: url(kkas.png); text-indent: -10900em; overflow: hidden;">Bildes title</a>
</div>

 

Piemērs, kur to var pielietot : http://innonesen.se/cuts/reaton/

(lapai bija jādarbojas pareizi arī uz 1600x1200 monitora)

Link to comment
Share on other sites

varbūt pie uploada vienkārši brutāli resaizot tās bildes?

 

augšupielādējot tiek resaizots

 

mefisto,

Paldies, bet nu rezūltāts ir tāds pats. redzama bildes labā mala, vairāk vai mazāk. Augšupielādējot bildi resaizo uz 180px. Tad ir labi, bet tad lietotāju profilā būs maza bilde..

Edited by ziedinjsh
Link to comment
Share on other sites

Nuuu ... resizot tu ar css to bildi nevarēsi,

bet tu vari pamainīt pozīciju:

http://www.htmldog.com/reference/cssproperties/background-position/

 

Vai arī tu vari mēģināt bildi nolikt vidū ( šinī adijumā <im> tagu):

http://innonesen.se/test/l-2/

Bet tas darbosies tikai tad,

ja bilde (piemērā: div.stuff) ir vienmēr mazāka par konteineri.

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...