Avatar billede crabber Nybegynder
20. juni 2007 - 14:34 Der er 5 kommentarer og
1 løsning

Flyvende images?

Jeg har nogle grupper af produkter som KAN sættes til at være en nyhed. Derfor lavet noget hvor på man kan lægge et billede oven på gruppe billede.

Kunne lave det med css, men grupper blive udskrevet fra databasen og ligge ikke fast.

Hvordan kan jeg så lave det. Nyheds billede må ikke sidde fast på gruppe billede.

Casper
Avatar billede majbom Novice
20. juni 2007 - 14:42 #1
jeg går ud fra det er på en hjemmeside? er det noget du har et link til? det er meget svært at forstå hvad du mener :)
Avatar billede crabber Nybegynder
20. juni 2007 - 15:02 #2
Her er et link
Som du kan se vil jeg gerne have nyhed billede til at være oven på det andet.
Jeg har forsøgt mig med  z-index men kunne ikke lige så det til at virke
http://ny.enotech.dk/index.php?side=bygauto&underside=grupper&id=1
Avatar billede -zonic- Nybegynder
20. juni 2007 - 15:37 #3
så vidt jeg kan se vil mangler du noget positionering...

position:absolute... hvis du så vil have styr på billederne kan du jo lave en relativ positioneret div omkring det, så det absolutte bliver indenfor den relative div.. og så skal du jo bare bestemme hvad der ligger forrest med z-index :)
Avatar billede crabber Nybegynder
20. juni 2007 - 16:26 #4
Så jeg skal lave billede postion:absolute og lave en div rundt om begge billeder om er relativ? Kan jeg lave relativ på et ahref?
Avatar billede crabber Nybegynder
21. juni 2007 - 11:13 #5
Hey har prøvet det du skrev, men kan ikke lige få det til at virke...

Her er koden.
KODEN:::::::::::::::::::::::::::
    <a href="index.php?side=<?php echo $side; ?>&amp;underside=produkter&amp;gid=<?php echo $row["id"]; ?>" class="emne_a">
        <div class="grup_div">
            <img class="grup1_img" src="images/nyhed2.gif" alt="<?php echo $row['alt']; ?>" align="middle" border="0"/>
            <img class="grup2_img" src="images/gruppe_images/<?php echo $row['url']; ?>" alt="<?php echo $row['alt']; ?>" align="middle" border="0" />
        </div>
       
    </a>
CSS KODEN::::::::::::::::::::::::::::::::::::
img.grup_img1{
    width:100px;
    height:100px;
    border:0;
    clear:both;
    position:absolute;
    z-index:2;
}
img.grup_img2{
    width:100px;
    height:100px;
    border:0;
    clear:both;
    position:absolute;
    z-index:1;
}
div.grup_div{
    width:100px;
    height:100px;
    position:relative;
    border:1px solid black;
}

Håber det kan hjælpe
Avatar billede crabber Nybegynder
02. juli 2007 - 08:31 #6
svar
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
Kurser inden for grundlæggende programmering

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