Avatar billede tobrukDk Novice
31. august 2012 - 15:56 Der er 2 kommentarer og
1 løsning

Problemer med fremvise boxen - med a:hover og ligne

Hej


Jeg arbejder lige nu på en side hvor man skal holde musen over..

så skulle der komme en box frem altså som background når man holder musen hen over det man gerne vil se eller ligne,


<?php
if ($stmt = $mysqli->prepare('SELECT `id`, `title`, `kort`, `img` FROM `app`')) {
$stmt->execute();
$stmt->bind_result($id, $title, $kort, $img);
while ($stmt->fetch()) {
?>
<div class="kat-app_box_left">
    <a href="/apps-kig/<?php echo $id;?>/">
   
          <h5><?php echo $title;?></h5>
        <img src="/app/lille/<?php echo $img;?>">
        <?php echo $kort;?>
    </a>
</div>
<?php
}

$stmt->close();

} else {
    echo 'Der opstod en fejl i erklæringen: ' . $mysqli->error;
}
?>






og så ha jeg skrevet det her css


.kat-app_box_left {
    margin: 5px;
    width: 160px;
    padding: 5px;
    text-decoration: none;
}
.kat-app_box_left a:active, a:visited, a:link {
    text-decoration: none;
    color: #000;

}
.kat-app_box_left:hover {
    text-decoration: none;
    color: #FFF;
    background:#464D5C;
    border: 1px solid #000;
    margin: 5px;
    width: 160px;
    padding: 4px;
}


skriver jeg .kat-app_box_left a:hover i stede for så gøre den det kun omkring teksten.



.kat-app_box_left a:active, a:visited, a:link {
    text-decoration: none;
    color: #000;

}


jeg har prøve alt muligt med den der, men jeg synes bare det gå helt galt. og jeg kan bare ikke se hvad problemer er lige her,


Håber du kan hjælp mig frem til at løse det!
Avatar billede olebole Juniormester
31. august 2012 - 16:26 #1
<ole>

Jeg forstår ikke, hvad du mener. Der er jo ikke noget, som er skjult. Hvordan skal det så blive 'fremvist' ved hover?  =)

/mvh
</bole>
Avatar billede tobrukDk Novice
31. august 2012 - 16:37 #2
Jeg er glad for at du spørger ole.


Det er sådan at holder man ikke musen skal den ikke viser border eller background farve, men kun gøre sådan at det ikke ser mærkeligt ude med link :) her skal tekst være sort.


Holder man musen over så skal den vise border og background og hvid tekst.

Spørger hvis der er noget mere du vil vide?
Avatar billede tobrukDk Novice
06. september 2012 - 18:04 #3
er kommet frem et til svar og problem! :)
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