Baggrundsbillede i <span></span>

style="background-image: url(billede.gif)" <- er det ikke sån ?

-- men hvis du bruger en span skal du spænde den ud med noget for at den får din definerede størrelse !-)

-- og PS. Jo, jokkejensen, det er det !o]

Jo, det virker sku :-)

Takker, kan du ikke lige smide et svar??

roenving -> Jeps, jeg kan vel bare spænde den ud med width og height ??

Når man har to <span> under hinanden med et baggrundsbillede, kommer der et lille mellemrum på et par pixels.. Er der en der ved hvordan man fjerner det?

selv tak :)

der burde ikke komme 2 pixels... jeg tjekker lige.. brb

Nej det burde der ikke komme.. smid eventuelt selv det her i en html fil:

<span style="background-color:blue;width:20px;"><br>
<span style="background-color:blue;width:20px;">


Men kan det skyldes du ikke har fået klippet de 2 billeder ordentligt ud, og der er en 2 px border på dem ???

Smid eventuelt de 2 billeder op så vi kan se dem.. det gør det hele lidt lettere, men hellere et link til din side :)

Okay, 2 sek.. :-)

http://www.matematiknet.dk/test.gif

I skyggen er der 2 steder hvor der er hvidt, hvor der også burde være skygge.. Jeg forstår det ikke helt, for der er jo kun 2 span med baggrundsbillede, så der burde jo egentlig kun være et sted hvor der er hvidt ??

Nå, men koden ser sådan ud:
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="10"><span style="height: 8px; width: 10px; background-image: url(images/skygge_venstre-under-top.gif)"></span><span style="height: 100%; width: 10px; background-image: url(images/skygge_venstre.gif);"></span></td>
                            <td width="488" height="500"></td>
                            <td width="8"></td>
                        </tr>
                    </table>

Jeg tror simpelthen det er den øverste span, der bliver gentaget 2 gange, men jeg ved bare ikke hvorfor..

Fordi billedet som er baggrund i den første span er 8*10 pixels, så det er ikke fordi jeg har lavet span'en for stor..

men har du ikke et link til de 2 billeder... så jeg selv kan forsøge :)

Jeps,

http://www.matematiknet.dk/skygge_venstre-under-top.gif
http://www.matematiknet.dk/skygge_venstre.gif

Måske har det noget med linje-højden at gøre, for almindelige text-elementer kan ikke have en højde, som er mindre en een linjehøjde !-)

Nej det kan være, jeg kan da prøve at lave det første billede højere end en linjehøjde, men burde det ikke først give problemer, hvis jeg f.eks. satte &nbsp; ind mellem <span> og </span> ? Det burde da ikke gøre noget når jeg ikke har noget mellem start og sluttagget.

jo de er godt nok forfærdelige små de billeder :)

sikkert det..

Nu virker det efter jeg lavede billedet lidt større :-)

Tak for tålmodigheden, vil I ikke have lidt flere points?

http://eksperten.dk/spm/634910

"style="background-image: url(billede.gif)" <- er det ikke sån ?"

Hmm... Jeg ville skrive det således: url('billede.gif'); - Men det gør måske ingen forskel?

Hvis du kigger på, hvordan W3C stiller det op, bliver man bare forvirret, for det ene sted er der apostroffer eller gåseøjne med, det er der ikke det andet ...

-- så det handler vel nogenlunde om, at man skal bruge dem hvis der er tegn, som 'brækker' strengen, f.eks. mellemrum, og ellers kan bruge dem !-)

.. bare en note... som det bliver nævnt, så er det problematisk at arbejde med elementer, som tildeles en højde mindre end liniehøjden...
men bruges overflow:hidden; på elementet, så opfører de sig rigtigt - dvs. kan være mindre end liniehøjden.

- Andreas

Roenving > Okay, så er begge måder vel korrekte at bruge...

Jepz ...