Avatar billede andreas13_fam Nybegynder
08. januar 2009 - 19:09 Der er 5 kommentarer og
1 løsning

Problemer med lag i CSS

Problemer med lag i CSS
Jeg 3 billeder.
En bagerst (hvid)
En i midten (gul)
En øverst (stjerner med ”huller” i)
Mit problem er bare at de ikke rigtig opfører sig sådan (bagerst, i midten, øverst).
Min kode er i ses her…
    echo '<td>';
    echo '<table style="position:relative;top:0px;left:0px;" cellspacing="0" cellpadding="0">';
    echo '<tr>';
    echo '<td>';
//nederest
    echo '<div style="position:absolute;top:0px;left:0px;z-index:1;">';
    echo '<img src="WWW_den-lille-kogebog/stjerne/test/stjerne-bund.gif" width="75" height="14" alt="bg" />';
    echo '</div>';
//i midten
    echo '<div style="position:absolute;top:0px;left:0px;z-index:1;max-width:75px;">';
    echo '<img src="WWW_den-lille-kogebog/stjerne/test/stjerne-bag.gif" width="'. $width .'" height="14" alt="bg" />';
    echo '</div>';
//i øverest
    echo '<div style="position:absolute;top:0px;left:0px;z-index:1;">';
    echo '<img src="WWW_den-lille-kogebog/stjerne/test/stjerne_' . (($rel = $rel) ? 'et' : 'to') . '-for.gif" width="75" height="14" alt="'. $gennemsnit .'" />';
    echo ' / '. $row['stemmer'] .'';
    echo '</div>';
    echo '</td>';
    echo '</tr>';
    echo '</table>';
    echo '</td>';

Hvis I vil have adressen er den her: http://www.a-mweb.dk/Portal/WWW_Den-lille-kogebog_MySQL.php
Det virker lidt i IE7 og slet ikke i FF

Som i nok kan gætte så er en del af koden udtrukket fra en MySQL database, så det er derfor at der er så meget echo ’bla bla’; og det er også grunden til at jeg gerne vil have det position:relative;

Jeg håber i forstår mit spørgsmål og kan komme med en grund og løsning på hvordan det kan være.
Avatar billede andreas13_fam Nybegynder
08. januar 2009 - 19:11 #1
"Jeg har 3 billeder" skulle der stå.
Avatar billede dkfire Nybegynder
08. januar 2009 - 21:31 #2
Hvad med at ændre din z-index til 3 forskellige tal ?? og helst tal som er fortløbende.
Avatar billede dkfire Nybegynder
08. januar 2009 - 21:36 #3
Og så bør du tjekke din css kode igennem.
Man kan ikke lave en kommentar med hverken <!--  --> eller //
En kommentar i css skrives med /* */ og helst på en ny linje hver gang.
Avatar billede andreas13_fam Nybegynder
09. januar 2009 - 14:47 #4
Det virker desværre ikke. Jeg ved ikke helt hvorfor jeg er kommet til at skrive det samme tal i alle z-index.

Her er den lidt pænere forhåbentligt...

<table width="100%">
<thead>
<tr style="min-height:40;" class="oversigt-overskrift">
<th><div style="text-align:left">id</div></th>
<th><div style="text-align:left">Bio</div></th>
<th><div style="text-align:left">Navn</div></th>
<th><div style="text-align:left">Bedømelse</div></th>
<th><div style="text-align:left">Stemmer</div></th>
<th><div style="text-align:left">Stjerner - variabel!</div></th>
<th><div style="text-align:left">Oprindelse</div></th>
<th><div style="text-align:left">Oprettet</div></th>
</tr>
</thead>
<tbody>
  <tr class="oversigt-et">
    <td>id</td>
    <td>Bio</td>
    <td><a href="WWW_Den-lille-kogebog_MySQL.php?Opskrift=1">test</a></td>
    <td>raiding</td>
    <td>stemmer</td>
<!-- Nederst -->
    <td>
        <table style="position:relative;top:0px;left:0px;" cellspacing="0" cellpadding="0">
        <tr>
        <td>
    <div style="position:absolute;top:0px;left:0px;z-index:2;">
    <img src="WWW_den-lille-kogebog/stjerne/test/stjerne-bund.gif" width="75" height="14" alt="bg" />
    </div>
<!-- i midten -->
    <div style="position:absolute;top:0px;left:0px;z-index:3;max-width:75px;">
    <img src="WWW_den-lille-kogebog/stjerne/test/stjerne-bag.gif" width="45" height="14" alt="bg" />
    </div>
<!-- Øverst -->
    <div style="position:absolute;top:0px;left:0px;z-index:4;">
    <img src="WWW_den-lille-kogebog/stjerne/test/stjerne_et-for.gif" width="75" height="14" alt="gennemsnit" /> / 1
    </div>
        </td>
        </tr>
        </table>
    </td>
    <td>oprindelse</td>
    <td>dato</td>
  </tr>
</tbody>
</table>
Avatar billede dkfire Nybegynder
13. januar 2009 - 12:44 #5
Du bør stadig skrive en valid CSS kode, så længe du ikke har det giver det ingen mening at hjælpe.
Avatar billede andreas13_fam Nybegynder
14. januar 2009 - 14:02 #6
Jeg fandt en anden løsning
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