Kode 2 billeder ovenpå hinanden?

Tags:    html css

<< < 12 > >>
Hej.



Jeg skal have sat sådan 8 billeder op på en hvid/blank htmlside.

Billedet består af et baggrundsbillede som vil være 8 forskellige+ delvis transparent sort boks med tekst, og en knap som f.eks. ville hedde tilmeld som går igen på alle de andre 8 billeder.

Tilmeld skal der linkes til den samme side, og de andre billeder skal linke til 8 forskellige sider.

De skal opsættes under hinanden. Er der en som kan vise en kode på dette? Jeg giver gerne 150 point for løsningen. Det behøver ikke være avanceret, men f.eks. i stedet for et direkte til et billede online, kunne det bare være http://xxx.

Tak





Indlæg senest redigeret d. 09.12.2010 23:17 af Bruger #11207
16 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
Du skal bruge CSS functionen index-z, som fortæller hvilket lag billedet skal være i.

Fold kodeboks ind/udHTML kode 


Ville gerne være mere behjælpelig, men forstår ikke helt, hvad det er du søger.

Edit: Glemte en "



Indlæg senest redigeret d. 01.10.2010 19:50 af Bruger #7662
Fx her: www.greenweb.dk, på min halvt færdige side. Baggrunden på det øverste billede er lysegrønt i toppen, og mørkegrønt i bunden. Det mørkegrønne svæver ikke over det andet, det er en del af billedet.

Det eksempel du viser, er netop det billede du skal bruge, bare uden tekst, den skal du selv kunne skrive, giver det mening?



...alternativet er naturligvis at lave 3 div, med hver sin baggrund, og billedet til baggrunden laver du således som din bar ser ud nu, dvs, delvis transparent.



som steffan siger du skal bruge z-index

http://www.html.dk/tutorials/css/lektion15.asp

så laver du et div

<div id="beskrivelse">Din tekst oven på billedet</div>



Altså teksten er inde på billedet, altså skrevet i photoshop. Jeg vil bare gerne have de 2 billeder ovenpå hinanden, og linke til eksterne sider på hver af de 2 billeder.



Kan du prøve at illustrere i photoshop, hvad det er du gerne vil have lavet?



Pilen viser hvor det andet billede skal være og har såmænd også lavet en transparent boks for at vise det.

http://img9.imageshack.us/i/bgbillede.jpg/

Her er et f.eks. på boksen:

http://img831.imageshack.us/i/seknap.jpg/

- Billederne skal stadig linke til en ekstern link.



så skal du på det div som har den knap der skal have et link lave

#menu_knap a {

}



så skal du på det div som har den knap der skal have et link lave

#menu_knap a {

}


Pas :(



Pilen viser hvor det andet billede skal være og har såmænd også lavet en transparent boks for at vise det.

http://img9.imageshack.us/i/bgbillede.jpg/

Her er et f.eks. på boksen:

http://img831.imageshack.us/i/seknap.jpg/

- Billederne skal stadig linke til en ekstern link.

:-)



tror du skal læse lidt om CSS



<< < 12 > >>
t