Jump to content


Image over Text code


Sjattuh

Recommended Posts


Guest SatMann

dat moet je doen met div's... of in tabellen.

je geeft je <td> of <tr> een background image, in je css zorg je erwel voor dat die cel de juiste grote heeft, en dan in de <td> kan je text plaatsen = tekst op een image.

 

 

Link to comment
Share on other sites

Wat SatMann voorstelt is eigenlijk een plaatje achter de tekst zetten en niet er over.

Een andere mogelijkheid om dat te doen is er niet.

 

Wat je wil kan doen, zoals bij immobilien websites, is de afbeelding(hier van een huis) zet je als achtergrond van een div/cel

het plaatje verkocht zet je als inhoud van een div/cel.

Dan staat het plaatje verkocht boven het plaatje van het huis.

post-657-1318261814,0605_thumb.jpg

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link to comment
Share on other sites

De beste manier is om de property "z-index" te gebruiken. De "layer" met de hoogste z-index ligt "bovenop".

Bijvoorbeeld voor een inhoud van een table cell:

Code:
<td>  <div style="position:relative; top:5; left:5; z-index:1;"><img src="achtergrond.jpg"></div>  <div style="position:relative; top:5; left:5; z-index:100;"><img src="voorgrond.jpg"></div></td>

 

(Disclaimer: Dit is een stukje code welke ik niet getest heb...)

The world is a dangerous place to live; not because of the people who are evil, but because of the people who don't do anything about it. -- Albert Einstein

 

When you're young, you look at television and think, there's a conspiracy. The networks have conspired to dumb us down. But when you get a little older, you realize that's not true. The networks are in business to give people exactly what they want. -- Steve Jobs

Link to comment
Share on other sites

Origineel bericht van: Puch
Dit is inderdaad een mooie oplossing, maar de positionering kan verschillen van browser tot browser.

Als een recente browser wordt gebruikt dan zijn er weinig tot geen verschillen kwa positionering.
Maar dan moet je er wel voor zorgen dat je html 100% correct is. (http://validator.w3.org kan helpen smile )

The world is a dangerous place to live; not because of the people who are evil, but because of the people who don't do anything about it. -- Albert Einstein

 

When you're young, you look at television and think, there's a conspiracy. The networks have conspired to dumb us down. But when you get a little older, you realize that's not true. The networks are in business to give people exactly what they want. -- Steve Jobs

Link to comment
Share on other sites

Daar zeg je het juist.

Als er een recente browser wordt gebruikt.

Vandaag nog meegemaakt een site die compleet verkeerd werd weergeven.

Ik had alles getest, alle browsers.

 

Bleek dat hij nog surfte met IE 7 en daar werkt het aan geen kanten in.

Daarom sta ik zeer weiger over gebruik van dingen die gepositioneerd moeten worden.

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link to comment
Share on other sites

Kwestie van pech voor de bezoeker of pech voor de webdesigner (jij dus). Want als de site goed moet worden weer gegeven bij het gebruik van alle denkbare (oude) browsers dan wordt het een helse klus om te onderhouden. (Al de verschillende IE hacks in CSS etc)

The world is a dangerous place to live; not because of the people who are evil, but because of the people who don't do anything about it. -- Albert Einstein

 

When you're young, you look at television and think, there's a conspiracy. The networks have conspired to dumb us down. But when you get a little older, you realize that's not true. The networks are in business to give people exactly what they want. -- Steve Jobs

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.
Note: Your post will require moderator approval before it will be visible.

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.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

Lees alvorens je verder gaat onze Terms of Use en Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.