Gå til innhold

Tekst over Bilde...


Anbefalte innlegg

Noen som vett kossen me lage ein tekst over et bilde i HTML koding elns ?

Her er koden som jeg bruker

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

 

<body>

<div align="center"><img src="screenshot.jpg" width="760" height="550"> </div>

</body>

</html>

Endret av Martin-_-
Lenke til kommentar
Videoannonse
Annonse
<!DOCTYPE html>
<title>Sample HTML5 document</title>
<style>
section#start { background: url('screenshot.jpg') top left no-repeat; width: 760px; height: 550px; padding: 20px; }
</style>

<section id="start">
<h1>Ei finfin overskrift</h1>
<p>Her har vi litt tekst.</p>
</section>

Lenke til kommentar

Du vil med andre ord bruke et bilde som bakgrunn, med tekst-linker på?

 

I så fall:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<style><!--
.bakgrunn {
background-image: url("bilder/bakgrunnsbilde.jpg");
background-repeat: no-repeat;
}
--></style>
</head>

<body>
<div class="bakgrunn"><a href="...">Link1</a><br><a href="...">Link2</a><br>osv...</div>
</body>
</html>

Det burde gjøre susen!

Endret av HaZnO
Lenke til kommentar

Nai! den virker ikke.. det er helt likt! Jeg skal bruke

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

 

<body>

<div align="center"><img src="hovedsiden.jpg" width="760" height="550"> </div>

</body>

</html>

Lenke til kommentar
Du vil med andre ord bruke et bilde som bakgrunn, med tekst-linker på?

 

I så fall:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<style><!--
.bakgrunn {
background-image: url("hovedsiden.jpg");
background-repeat: no-repeat;
}
--></style>
</head>

<body>
<div class="bakgrunn"><a href="...">Link1</a><br><a href="...">Link2</a><br>osv...</div>
</body>
</html>

Det burde gjøre susen!

Prøvde du å bytte ut url til bildet? Hvis ikke, fixed i quote...

Lenke til kommentar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<style><!--
.bakgrunn {
background-image: url("bilder/hovedsiden.jpg");
background-repeat: no-repeat;
}
--></style>
</head>

<body>
<div class="bakgrunn"><!-- SKRIV TEKSTEN DIN HER --></div>
</body>
</html>

 

Bytt ut hele "<!-- SKRIV TEKSTEN DIN HER -->" med din egen tekst.

Endret av anth
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...