[CSS] Probleem met verspringende image - Softwareontwikkeling

woensdag 5 oktober 2005 21:48

Acties:

Verwijderd

Topicstarter

Het betreft de nieuwe layout van de site 'www.corazong.com' dan op de pagina van de artiesten bio, bijv hier.

Deze site is net volledig opnieuw herbouwd in CSS, XHTML, PHP en MySQL. Er zijn nog een paar verbeterpuntjes natuurlijk, maar er is een probleem waar ik niet echt uit kom. Op de artiesten pagina (2de link hierboven) verschuift het plaatje en breekt de div op, op lage resoluties (800 * 600). Ik heb het probleem als op verschillende wijzen op proberen te lossen maar ik kom er niet uit.

CSS:

code:

/************** .feature styles ***************/

.feature{
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 0px 10px;
    font-size: 80%;
    border: 1px solid #cccccc;
    text-align:left;
}

.feature img{
    float: right;
    padding: 0px 0px 0px 0px;
    border: 1px solid #999999;
    margin-left: 10px;
}

.feature th{
    width: 50px;
}

.feature td{
    text-align:left;
}

#buylinks img{
    float: none;
    margin-right: 5px;
    border: 0;
}

XHTML:

code:

<div class="feature">
    <a href="./bios.php?id=<?php echo $general['id'] ?>">
        [img]"./images/outputimage.php?h=120&w=120&file=covers/<?php[/img].jpg&type=jpg" 
        alt="Album Cover" width="120" height="120" border="0" />
    </a>
    <table width="60%" border="0">
      <tr>
        <th scope="row">Artist:</th>
        <td><?php echo $general['artist'] ?></td>
      </tr>
      <tr>
        <th scope="row">Album:</th>
        <td><a href="bios.php?id=<?php echo $general['id'] ?>"><?php echo $general['title'] ?></a></td>
      </tr>
      <tr>
        <th scope="row">Genre:</th>
        <td><?php echo $general['genre'] ?></td>
      </tr>
    </table> 
      <p><?php echo $general['shorttext'] ?></p>
      <p id="buylinks">
         <!-- <a href="#">[img]"images/buy.gif"[/img]</a> -->   
          <?php
            if($track_rows > 0) {
              echo "<a href=\"./bios.php?cat=downloads&id=" . $general['id'] . "\">";  
              echo "[img]\"images/download.gif\"[/img]</a></p>";
            }
          ?>
  </div>

Kan iemand me vertellen waar ik verkeerd ga?

woensdag 5 oktober 2005 22:14

Acties:

Verwijderd