hr med gif

Hur ska man göra?

vill ha det i en class, så det får gärna se ut såhär:

<hr class="streck">

mvh

Du får gärna beskriva det hela lite mer i detalj.
Kanske är det något sådant här du menar?

HR.streck {
 background-image: url('bild.gif');
}

Ja, jag menar så som du skrev. En radbrytning med en bild.

Skrev såhär:

HR.streck {
background-image: url(hr.jpg');
}

men det funkade inte. Måste det var gif?

mvh

Det måste inte vara gif men du har missat en fnutt. ;)

Oj, men det var bara fel här på sidan:

HR.streck {
background-image: url('hr.jpg');
}

<hr class="streck">

allting är väl i sin ordning? Funkar ändå inte.

mvh

Har du satt höjd på strecket?
I en <hr> får du med en "gråaktig" 3D-effekt som gör att strecket inte visas om höjden är "för liten"...

Om inte <hr> funkar för dig pga detta kan du också använda en "tom div" om du är noga med att sätta höjd på både div-taggen och dess font-size ;) ...

Se exempel på bägge varianterna här: http://member.webforum.nu/2241/streck.html

okej! tack. Hur hög måste bilden vara då för att den ska kunna visa den som en "<hr>" ?

Och hur gör jag en div med den bakgrunden jag vill ha?

mvh

<div background="#000000"> </div> funkar inte? =)

mvh

Hur hög måste bilden vara då för att den ska kunna visa den som en "<hr>" ?

Hmm...
Empirisk forskning i Moz 1.3 och MSIE6 ger att du får 1px höga gråa streck upptill och nedtill, och att 2px verkar vara för lite... Provar man med 3px får du ett mycket smalt "bildstreck" med "gråa kanter"...

Och hur gör jag en div med den bakgrunden jag vill ha?

*harkel*
Här är "vitala delar" av filen jag laddade upp ;)

<style type="text/css">
<!--
.streck {
	background-image: url('testbild.gif'); 
	height:5px;
}
.strecket {
	background-image: url('testbild.gif');
	height: 5px;
	font-size:5px;
}
-->
</style>
...

<hr class="streck" />
...
<div class="strecket">&amp;nbsp;</div>

<div background="#000000"> </div> funkar inte? =)

Hmm
Osäker på hur du menar, men

<div style="background-color:#000000;height:5px;font-size:5px">&amp;nbsp;</div>

Funkar...
Liksom t.ex.

<div style="background-image: url('testbild.gif');height:5px;font-size:5px">&amp;nbsp;</div>

jarvklo skrev:

<style type="text/css">
<!--
.strecket {
background-image: url('testbild.gif');
height: 5px;
font-size:5px;
}
-->
</style>

<div class="strecket"> </div>

använder jag nu! Funkar perfekt, tack ska du ha!