joanne
Terugkerende gebruiker
- Lid geworden
- 31 mrt 2001
- Berichten
- 1.300
Een vraag, wil binnen de header een JPG plaatje een tekst plaatsen, is goed gelukt, maar wil het dus binnen een bestaand document
hebben, waarin al CSS+HTML wordt gebruikt binnen header met de nodige toeters en bellen cq de codes?
Kan ik gewoon de huidige CSS gewoon aanpassen + HTML Denk het he?
Met rood gekleurd bedoel ik.
Thx voor het meedenken.
hebben, waarin al CSS+HTML wordt gebruikt binnen header met de nodige toeters en bellen cq de codes?
Kan ik gewoon de huidige CSS gewoon aanpassen + HTML Denk het he?
Met rood gekleurd bedoel ik.
Thx voor het meedenken.
Code:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
position: relative;
text-align: center;
color: red
font-size: 50px
}
.bottom-left {
position: absolute;
bottom: 8px;
left: 16px;
}
.top-left {
position: absolute;
top: 8px;
left: 16px;
}
.top-right {
position: absolute;
top: 8px;
right: 16px;
}
.bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
}
[COLOR="#FF0000"].centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}[/COLOR]
</style>
</head>
<body>
<h2>Tekst over image</h2>
<p>How to place text over an image:</p>
[COLOR="#FF0000"]<div class="container">
<img src="images/money.jpg" alt="money" style="width:90%;">
<div class="centered">How to place text over an image</div>
</div>[/COLOR]
</body>
</html>