Avatar billede justask Nybegynder
24. april 2006 - 09:39 Der er 6 kommentarer

positionering af billeder

Hej Eksperter

Jeg skal positionere to billeder henover hinanden, men kan ikke helt få det til at fungere. Jeg har lavet et eksempel her: http://askbar.dk/tmp/template.jpg. Elementet med de to billeder og tekst nedenunder gentages løbende - jeg forestiller mig det bliver en tabel hvor elemenet gentages i cellerne. Det grønne billede skal ligge nederst og være alignet (top-)venstre mens det gule skal alignes midt-højre.

Og hvis det ikke er for meget forlangt ville jeg også gerne se eksempler på at gule billede er alignet midt-center eller med et bestemt antal pixels fra toppen af elementet. Og det skal selvfølgelig helst virke i både IE og Firefox.

Håber I kan hjælpe - takker  :)
Avatar billede esbenn Nybegynder
24. april 2006 - 14:05 #1
http://www.html.dk/tutorials/css/lektion15.asp
En god toturial til det.. :-)
Avatar billede justask Nybegynder
24. april 2006 - 14:19 #2
Tak. Jeg mangler nok at skrive, i mit spørgsmål, at det skal være en generisk løsning. I den tutorial du nævner skal man placere billederne med "absolute", så man skal kende den placering de skal ha'. Jeg kender ikke den præcise placering i pixels for hvert billede.
Avatar billede esbenn Nybegynder
24. april 2006 - 14:21 #3
Hmm.. Ja så kan det nok ikke hjælpe s´å meget.. ;)
Avatar billede olebole Juniormester
25. april 2006 - 15:55 #4
<ole>

Du kan ikke med CSS lave en generisk løsning uden f.eks. at kende billedernes højde/bredde. Hvordan skal det mere præcist bruges?

/mvh
</bole>
Avatar billede justask Nybegynder
25. april 2006 - 16:45 #5
Det er til en hjemmeside hvor der skal ligge et billede med et logo henover og med lidt tekst nedenunder. Man kan så klikke på logo/tekst for at se hele kataloget. Antallet vil variere, men ca. mellem 30 og 70 stykker. Alt efter antallet vil eksemplet således vokse  i højden (i bredden vil der altid være 3 stk.).

Andet?
Avatar billede olebole Juniormester
25. april 2006 - 16:50 #6
Ja, prøv med et link  :)
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