Avatar billede no_doubt Nybegynder
10. december 2009 - 18:35 Der er 18 kommentarer og
1 løsning

Tekst ovenpå div

Hvordan skal denne se ud hvis teksten skal stå i bunden af billedet

billedet vil altid have samme størrelsen, men med forskelligt motiv og tekst

<div style="position:relative;width;544px;height;421;margin:0 auto;">
  <img src="<%=rs("billede")%>"  width="544" height="421" style="width:544px;height:421px;">
  <span style="position:absolute;left:123px; margin-right:auto; margin-top:-37px; margin-bottom:5px"><%=rs("tekst")%></span>
</div>

Virket det både i FF og IE?
Avatar billede no_doubt Nybegynder
10. december 2009 - 18:41 #1
Hvis der er nogen der har en anden mulighed for tekst oven på billede vil jeg også gerne høre om det
Avatar billede no_doubt Nybegynder
10. december 2009 - 19:00 #2
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>
Avatar billede zips Juniormester
10. december 2009 - 21:01 #3
Prøv med dette

<div style="position:relative;width:544px;height:421px;margin:0 auto;text-align:center;">
<img src="<%=rs("billede")%>" width="544" height="421">
<span style="position:absolute;top:400px;left:0px;color:#fff;width:544px;"><%=rs("tekst")%></span>
</div>
10. december 2009 - 21:09 #4
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.
10. december 2009 - 21:10 #5
zips's indlaeg var ikke synlig her foer jeg sendte mit indlaeg.  (Der synes stadig at vaere problemer med Eksperten.)
Avatar billede no_doubt Nybegynder
10. december 2009 - 22:18 #6
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 ?
Avatar billede zips Juniormester
10. december 2009 - 22:37 #7
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?
Avatar billede no_doubt Nybegynder
10. december 2009 - 22:42 #8
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>
Avatar billede zips Juniormester
10. december 2009 - 23:01 #9
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/
Avatar billede no_doubt Nybegynder
10. december 2009 - 23:12 #10
hvad skal den rettes til ?
Avatar billede zips Juniormester
10. december 2009 - 23:19 #11
<a href="billeder.asp?kategori=<%=rs("kategori")%>" style="text-decoration: none">
<span style="color:#000000;">Tilbage til albummet: <%=rs("kategori")%></span></a>
Avatar billede no_doubt Nybegynder
10. december 2009 - 23:27 #12
Samme fejl

men nok ret rodet kode...

http://www.milo-feluca.dk/Milo/stort.asp?billede=7
Avatar billede zips Juniormester
10. december 2009 - 23:38 #13
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>
Avatar billede zips Juniormester
10. december 2009 - 23:44 #14
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.
Avatar billede no_doubt Nybegynder
10. december 2009 - 23:46 #15
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 ?
Avatar billede zips Juniormester
10. december 2009 - 23:53 #16
Her er et svar :-)

Den sorte bar du snakker om, er det den som er nede over billedet?
Avatar billede no_doubt Nybegynder
10. december 2009 - 23:56 #17
Ja :)
Avatar billede zips Juniormester
11. december 2009 - 00:24 #18
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.
Avatar billede no_doubt Nybegynder
14. december 2009 - 12:07 #19
TAK :)
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