Problemmer med rundinger på tabel

Prøv at sætte width til 92% på td.Bar-TitleRepeat

Ved at gøre som nedenstående undgår du helt procenterne:

table.Bar {
width : 300px;
}
td.Bar-TitleLeftRund  {
width : 12px;
height : 36px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundLeft.jpg) no-repeat top left;
}
td.Bar-TitleRightRund {
width : 12px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundRight.jpg) no-repeat top right;
}
td.Bar-TitleRepeat {
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRepeat.jpg) repeat-x top left;
font-size : 23px;
font-weight : bolder;
color : #F3F292;
}
td.Bar0-Text {
padding : 4px;
border : 2px solid #AD7CCF;
border-top : none;
}

I øvrigt kunne du sætte text-align: center; på td.Bar-TitleRepeat i din style-angivelse og derved undgå HTML tag'et align=center i tabellen.

Du bør nok også sætte empty-cells for at rundingerne vises i de forskelige browsere (tomme celler har det med at blive ignoreret i visse browsere):

td.Bar-TitleLeftRund  {
width : 12px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundLeft.jpg) no-repeat top left;
empty-cells: show;
}
td.Bar-TitleRightRund {
width : 12px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundRight.jpg) no-repeat top right;
empty-cells: show;
}

Jeg har lige sat dit stylesheet ind, nu kan man se rundingerne, men så bliver der huller imellem billederne.

Der var egentlig derfor jeg prøvede med at sætte width til 100% på overskrift td'en

Huller? Hvor? Hvilken browser bruger du?
Prøv lige css'en fra indlæg 17:00:45

jeg bruger IE og Mozilla firebird.

Det er mærkeligt, for i Mozilla er der ingen mellemrum

har sat det ind fra indlæg 17:00:45

Idé... prøv lige det her:

td.Bar-TitleLeftRund  {
width : 12px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundLeft.jpg) no-repeat top left;
empty-cells: show;
padding: 0;
border-collapse: collapse;
}
td.Bar-TitleRightRund {
width : 12px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundRight.jpg) no-repeat top right;
empty-cells: show;
padding: 0;
border-collapse: collapse;
}
td.Bar-TitleRepeat {
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRepeat.jpg) repeat-x top left;
font-size : 23px;
font-weight : bolder;
color : #F3F292;
text-align: center;
padding: 0;
border-collapse: collapse;
}

Sludder... Sådan:

table.Bar {
width : 300px;
border-collapse: collapse;
}
td.Bar-TitleLeftRund  {
width : 12px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundLeft.jpg) no-repeat top left;
empty-cells: show;
padding: 0;
}
td.Bar-TitleRightRund {
width : 12px;
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRundRight.jpg) no-repeat top right;
empty-cells: show;
padding: 0;
}
td.Bar-TitleRepeat {
background : url(http://www.djalfe.dk/projekter/www/bar/bar/Bar0-TitleRepeat.jpg) repeat-x top left;
font-size : 23px;
font-weight : bolder;
color : #F3F292;
text-align: center;
padding: 0;
}
td.Bar0-Text {
padding : 4px;
border : 2px solid #AD7CCF;
border-top : none;
}

Dette afhjælper sandsynligvis dit problem:

I din kode står der:

<tr>
  <td class="Bar-TitleLeftRund"></td>
  <td class="Bar-TitleRepeat" align="center">.: Overskrift :.</td>
  <td class="Bar-TitleRightRund"></td>
</tr>

Du har altså mellemrum mellem din </td> og dine <td>. Det er derfor der kommer et mellemrum på hjemmesiden..

Førnævnte skal derfor omskrives til:

<tr><td class="Bar-TitleLeftRund"></td><td
class="Bar-TitleRepeat"
align="center">.: Overskrift :.</td><td
class="Bar-TitleRightRund"></td></tr>

så'en...
Men der er stadig luft imellem billederne og i mozilla passer billederne med rundinger på ikke til tekst boksen nednunder

Meget mærkeligt.

Men der er jo altid den mulighed at billederne med rundinger ind med et img tag, men jeg ville allerhelst styrer det vha. css

viciodk >> Nu har jeg prøvet at fjerne mellemrummene, men som du kan se er der stadig luft.

Jeg er lidt nysgerrig - hos mig ser det nemlig fint ud. Hvilken version af firebird bruger du?

Jeg bruger firebird 0.6, men der er skam ikke nogen problemer.

Tjek indlæg : 17:08:33

opera 7.20: http://frip.dk/thesurfer/e/q/403741/403741.jpg

hæ hæ okey, så problemet er ikke kun i IE (dejligt at se jeg ikke er helt dusk) *ss*

Men er den eneste mulighed for at fjerne det så kaldte luft imellem billederne, ved at sætte det ind som et img tag (træls hvis) ?

Uargh! Hvad sker der?

jeg nægter at give op. Jeg forsøger mig lidt frem på http://lknet.dk/test/11/ og melder mig på banen, når der er fundet en løsning. Herfra er der nu kun problemer i Opera

prøv med:

td.Bar-TitleRepeat {
...
width: 92%;
...
}

Back to start ;-)
20/09-2003 16:41:04
men det ser ud til at virke i denne version i alle browsere:
http://lknet.dk/test/index2.htm

okey jeg har fundet af at fjerne de to mellemrum...

Link:
http://www.djalfe.dk/projekter/www/bar/index.html

Det eneste jeg gjorde var at fjerne noget af teksten, men jeg kan ikke rigtig se hvilken indflydelse det skulle have på de såkaldte mellemrum ??

hehehe..
lklingenberg> hvis bare jeg kunne læse :) .. men det ser ud til at fikse problemet, både i Opera og IE

hov... 20/09-2003 17:52:43 -> http://lknet.dk/test/11/index2.htm

djalfe> underligt.. modsat handling giver samme effekt.. prøv at indsætte denne tekst uden mellemrum:

sdfdsljnslkshfgkjhfkgjdhgkjhfkgjshgkjhrefoilægojnhrghtgoithgrothagoihdrjhkjhgkhfdguhgirhgvhfdgdfh

lklingenberg >> Jeg kan se du har fået det til at virke, men har du prøvet at sætte table.Bar { width: 500px;} ?

Så kommer mellemrummet frem igen, derfor vil jeg mene det ikke er så smart at bruge de 92% på td.TitleRepeat

thesurfer >> så er der sat tekst ind uden mellemrum.

hmmmmm.... kan sgu ikke lige se grunden til at den skulle lave mellemrum..

underligt nok kan den ikke lide den størrelse den har fået :)
mindre eller større, og den ser normal ud..

Hvis jeg så fjerner noget af teksten, kommer den til at se rigtig ud (mærkeligt)

->djalfe:
500px og 100% virker fint hos mig (IE6, Firebird, Opera 7)

->thesurfer:
he he... en sådan tekstlængde kan rive ethvert design i stumper og stykker ;-)

Prøv at tjekke mit link
http://www.djalfe.dk/projekter/www/bar/index.html

Jeg har kopieret alt din tekst, men stadig har jeg huller...
printscreen billede:
http://www.djalfe.dk/projekter/www/bar/maerkeligt.jpg

jeg har en idé mere (som jeg tror på ;-), men nu er det spisetid - vender tilbage...

okey glæder mig

SÅ!!! Nu kan I bare kom an med jeres pixels og procenter ;-) nu er den der (tror.. næ.. håber jeg!)

prøv at tjekke mit link, der virker den nu, men desværre er rundingerne sat ind vha af img

Virkede min løsning ikke i din browser?

Jeg ved ikke rigtig hvad der sker, men skal vi ikke lad det ligge. indtil at IE får samme mulighed som Mozilla, hvor man kan lave rundinger på tabeller og diverse

Så jeg vil gerne give pointene til lklingerberg, men da jeg kom til at fucke pointgivningen op, bliver du lige nød til at lave et indlæg

ok :-)

->djalfe:
Afslutter du?

Undskylder ventetiden lklingenberg, problemer med computeren..... :-(

ok - jeg håber du fik løst dit problem tilfredsstillende ;-)