Avatar billede torbenclausen Nybegynder
29. november 2005 - 13:29 Der er 1 kommentar og
1 løsning

float:left; problemer

Hej

Jeg har en div som jeg sætter til at floate left. I diven bliver der hentet forskellige ting ind via php fra en sql db... Det funger fint, MEN i layoutet rykker den øverste højre boks sig et par pixels ned i forhold til alle andre divs... Hvilket jo ikke er meningen. Nogle der kan se en fejl, har prøvet alt skulle jeg selv mene;o)

CSS:

html,body    {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:100%;
}

#inner    {
        position:relative;
        width:600px;
        height:300px;
}

#links    {
    position:absolute;
    left:0px;
    top:0px;
    width:550px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:regular;
    color:#000000;
}

#links a, #links a:link {
    font-weight:bold;
    color:#000000;
    text-decoration:none;
}

#links a:hover {
    color:#99cccc;
    text-decoration:none;
}

#links li    {


    background-color:#CCCCCC;
    width:150px;
    height:70px;
    float:left;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    margin:20px;
    list-style-type:none;
    border-bottom:1px dashed #99cccc;
}


PHP:

<body>
<div id="inner">
<div id="links">
<?php

include 'ps.inc.php';

$link = @mysql_query('SELECT url, title, description FROM links');
    if (!$link) {
    exit('<p>Kunne ikke hente links fra database...<br />'.
        'Error: ' . mysql_error() . '</p>');
}

while ($links = mysql_fetch_array($link)) {
    $link_id = $links['link_id'];
    $url = htmlspecialchars($links['url']);
    $title = htmlspecialchars($links['title']);
    $description = htmlspecialchars($links['description']);
            echo "<ul><li><a href=\"http://$url\" target=\"_blank\">$title</a><br> ".
            "$description</ul>";
           
}

?>
</div>
</div>
</body>

Håber der er en der kan gennemskue det??

MVH TC
Avatar billede torbenclausen Nybegynder
29. november 2005 - 14:17 #1
Svarer lige selv...
Satte #links li    { = #links ul    {

Og så virker det sku:o)

Ha en fantastisk dag
Avatar billede roenving Novice
29. november 2005 - 14:18 #2
Så vel

#links ul, #links li {} !-)
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