[CSS]Rounded tab

[DNA_Saint]

Ik zit met een probleem bij mijn nieuwe site.
Ik heb bij elke heading een rounded tab. Maar dit werkt dus nu nog niet.

Live zien op:
http://www.andy-man.nl/test/

gaat dus om:

HTML:

<div id="heading">
                         <span><span><h1>bla</h1></span></span> 
                        </div> <!-- afsluiting heading-->

Ik heb 2x span, omdat er bij 1e linker hoek weergeeft en 2e rechterhoek.
Bij H1 moet hij de middenafbeelding weergeven, maar ik kan de height niet instellen.
Wanneer ik height bij H1 op 37px zet, dan ziet het er helemaal raar uit.


CSS:

Cascading Stylesheet:

#heading span {
        float:left;
        background:url(../images/heading-right.png) no-repeat right top;
        margin:0;
        padding:0;
        }
  
#heading h1 {
        background-image:url(../images/heading-middle.gif);
        background-repeat:repeat-x;
        }

            
#heading span span {

        background:url(../images/heading-left.png) no-repeat left top;
        padding:5px 15px;
        }

Wie kan mij helpen?

[DNA_Saint]

Het is opgelost door iemand van een ander forum.
Niet echt netjes met negatieve margins, maar het werkt wel

Cascading Stylesheet:

#heading span {
        float:left;
        background:url(../images/heading-right.png) no-repeat right top;
        margin:0;
        padding:0;
        }
  
#heading h1 {
        background-image:url(../images/heading-middle.gif);
        background-repeat:repeat-x;
        color:#FFFFFF;
        font-size:16px;
        height:27px;
        margin:-5px;
        padding-top:10px;
        }

            
#heading span span {
        background:url(../images/heading-left.png) no-repeat left top;
        padding:5px 15px;
        }

[Cartman!]

Je realiseert je wel dat je een block level element in een inline element propt nu en dat een span daar niet voor bedoeld is? Dit ziet er echt ontzettend ranzig uit zo...

[NMe]

En dat terwijl dat zo makkelijk om te draaien is. Probeer sowieso altijd eerst je site te valideren voor je een topic opent. 9 van de 10 keer los je het probleem dan vanzelf op.

[ Voor 54% gewijzigd door NMe op 27-11-2007 01:06 ]