Tekst ovenpå div

Hvis der er nogen der har en anden mulighed for tekst oven på billede vil jeg også gerne høre om det

Jeg er kommet frem til følgende

men det virker IKKE i IE

<table><tr><td style="position: relative;">
                            <div style="position: absolute; bottom: 10px; left: 0px; width:544px">
                                <p align="center">
                                <font color="#FFFFFF" size="2">
                                <span style="background-color: #000000"><%=rs("tekst")%></span></font><br>
                                <font color="#FFFFFF" face="Arial" size="2">
                                <span style="text-decoration: none">
                                <font color="#FFFFFF">
                                <a target="_blank" href="<%=billede%>">
                                <font color="#FFFFFF">
                                <span style="text-decoration: none">( Vis original )</span></font></a></font></span></font></div>
                                <img src="<%=billede%>" width="544" height="421" ><td>
                                </tr></table>

Prøv med dette

Hvis du erstatter <%=rs("tekst")%> med tekst, altsaa

<span style="background-color: #000000">tekst</span>

saa synes det at virke det baade i FF og IE8.

zips's indlaeg var ikke synlig her foer jeg sendte mit indlaeg.  (Der synes stadig at vaere problemer med Eksperten.)

Der står en tekst oven over billedet når den vises i firefox kommer der et mellerum mellem teksten over og billedet, dette mellemrum vises ikke i IE

Kan vi desuden flytte boksen lidt op fra bunden ?

Du kan flyttet billedet ved hjælp af denne top:400px; som er sat til 400px, ændre den til 350px og du vil se at det kommer højre op på siden.

Hvad bruger du til den tekst over billedet, kan du ikke give et link til siden eller koden samt den css som styre den tekst?

Jeg kan sende kodebidden her

<%
                    Set conn = Server.CreateObject("ADODB.Connection")
                    Conn.Open "DRIVER={Microsoft Access Driver (*.mdb)};DBQ="&Server.MapPath("../db/db.mdb")
                    sql = "SELECT * FROM billeder WHERE ID = " & request.querystring("billede") & ""
                    Set rs = Conn.Execute(sql)
                    billede = rs("stort")
                    tekst = rs("tekst")
                    %></font><a href="billeder.asp?kategori=<%=rs("kategori")%>"><font color="#000000"><span style="text-decoration: none">Tilbage til
                    albummet: <%=rs("kategori")%></span></font></a><font color="#FFFFFF">
                    </font>
                    </font>
                    <div style="position:relative;width:544px;height:421px;margin:0 auto;text-align:center;">
                    <font face="Arial" size="2"><font color="#FFFFFF">
                    <a href="<%=request.servervariables("http_referer")%>">
                    <img src="<%=billede%>" width="544" height="421" style="border: 1px solid #000000"></a>
                    </font>
                    <span style="position:absolute;top:390px;left:0px;color:#fff;width:544px; background-color:#000000">
                    <% if tekst <> "" then response.write "<i>" & tekst & "</i><br>"%>
                    <font color="#FFFFFF">
                    <a target="_blank" href="<%=billede%>">
                    <span style="text-decoration: none"><font color="#FFFFFF">( Vis original )</font></span></a></font></span><font color="#FFFFFF">
                    &nbsp;</font></font></div>

Det som jeg lige kan se, er at du sætter  style="text-decoration: none;" på dit span og ikke på dit a tag, det giver en underline i FF men ikke i IE, måske er det den som du ser som et mellemrum.

Men det er en noget rodet kode med alle de font, prøv at få siden gennem http://validator.w3.org/

hvad skal den rettes til ?

<a href="billeder.asp?kategori=<%=rs("kategori")%>" style="text-decoration: none">
<span style="color:#000000;">Tilbage til albummet: <%=rs("kategori")%></span></a>

Samme fejl

men nok ret rodet kode...

http://www.milo-feluca.dk/Milo/stort.asp?billede=7

Ja det kan jeg godt se, det er fordi du bruger <p> til den tekst, det giver det mellemrum.

Slet <p align="center"> og det slut tag </p>

En anden ting, din doctype.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Skal være øverest på din side og ikke der hvor du har du nu.

cool, flyttede den i en anden td, men det andet virkede også :)

Kunne være cool om man så kunne skjule/vis nedtop den storte bar, men det ved jeg ikke om man kan?

Points ?

Her er et svar :-)

Den sorte bar du snakker om, er det den som er nede over billedet?

Ja :)

Du kan slette din background-color:#000000" og indsætte dette

onmouseover="this.style.backgroundColor='black';"
onmouseout="this.style.backgroundColor='transparent';"

Så vil du få vist en baggrunds farve når du føre musen over det link med din bar.

TAK :)