css - Problemer med position: absolute; - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css

Bruger #17136 @ 16.08.12 22:13

Hej

Det er sådan at jeg er i gang med at lave / bygge videre på min hjemmeside men det går utroligt dårligt det med position: absolute; og ligne.

HTML kode

 <div id="kig_apppenge">
                         <img src="/store_img/<?php echo $img;?>" alt="<?php echo $title;?>"/>
                         <div class="kig_apppenge1">
                             <img src="/img/penge/penge.png" alt="penge" height="32" width="32"/>
                         </div>
                 </div>

CSS kode

 .kig_apppenge {
     position: absolute;
 }
 .kig_apppenge1 {
     position: absolute;
     top: 5px;
     left: 5px;
 }

Det er sådan at det første billede der billede som skal være der. og det andet billede som høre "penge" skal kun blive vise frem hvis den er kat = 1..

Jeg er lidt løse omkring hvordan jeg skal klare problem lige nu og her.. hmm

Du kan se problem her

Klik her

Indlæg senest redigeret d. 16.08.2012 22:14 af Bruger #17136

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 11 karma

Sorter efter stemmer Sorter efter dato

Bruger #17260 @ 16.08.12 22:45

108

Smid position: relative på dit content-id, og så prøv at ændre top til 50px;

CSS kode

 #content {
 min-height: 625px;
 float: left;
 width: 780px;
 margin: 5px 5px;
 background: #F0F0F0;
 margin-bottom: 10px;
 border-radius: 7px;
 position: relative;
 }
 
 .kig_apppenge1 {
 position: absolute;
 top: 50px;
 left: 5px;
 }

Indlæg senest redigeret d. 16.08.2012 22:46 af Bruger #17260

Bruger #17081 @ 17.08.12 09:37

1.258

du har hvis også lavet en fejl her:

HTML kode

 <div id="kig_apppenge">

CSS kode

 .kig_apppenge {
      position: absolute;
  }

id på item ... class i selector

Bruger #17136 @ 16.08.12 22:49

Smid position: relative på dit content-id, og så prøv at ændre top til 50px;

CSS kode

 #content {
 min-height: 625px;
 float: left;
 width: 780px;
 margin: 5px 5px;
 background: #F0F0F0;
 margin-bottom: 10px;
 border-radius: 7px;
 position: relative;
 }
 
 .kig_apppenge1 {
 position: absolute;
 top: 50px;
 left: 5px;
 }

Takker for hjælpen!!

Bruger #17136 @ 17.08.12 14:54

du har hvis også lavet en fejl her:
HTML kode
 <div id="kig_apppenge">
CSS kode
 .kig_apppenge {
      position: absolute;
  }
id på item ... class i selector

Jeg vil lige forbedre fejl og kig på det

men tak

Problemer med position: absolute;

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler