Avatar billede kvabiz Nybegynder
30. maj 2006 - 21:46 Der er 27 kommentarer og
2 løsninger

tekst ovenpå grafik

Jeg skal skrive en tekst oven på et billede, men hvordan gør jeg?
Min kode ser sådann ud:

<tr>
<td><a href="#" onmouseover="on4();" onmouseout="off4();"><img

src="images/butt_link4.jpg" width="175" height="20"
border="0" name="d"></a></td>
</tr>
Avatar billede mclemens Nybegynder
30. maj 2006 - 21:57 #1
<!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>

<style type="text/css">
a img{border:0px;}
</style></head>

<body><table>
<tr>
<td><div style="position:relative;">


<a href="#" onmouseover="on4();" onmouseout="off4();"><img

src="images/butt_link4.jpg" width="175" height="20" name="d"></a>

<div style="position:absolute;top:0px;left:10px;">123</div>

</div></td>
</tr>
</table></body></html>
Avatar billede mclemens Nybegynder
30. maj 2006 - 21:57 #2
... lidt ombrudt :/
Avatar billede kvabiz Nybegynder
30. maj 2006 - 22:53 #3
Tak det virker, men det forskyder grafikken med omkring 2px
Avatar billede mclemens Nybegynder
30. maj 2006 - 22:58 #4
link eller måske har du noget margin / padding der
"nedarves" eller også har du border på billedet ...
bemærk jeg flyttede borderen op i css... to sekunder ...
Avatar billede kvabiz Nybegynder
30. maj 2006 - 22:59 #5
Jeg prøver lige at se om det er fordi du har flyttet border...
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:00 #6
<table>
<tr>
<td><div style="position:relative;">

<a href="#" onmouseover="on4();" onmouseout="off4();"><img src="images/butt_link4.jpg" width="175" height="20" name="d" style="border:0px;"></a> <div style="position:absolute;top:0px;left:10px;">123</div>

</div></td>
</tr>
</table>

eller:

<table>
<tr>
<td><div style="position:relative;margin:0px;padding:0px;">

<a href="#" onmouseover="on4();" onmouseout="off4();"><img src="images/butt_link4.jpg" width="175" height="20" name="d" style="border:0px;"></a> <div style="position:absolute;top:0px;left:10px;">123</div>

</div></td>
</tr>
</table>

eller:

<table>
<tr>
<td><div style="position:relative;margin:0px;padding:0px;">

<a href="#" onmouseover="on4();" onmouseout="off4();"><img src="images/butt_link4.jpg" width="175" height="20" name="d" style="border:0px;"></a> <div style="position:absolute;top:0px;left:10px;margin:0px;padding:0px;">123</div>

</div></td>
</tr>
</table>
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:00 #7
hov, ok :)
Avatar billede kvabiz Nybegynder
30. maj 2006 - 23:11 #8
hmm jeg har lige prøvet de di forslår, det virker heller ikke..

jeg må have gjort et eller andet galt
http://megapixel.1go.dk/home.htm
Avatar billede kvabiz Nybegynder
30. maj 2006 - 23:11 #9
ups http.//megapixel.1go.dk/home.html
Avatar billede kvabiz Nybegynder
30. maj 2006 - 23:12 #10
Avatar billede kvabiz Nybegynder
30. maj 2006 - 23:13 #11
okay nu føler jeg mig lidt dum :O

http://megapixel.1go.dk/home2.htm
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:15 #12
øg left:10px; til et højere tal... og individuelt for hver knap
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:24 #13
og her er svaret :)
Avatar billede kvabiz Nybegynder
30. maj 2006 - 23:24 #14
gjort...
Men grafiken bliver stadig forskudt
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:24 #15
to sekunder...
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:25 #16
nåh jah, det hvide mellemrum ...
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:26 #17
<tr>
<td><img src="images/index_21.jpg" width="175" height="5"></td>
</tr>

^ du har denne her ...

- der skulle pege på dette link ???

http://megapixel.1go.dk/images/index_21.jpg
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:27 #18
- filen findes ikke ...
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:27 #19
- ellers så uddøb det med forskudt grafik ...
Avatar billede kvabiz Nybegynder
30. maj 2006 - 23:28 #20
rettet, men det viker stadig ik
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:32 #21
sad i firefox...
Avatar billede kvabiz Nybegynder
30. maj 2006 - 23:34 #22
ok
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:34 #23
slet mellemrum som her ... gør det ved resten også - mellemrum fylder i IE


<TR><TD><IMG height=5 src="123-filer/index_17.jpg" width=175></TD></TR><TR><TD><DIV
      style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;

PADDING-TOP: 0px; POSITION: relative"><A
      onmouseover=on4(); onmouseout=off4();
      href="http://megapixel.1go.dk/home2.htm#"><IMG
      style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px"
      height=20 src="123-filer/butt_link4.jpg" width=175 name=d></A><DIV
      style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 32px; PADDING-BOTTOM: 0px; MARGIN: 0px;

PADDING-TOP: 0px; POSITION: absolute; TOP: 0px">Priser</DIV></DIV></TD></TR><TR><TD><IMG height=5

src="123-filer/index_19.jpg" width=175></TD></TR><TR><TD><DIV style="POSITION: relative"><A

onmouseover=on5(); onmouseout=off5();
      href="http://megapixel.1go.dk/home2.htm#"><IMG height=20
      src="123-filer/butt_link5.jpg" width=175 name=e></A><DIV
      style="LEFT: 30px; POSITION: absolute; TOP:

0px">Betingelser</DIV></DIV></TD></TR><TR><TD><IMG height=5 src="123-filer/index_21.jpg"

width=175></TD></TR><TR><TD><DIV style="POSITION: relative"><A onmouseover=on6();

onmouseout=off6();
      href="http://megapixel.1go.dk/home2.htm#"><IMG height=20
      src="123-filer/butt_link6.jpg" width=175 name=f></A><DIV
    style="LEFT: 30px; POSITION: absolute; TOP: 0px">Kontakt</DIV></DIV></TD></TR><TR>
Avatar billede mclemens Nybegynder
30. maj 2006 - 23:35 #24
tabulator afstande er ok
(så vidt jeg ved)
Avatar billede kvabiz Nybegynder
31. maj 2006 - 00:59 #25
Nu har jeg ikke gjort det i helle, men det ser heller ikke ud til at virke...
Avatar billede mclemens Nybegynder
31. maj 2006 - 08:35 #26
Nu har jeg fjernet mellemrummene ... ved ikke hvorfor din ikke virkede - du må have fjernet noget forkert / havde en lokal kontrol fra igår... prøv at teste denne fil .


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- This Site Was Designed By Wayne D. Fields http://illusivedesign.cjb.net --><!-- Please make sure you read all of the read me file that came with this template then
you may delete this comment --><HTML><HEAD><TITLE>...</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="Insert Description Here" name=description>
<META content="Insert Keywords Here" name=keywords>
<STYLE type=text/css>A IMG {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
A:link {
    COLOR: #cbac57; TEXT-DECORATION: underline
}
A:active {
    COLOR: #cbac57; TEXT-DECORATION: underline
}
A:visited {
    COLOR: #cbac57; TEXT-DECORATION: underline
}
A:hover {
    COLOR: #b28816; TEXT-DECORATION: none
}
BODY {
    SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #cbac57; OVERFLOW: hidden; SCROLLBAR-SHADOW-COLOR: #cbac57; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #cbac57; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
</STYLE>

<SCRIPT language=javascript type=text/javascript>

<!--

function on1()
{if (!document.images) return; document.a.src = "images/butt_link1_sel.jpg";}
function on2()
{if (!document.images) return; document.b.src = "images/butt_link2_sel.jpg";}
function on3()
{if (!document.images) return; document.c.src = "images/butt_link3_sel.jpg";}
function on4()
{if (!document.images) return; document.d.src = "images/butt_link4_sel.jpg";}
function on5()
{if (!document.images) return; document.e.src = "images/butt_link5_sel.jpg";}
function on6()
{if (!document.images) return; document.f.src = "images/butt_link6_sel.jpg";}

function off1()
{if (!document.images) return; document.a.src = "images/butt_link1.jpg";}
function off2()
{if (!document.images) return; document.b.src = "images/butt_link2.jpg";}
function off3()
{if (!document.images) return; document.c.src = "images/butt_link3.jpg";}
function off4()
{if (!document.images) return; document.d.src = "images/butt_link4.jpg";}
function off5()
{if (!document.images) return; document.e.src = "images/butt_link5.jpg";}
function off6()
{if (!document.images) return; document.f.src = "images/butt_link6.jpg";}

var imgslist = new Array( 
"images/butt_link1_sel.jpg",
"images/butt_link2_sel.jpg",
"images/butt_link3_sel.jpg",
"images/butt_link4_sel.jpg",
"images/butt_link5_sel.jpg",
"images/butt_link6_sel.jpg");

var imgs=new Array();
for (x=0; x<imgslist.length; x++)
if (document.images)
  {imgs[x]=new Image(); imgs[x].src = imgslist[x];} 

//-->
</SCRIPT>

<META content="MSHTML 6.00.2800.1264" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<TABLE cellSpacing=0 cellPadding=0 width=800 border=0>
  <TBODY>
  <TR>
    <TD><IMG height=100 src="http://megapixel.1go.dk/image/index_01.jpg" width=175></TD>
    <TD><IMG height=100 src="http://megapixel.1go.dk/image/index_02.jpg" width=25></TD>
    <TD><IMG height=100 src="http://megapixel.1go.dk/image/index_03.jpg" width=180></TD>
    <TD><IMG height=100 src="http://megapixel.1go.dk/image/sort.jpg" width=220></TD>
    <TD><IMG height=100 src="http://megapixel.1go.dk/image/ban.jpg" width=200></TD></TR>
  <TR>
    <TD><IMG height=50 src="http://megapixel.1go.dk/image/index_06.jpg" width=175></TD>
    <TD><IMG height=50 src="http://megapixel.1go.dk/image/index_07.jpg" width=25></TD>
    <TD width=400 background=123-filer/bg.jpg colSpan=2 height=300 rowSpan=13>
      <DIV id=Layer1
      style="Z-INDEX: 1; LEFT: 200px; OVERFLOW: auto; WIDTH: 400px; POSITION: absolute; TOP: 100px; HEIGHT: 300px"><!-- PAGE CONTENT -->
      <BLOCKQUOTE><FONT face=arial color=#ffffff size=2><STRONG><BR>Velkommen
        til <BR>billedbureauet Pixel Net
        <HR width="100%" color=#ffffff noShade SIZE=1>

        <P>Formålet med MegaPixel er at drive et seriøst billedebeuro, med
        kvalitets fotografier.
        <P>Til trods for kvaliteten og de høj opløslige fotografier, kan prisen
        stadig holdes nede, til særdelses atraktive priser, pga. det store salg
        her fra siden.</P>
        <P>De vil ikke blot kunne finde flotte billeder, i hvores galleri, men
        også fortællende billeder, der formidler historier.</P>
        <P>Vi øsnker ingen utilfresse kunder, derfor yder vi altid hvores
        bedste, og levere i top kvalitet. <BR>Er De ikke tilfræs med det vi
        levere, finder vi naturligvis en løsning.
        <P>God fornøjelse!</P><A href="http://illdesign.yoll.net/">Illusive
        Design</A>.<BR>
        <P>
        <CENTER><A
        onmouseover="window.status='Visit Illusive Design for all your web design needs!'; return true;"
        onmouseout="window.status=''; return true;"
        href="http://illdesign.yoll.net/" target=_blank><IMG height=31 src=""
        width=88 border=0></A></CENTER><HR width="100%" color=#ffffff noShade SIZE=1><!-- Copyright --><FONT color=#ffffff size=1><STRONG>Copyright ©
        2001-2006 Illusive Design. All rights reserved.<BR>Best viewed in IE5+
        800x600 32bit colors.</STRONG></FONT><!-- Copyright --><BR><BR><BR><BR><BR><BR><BR></STRONG></FONT></BLOCKQUOTE><!-- PAGE CONTENT --></DIV></TD><TD><IMG height=50 src="http://megapixel.1go.dk/image/index_09.jpg" width=200></TD></TR><TR><TD><DIV style="POSITION: relative"><A onmouseover=on1(); onmouseout=off1();
      href="http://megapixel.1go.dk/home2.htm#"><IMG height=20
      src="http://megapixel.1go.dk/image/butt_link1.jpg" width=175 name=a></A><DIV style="LEFT: 50px; POSITION: absolute; TOP: 0px">Home</DIV></DIV><TD rowSpan=11><IMG height=145 src="http://megapixel.1go.dk/image/index_11.jpg" width=25></TD><TD rowSpan=11><IMG height=145 src="http://megapixel.1go.dk/image/index_12.jpg"
  width=200></TD></TR><TR><TD><IMG height=5 src="http://megapixel.1go.dk/image/index_13.jpg" width=175></TD></TR><TR><TD><DIV style="POSITION: relative"><A onmouseover=on2(); onmouseout=off2();
      href="http://megapixel.1go.dk/home2.htm#"><IMG height=20
      src="http://megapixel.1go.dk/image/butt_link2.jpg" width=175 name=b></A><DIV
    style="LEFT: 41px; POSITION: absolute; TOP: 0px">Galleri</DIV></DIV></TD></TR><TR><TD><IMG height=5 src="http://megapixel.1go.dk/image/index_15.jpg" width=175></TD></TR><TR><TD><DIV style="POSITION: relative"><A onmouseover=on3(); onmouseout=off3();
      href="http://megapixel.1go.dk/home2.htm#"><IMG height=20
      src="http://megapixel.1go.dk/image/butt_link3.jpg" width=175 name=c></A><DIV style="LEFT: 35px; POSITION: absolute; TOP: 0px">Vi
      tilbyder</DIV></DIV></TD></TR><TR><TD><IMG height=5 src="http://megapixel.1go.dk/image/index_17.jpg" width=175></TD></TR><TR><TD><DIV
      style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative"><A
      onmouseover=on4(); onmouseout=off4();
      href="http://megapixel.1go.dk/home2.htm#"><IMG
      style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px"
      height=20 src="http://megapixel.1go.dk/image/butt_link4.jpg" width=175 name=d></A><DIV
      style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 32px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px">Priser</DIV></DIV></TD></TR><TR><TD><IMG height=5 src="http://megapixel.1go.dk/image/index_19.jpg" width=175></TD></TR><TR><TD><DIV style="POSITION: relative"><A onmouseover=on5(); onmouseout=off5();
      href="http://megapixel.1go.dk/home2.htm#"><IMG height=20
      src="http://megapixel.1go.dk/image/butt_link5.jpg" width=175 name=e></A><DIV
      style="LEFT: 30px; POSITION: absolute; TOP: 0px">Betingelser</DIV></DIV></TD></TR><TR><TD><IMG height=5 src="http://megapixel.1go.dk/image/index_21.jpg" width=175></TD></TR><TR><TD><DIV style="POSITION: relative"><A onmouseover=on6(); onmouseout=off6();
      href="http://megapixel.1go.dk/home2.htm#"><IMG height=20
      src="http://megapixel.1go.dk/image/butt_link6.jpg" width=175 name=f></A><DIV
    style="LEFT: 30px; POSITION: absolute; TOP: 0px">Kontakt</DIV></DIV></TD></TR><TR><TD><IMG height=105 src="http://megapixel.1go.dk/image/index_23.jpg" width=175></TD><TD><IMG height=105 src="http://megapixel.1go.dk/image/index_24.jpg" width=25></TD><TD><IMG height=105 src="http://megapixel.1go.dk/image/index_25.jpg" width=200></TD></TR><TR><TD><IMG height=35 src="http://megapixel.1go.dk/image/index_26.jpg" width=175></TD><TD><IMG height=35 src="http://megapixel.1go.dk/image/index_27.jpg" width=25></TD><TD><IMG height=35 src="http://megapixel.1go.dk/image/index_28.jpg" width=180></TD><TD><A href="http://illdesign.yoll.net/" target=blank><IMG height=35
      alt="Visit Illusive Design!" src="http://megapixel.1go.dk/image/butt_illdesign.jpg" width=220
      border=0></A></TD>
    <TD><IMG height=35 src="http://megapixel.1go.dk/image/index_30.jpg"
width=200></TD></TR></TBODY></TABLE></BODY></HTML>
Avatar billede mclemens Nybegynder
31. maj 2006 - 08:37 #27
ret lige baggrundstien på denne
<TD width=400 background=123-filer/bg.jpg colSpan=2 height=300 rowSpan=13>
Avatar billede mclemens Nybegynder
31. maj 2006 - 08:59 #28
<tr>
<td>
<div style="position:relative;">
<a href="#" onmouseover="on2();" onmouseout="off2();"><img src="image/butt_link2.jpg" width="175" height="20" name="b"></a>
<div style="position:absolute;top:0px;left:41px;">Galleri</div></td>
</tr>

^ - bemærk du havde slettet en </div> også ... der mangler en </div> mere lige før </td> ... ved dog ikke om det var fejlen men prøv dem jeg kom med - den virker.
Avatar billede mclemens Nybegynder
06. juni 2006 - 19:13 #29
Tak for point :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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



IT-JOB