Gå til innhold

Tekst over Bilde...


Anbefalte innlegg

Skrevet (endret)

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-_-
Videoannonse
Annonse
Skrevet
<!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>

Skrevet (endret)

Nei.. for den teksten kommer ikke over bilde... jeg skal lage linker på et bilde da! Sjekk her så skjønner dere kansje... det er ikke noen linker der... og det skal jeg lage ;)

Endret av Martin-_-
Skrevet

Skjønner ikke helt hva du vil jeg, og på den linken var det rent lite :p

Vil du..

1: Plassere tekst OVER et bilde

2: Plassere tekst OPPÅ bilde

3: Gjøre et vanlig bilde til en link

..?

Skrevet (endret)

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
Skrevet

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>

Skrevet

Å herregud mann, både mi og HaZnO sine eksempler fungerer heilt flott.

Ta deg ein tur innom HTML Dog, og når du har fått litt meir forståing for emnet, går alt mykje bedre.

Skrevet
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...

Skrevet (endret)

<!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

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...