/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
problemer med billedbokse!
Fra : Martin Wilms


Dato : 20-09-06 01:41

Hej alle!

Som nybegynder på sitet er jeg nu stødt på mit første og ret
(tror jeg nok) banale problem.

hvordan ville man i css skrive hvis man ønskede to billeder
identiske i størrelse sat ind umiddelbart ovenpå hinanden, og med
seperate tekstbokse ved siden af.

jeg bruger float:left, og sætter en boks til højre for det første
billede, men når jeg gentager proceduren med billed nummer to
kommer boksen med tekst til at stå under billedet og ikke under
den første tekstboks....

body {background-color: #fffooo; url("..\mesh.gif");
background-image: url("..\mesh.gif");
background-repeat: repeat;
background-attachment: fixed;
margin: 100px 40px 10px 70px;}
h1 {color: #990000;}

p {color: #990000;}

#billed1 { float:left;
width: 50px;}

#billed2 { float:left;
width: 50px;
    position:absolute;
    top: 310px;
    left: 70px;}
div.boks {
    height:200px;
width: 150px;
    border: 1px solid black;
    background: orange;}

her er hvad jeg har gjort indtil videre.

Jeg ved ikke om jeg har udtrykt mig klart nok, men jeg håber at
nogen kan hjælpe mig.

Martin

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jørn Andersen (20-09-2006)
Kommentar
Fra : Jørn Andersen


Dato : 20-09-06 09:14

On 20 Sep 2006 00:41:11 GMT, Martin Wilms <xzibit52@hotmail.com>
wrote:

>hvordan ville man i css skrive hvis man ønskede to billeder
>identiske i størrelse sat ind umiddelbart ovenpå hinanden, og med
>seperate tekstbokse ved siden af.
>
>jeg bruger float:left, og sætter en boks til højre for det første
>billede, men når jeg gentager proceduren med billed nummer to
>kommer boksen med tekst til at stå under billedet og ikke under
>den første tekstboks....
>
<snip noget CSS>
>her er hvad jeg har gjort indtil videre.
>
>Jeg ved ikke om jeg har udtrykt mig klart nok, men jeg håber at
>nogen kan hjælpe mig.

Det er langt nemmere at svare, hvis du lægger isden på en server, så
vi kan se den.

Mvh. Jørn

--
Jørn Andersen,
Brønshøj

Jørgen Farum Jensen (20-09-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 20-09-06 10:21

Martin Wilms skrev:
> Hej alle!
>
> Som nybegynder på sitet er jeg nu stødt på mit første og ret
> (tror jeg nok) banale problem.
>
> hvordan ville man i css skrive hvis man ønskede to billeder
> identiske i størrelse sat ind umiddelbart ovenpå hinanden, og med
> seperate tekstbokse ved siden af.
>
> jeg bruger float:left, og sætter en boks til højre for det første
> billede, men når jeg gentager proceduren med billed nummer to
> kommer boksen med tekst til at stå under billedet og ikke under
> den første tekstboks....

<div class="pixbox">
<img class="pix" ... />
<p class="pixtext">
....
</p>
</div>

p.pixtext vil automatisk flyde op på højre side af
billedet, men ikke højere end div.pixbox tillader.
En ny pixbox vil i sagens natur følge lige efter den
første.
--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Jørgen Farum Jensen (20-09-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 20-09-06 10:59

Jørgen Farum Jensen skrev:

> <div class="pixbox">
> <img class="pix" ... />
> <p class="pixtext">
> ...
> </p>
> </div>
>
> p.pixtext vil automatisk flyde op på højre side af
> billedet, men ikke højere end div.pixbox tillader.
> En ny pixbox vil i sagens natur følge lige efter den
> første.

Læs:
En ny pixbox vil i sagens natur følge lige efter den
første - /hvis du giver img.pix egenskaben clear:left;/

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste