[css] 2 plaatje verschillend uitlijnen in 1 cel

Pagina: 1
Acties:

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Het is de bedoeling dat ik 1 plaatje linksonder en 1 plaatje rechtsboven uitlijnen een een table-cell. Het makkelijkst zou zijn om dit te doen dmv meerdere celletjes (cq spans), maar als ik cells wil gebruiken, moet ik mijn content als het ware in 2en hakken en dat heb ik liever niet. Dus ik zoek een andere oplossing om die 2 plaatjes toch op een nette manier op de juiste plaats te krijgen.

Had dit eerst gedaan met behulp van js/dhtml, maar ik heb zo'n flauw vermoeden dat het veel makkelijker en netter kan.

De pagina waar het om gaat staat op http://www.sovenewmedia.nl/~infosove/blup.html

  • Kanivan
  • Registratie: Januari 2002
  • Laatst online: 09-04-2023
je kan dit doen met layers denk ik die je relatief moet positioneren in je cel, dus spelen met left, right, top en bottom margin

  • DeFeCt
  • Registratie: Juli 2000
  • Laatst online: 02-09 10:13

DeFeCt

je wéét toch

waarom moet je je content in 2en hakken?
(rowspan=2)
probeer anders gewoon eens align in je image te zetten?

Flickr


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
dan zou ik zo'n tabel moeten hebben :?
code:
1
2
3
4
5
6
 ___________________
|        |__c1_|
|            |
|      c2     |
|_____        |
|__c3_|_____________|

en align werkt prima om de image links en rechts uit te lijnen, maar valign werkt niet mee ;(

Verwijderd

Mik dit eens in je cel:
code:
1
2
3
4
<div style="position: absolute; width: 400px; height: 300px;">
  <div style="position: absolute; right: 0px; top: 0px;">bla</div>
  <div style="position: absolute; left: 0px; bottom: 0px;">bla</div>
</div>

Leve absoluut gepositioneerde elementen :)

Verwijderd

Je kan het linkerplaatje een bepaalde topmarge meegeven:
code:
1
<IMG style="FLOAT: left; margin-top: 220px;" [...]>

Maar dat is ook geen elegante oplossing.

  • DeFeCt
  • Registratie: Juli 2000
  • Laatst online: 02-09 10:13

DeFeCt

je wéét toch

code:
1
2
3
4
5
6
7
8
9
10
<table border="0" cellspacing="0" cellpadding="0" width="250">
    <tr>
        <td>
 [img]"plaatje.gif"[/img]
        Het is de bedoeling dat ik 1 plaatje linksonder en 1 plaatje rechtsboven uitlijnen een een table-cell. Het makkelijkst zou zijn om dit te doen dmv meerdere celletjes (cq spans), maar als ik cells wil gebruiken, moet ik mijn content als het ware in 2en hakken en dat heb ik liever niet. Dus ik zoek een andere oplossing om die 2 plaatjes toch op een nette manier op de juiste plaats te krijgen.
 [img]"plaatje.gif"[/img]
  Had dit eerst gedaan met behulp van js/dhtml, maar ik heb zo'n flauw vermoeden dat het veel makkelijker en netter kan. 
        </td>
    </tr>
</table>

gaat toch gewoon goed?

Flickr


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Leve cheatah :)

* r0bert slaat zichzelf eens hard voor z'n hoofd in de hoop dat 't helpt :P

/edit: en leve de rest met het goede antwoord :)
Pagina: 1