tekst over image
Wat is de juiste manier om tekst (moet ook nog een link worden) te plaatsen op specifieke plaatsen over een image.
Ik dacht om de image als achtergrond van een tabel te gebruiken, maar dit krijg ik niet voor elkaar.
Misschien doen ik wat verkeerd...kan ook natuurlijk.
Maar misschien zijn hier gewoon andere of beter methode's voor.
Iemand suggesties ?
Ik had zelf een stylesheet die er zo uitzag :
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<!-- CSS -->
<style scoped>
.myTableBg {
width: 100%;
background: white url(portal2.jpg) repeat;
border-collapse: collapse;
}
.myTableBg td, .myTableBg th {
border:2px solid black;
padding:5px;
}
</style>
<style scoped>
.myTableBg {
width: 100%;
background: white url(portal2.jpg) repeat;
border-collapse: collapse;
}
.myTableBg td, .myTableBg th {
border:2px solid black;
padding:5px;
}
</style>
- Aar -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 20/09/2015 09:50:01 door - Ariën -
- een image map
- een div met achtergrondafbeelding met absoluut gepositioneerde linkjes
- iets anders
Als je googled op "html image map" of "css absolute positioning" dan vindt je genoeg materie om aan de slag te gaan. Mocht je vragen hebben (en iets geprobeerd hebben) kun je hier terecht.
Als je nog aan het "schuiven" bent (elementen hebben nog niet helemaal een vaste plaats) met de linkjes is de tweede aanpak wellicht handiger.
Voorbeeld: http://codepen.io/anon/pen/xwOEZz
