CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

kvabiz Nybegynder

04. april 2006 - 19:38 Der er 12 kommentarer

Tekst oven på et slicet billed?

Hej

Jeg har et problem.
Som i kan se på http://megapixel.1go.dk/fard.html kan jeg ikke få teksten til at stå oven på billedet, som er slicert i PhotoShop.

Hvordan kan jeg få teksten oven på billedet...?

Synes godt om

spaceus Nybegynder

04. april 2006 - 19:57 #1

du kan positionerer dem absolut

<a href="der" style="position:absolute;left:200;top:100">Priser</a>

Synes godt om

kvabiz Nybegynder

04. april 2006 - 21:14 #2

Jeg skal ikke lave nogle link..

Jeg skal bare sætte den tekst der er under billedet oven på billedet...

Synes godt om

kvabiz Nybegynder

04. april 2006 - 21:15 #3

Sorry mine lidt dumme sprøgsmål, men er totalt nybegynder

Synes godt om

spaceus Nybegynder

04. april 2006 - 22:30 #4

fandt du ud af det?

ja bare sæt den i body. Det er det absolute gør den sætter det som i kordinat system med 0,0 i øverste venstre.

Synes godt om

kvabiz Nybegynder

04. april 2006 - 22:34 #5

Mange tak så virker det :)

Synes godt om

kvabiz Nybegynder

04. april 2006 - 23:07 #6

Pt. ser det sådan her ud:

<a href="der" style="position:absolute;left:130;top:200">tekst.......</a>

Men men men. Det skal jo ikke være et link.
Hvis jeg fjerner <a href="der" så kommer teksten jo under billedet.

Så hvordan laver jeg det om til normal tekst uden link???

Sorry min uvidenhed... ;)

Synes godt om

mclemens Nybegynder

05. april 2006 - 00:05 #7

Dit dokument er fyldt op med fejl... html har
retstavningregler ligesom et sprog... her
er lige et forsøg på en hel del hjælp ;)

... køb evt. en bog om html det hjælper meget :)
- hjælper html dokumentet på det?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<link rel="stylesheet" type="text/css" href="css.css">
<style type="text/css">

html,body{width:100%;height:100%;margin:0px;padding:0px;background: transparent url('http://megapixel.1go.dk/images3/fard_07.jpg');}

#main{width:770px;height:100%;margin:0px auto;text-align:center;}
#logo{margin:10px 0px 0px 0px;}
#menu{margin:10px 0px;}
#cont{text-align:left;}
a img{border:0px;}

</style>

</head>

<body><div id="main">

<div id="logo">
<a href="http://megapixel.1go.dk/index.html"><img src="logo.gif"></a>
</div>

<div id="menu">
<a href="http://megapixel.1go.dk/index.html"><img src="http://megapixel.1go.dk/images3/fard_03.jpg"></a>
<a href="http://megapixel.1go.dk/portfolio.html"><img src="http://megapixel.1go.dk/images3/fard_08.jpg"></a>
<a href="http://megapixel.1go.dk/kontakt.html"><img src="http://megapixel.1go.dk/images3/fard_05.jpg"></a>
<a href="http://megapixel.1go.dk/fotografen.html"><img src="http://megapixel.1go.dk/images3/fard_06.jpg"></a>
</div>

<div id="cont">
Din tekst....
</div>

</div></body></html>

Synes godt om

mclemens Nybegynder

05. april 2006 - 00:10 #8

Her checker du om dit html dokument er iorden:
http://validator.w3.org/

direkte link til check af din nuværende udgave:
http://validator.w3.org/check?uri=http%3A%2F%2Fmegapixel.1go.dk%2Ffard.html
(11 fejl... ok fyldt med fejl er den ikke, men dem
du har er nogle fejl, der ikke er helt så gode igen...)

og dem jeg gav dig havde 3 fejl... glemte at checke den inden :/
inde i hver img'tag tilføjer du alt="" som her:

<div id="menu">
<a href="http://megapixel.1go.dk/index.html"><img src="http://megapixel.1go.dk/images3/fard_03.jpg" alt=""></a>
<a href="http://megapixel.1go.dk/portfolio.html"><img src="http://megapixel.1go.dk/images3/fard_08.jpg" alt=""></a>
<a href="http://megapixel.1go.dk/kontakt.html"><img src="http://megapixel.1go.dk/images3/fard_05.jpg" alt=""></a>
<a href="http://megapixel.1go.dk/fotografen.html"><img src="http://megapixel.1go.dk/images3/fard_06.jpg" alt=""></a>
</div>

m.v.h.
Clemme

Synes godt om

mclemens Nybegynder

05. april 2006 - 00:40 #9

dem=den

Synes godt om

mclemens Nybegynder

05. april 2006 - 08:08 #10

hmmm... overså baggrunden var skåret i stykker... værsgo :)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

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

</style></head><body>

<div style="position:relative;width:100%;height:100%;">


<table border="0" cellpadding="0" cellspacing="0" style="width:799px;margin:0px auto;">
<tbody><tr>
<td colspan="7">
<img src="images3/fard_01.jpg" alt="" height="11" width="799"></td>
<td>
<img src="images3/spacer.gif" alt="" height="11" width="1"></td>
</tr>
<tr>
<td rowspan="5">
<img src="images3/fard_02.jpg" alt="" height="514" width="185"></td>
<td rowspan="4">
<a href="http://megapixel.1go.dk/index.html">
<img src="images3/fard_03.jpg" alt="-->Forsiden" border="0" height="29" width="105"></a></td>
<td colspan="2">
<img src="images3/fard_04.jpg" alt="" height="1" width="104"></td>
<td rowspan="3">
<a href="http://megapixel.1go.dk/kontakt.html">
<img src="images3/fard_05.jpg" alt="-->Priser" border="0" height="28" width="103"></a></td>
<td rowspan="2">
<a href="http://megapixel.1go.dk/fotografen.html">
<img src="images3/fard_06.jpg" alt="-->Om Fotografen" border="0" height="27" width="106"></a></td>
<td rowspan="5">
<img src="images3/fard_07.jpg" alt="" height="514" width="196"></td>
<td>
<img src="images3/spacer.gif" alt="" height="1" width="1"></td>
</tr>
<tr>
<td rowspan="2">
<a href="http://megapixel.1go.dk/portfolio.html">
<img src="images3/fard_08.jpg" alt="-->Portfolio/Galleri" border="0" height="27" width="103"></a></td>
<td rowspan="4">
<img src="images3/fard_09.jpg" alt="" height="513" width="1"></td>
<td>
<img src="images3/spacer.gif" alt="" height="26" width="1"></td>
</tr>
<tr>
<td rowspan="3">
<img src="images3/fard_10.jpg" alt="" height="487" width="106"></td>
<td>
<img src="images3/spacer.gif" alt="" height="1" width="1"></td>
</tr>
<tr>
<td rowspan="2">
<img src="images3/fard_11.jpg" alt="" height="486" width="103"></td>
<td rowspan="2">
<img src="images3/fard_12.jpg" alt="" height="486" width="103"></td>
<td>
<img src="images3/spacer.gif" alt="" height="1" width="1"></td>
</tr>
<tr>
<td>
<img src="images3/fard_13.jpg" alt="" height="485" width="105"></td>
<td>
<img src="images3/spacer.gif" alt="" height="485" width="1"></td>
</tr>
</tbody></table>

<div style="position:absolute;top:0px;background-color:green;margin:50px 0px 0px 0px;">

<table border="0" cellpadding="0" cellspacing="0" style="width:799px;margin:0px auto;">
<tbody><tr>
<td>
din tekst</td>
</tr>
</tbody></table>

</div>



</div>

</body></html>

Synes godt om

mclemens Nybegynder

05. april 2006 - 09:28 #11

hov, den grønne baggrund var kun til test :P
<div style="position:absolute;top:0px;background-color:green;margin:50px 0px 0px 0px;">
->
<div style="position:absolute;top:0px;margin:50px 0px 0px 0px;">

Synes godt om

mclemens Nybegynder

05. april 2006 - 09:29 #12

og det var nok bedre med denne istedet
<div style="position:absolute;top:50px;">

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS