Achtergrond in HTML

Status
Niet open voor verdere reacties.
K

krolik

Terugkerende gebruiker
Lid geworden
22 apr 2007
Berichten
1.787
Ik heb een variant gemaakt op Streetview. Deze staat op een server. www.mijndomein.nl/Test/coolsingel.html
Het begint zo:

Code: 
<!DOCTYPE html>
<html>
<body>

<h1 style="color:red;text-align:center;">MyStreetview</h1>

<a href="http://www.mijndomein.nl/Test/coolsingel.html">Coolsingel - Rotterdam - NL</a></p>

</body>
</html>

En hierna nog een aantal links naar diverse andere locaties. Na het opstarten zie je dan de Coolsingel in Streetview. Dat werkt allemaal goed, met muziek. Als ik opstart, zie ik een wit scherm met rode tekst. Ik zou hierin graag een achtergrond willen plaatsen. Ik heb al van alles geprobeerd, maar dat lukt niet.

mod. html in
Code: 
[/noparse] gezet (druktoetsje "code").[/COLOR]
 
Laatst bewerkt door een moderator:
Laat je relevante code eens zien?
Wat heb je al geprobeerd?

Laat het eens zien, en bij voorkeur in JSfiddle.
 
Laatst bewerkt:
Code: 
<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url('msv.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;  
  background-size: cover;
}
</style>
</head>
<body>

<a href="http://www.mijndomein.nl/Test/coolsingel.html"></a></p>

</body>
</html>

Ik krijg nu een achtergrond met het menu. Alleen is de tekst hiervan blauw en wil ik dit veranderen in rood.
 
Laatst bewerkt door een moderator:
achtergrond HTML

Wat ik ook probeer, de tekst van het menu blijft blauw.
 
Ik kan helaas niet kijken wat je geprobeerd hebt.
Dus je zult toch wat specifiekere posts moeten plaatsen.
 
Het zou zoiets kunnen zijn.
Code: 
<!doctype html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mijn website</title>
<!-- volgende regel om pagina in elke browser hetzelfde eruit te laten zien -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap-reboot.min.css">
<style>
body {
  background-image: url('msv.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;  
  background-size: cover;
}
h1.hoofdtitel {
  color: red;
  text-align: center;
}
a, a:focus {
  color: blue;
}
a:hover, a:active {
  color: green;
}
</style>
</head>
<body>
<h1 class="hoofdtitel">MyStreetview</h1>
<p><a href="http://www.mijndomein.nl/Test/coolsingel.html"></a></p>
</body>
</html>

Voordat je verder gaat.... belangrijk om dit (klik) eerst te lezen.
 
Laatst bewerkt:
Het werkt. Heel fijn en zeer bedankt. De enige verandering die ik moest aanbrengen, is focus: color : red.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan