Avatar billede riversen Nybegynder
21. november 2003 - 11:47 Der er 10 kommentarer og
1 løsning

votebarproblem i mozilla/netscape

<table class='tabel' cellspacing='0' width='95%'>
    <tr>
        <td colspan='2'>Helt kanon idé (60%)</td>
    </tr>
    <tr>
        <td style='border: 1px #000000 solid; background: #E2DEED;'>
            <span class='votebar' style='width: 60%;'>&nbsp;</span>
        </td>
    </tr>
    <tr>
        <td colspan='2'>Det er da meget godt (40%)</td>
    </tr>
    <tr>
        <td style='border: 1px #000000 solid; background: #E2DEED;'>
            <span class='votebar' style='width: 40%;'>&nbsp;</span>
        </td>
    </tr>
</table>

virker i ie og opera men ikke netscape og mozilla...hvorfor?
Avatar billede roenving Novice
21. november 2003 - 12:13 #1
Virker umiddelbart:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Votebar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.tabel{
position:relative;
}
.votebar{
background:red;
}
</style>
</head>
<body>
<table class='tabel' cellspacing='0' width='95%'>
    <tr>
        <td>Helt kanon idé (60%)</td>
    </tr>
    <tr>
        <td style='position:relative;border: 1px #000000 solid; background: #E2DEED;'>
            <div class='votebar' style='width: 60%;'>&nbsp;</div>
        </td>
    </tr>
    <tr>
        <td>Det er da meget godt (40%)</td>
    </tr>
    <tr>
        <td style='position:relative;border: 1px #000000 solid; background: #E2DEED;'>
            <div class='votebar' style='width: 40%;'>&nbsp;</div>
        </td>
    </tr>
</table>
</body>
</html>

-- væsentligste ændring er, at jeg har brugt en div i stedet for en span, da inline-elementer (som span) kun har den bredde og højde, som indholdet har, men block-level elementer kan styres mere i størrelse !-)
Avatar billede riversen Nybegynder
21. november 2003 - 12:19 #2
ved div forsvinder den helt
Avatar billede riversen Nybegynder
21. november 2003 - 12:20 #3
kan godt se dit eksempel virker...hmmm...og ikke med span
Avatar billede riversen Nybegynder
21. november 2003 - 12:21 #4
echo "<table class='tabel' cellspacing='0' width='95%'>";
       
        while( $data = mysql_fetch_array( $result ) )
        {
            $procent = $data["stemmer"] / $samlet * 100;
            echo "<tr><td colspan='2'>" . $data["tekst"] . " (" . round( $procent, 2 ) . "%)</td></tr>";
            echo "<tr><td style='border: 1px #000000 solid; background: #E2DEED;'>" . ( $procent ? "<div class='votebar' style='width: " . round( $procent ) . "%;'>&nbsp;</div>" : "&nbsp;" ) . "</td></tr>";
        }
       
        echo "</table>";
Avatar billede riversen Nybegynder
21. november 2003 - 12:28 #5
forsvinder også i ie med div..hmmm
Avatar billede roenving Novice
21. november 2003 - 12:29 #6
-- hvorfor har du colspan med i overskrift-td'en ?-)

-- med få eller mange, den virker hver gang -- også i Mozilla !-)
Avatar billede roenving Novice
21. november 2003 - 12:30 #7
HVordan har du lavet dine styles ?-)
Avatar billede riversen Nybegynder
21. november 2003 - 12:33 #8
det virker med div..havde glemt at rette css'en :-)
Avatar billede riversen Nybegynder
21. november 2003 - 12:34 #9
fra span.votebar til .votebar

læg et svar
Avatar billede roenving Novice
21. november 2003 - 12:35 #10
Velbekomme '-)
Avatar billede roenving Novice
21. november 2003 - 13:15 #11
-- og tak for points ;~}
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