CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

ChristianRLarsen Nybegynder

03. juli 2011 - 23:48 Der er 8 kommentarer og
1 løsning

Billeder i div

Hej eksperter

Jeg har lavet en div hvor der lægger 2 billeder i. Mit problem er dog bare billederne skal ligge lidt over hinanden hvordan gør jeg dette? håber i forstår hvad jeg mener. :)

MVH Christian

Synes godt om

Slettet bruger

03. juli 2011 - 23:57 #1

Du placerer dem ovenpå hinanden og bruger følgende css:

position: relative;
bottom: 251px;
left: 143px;

I tilfælde af, at position:relative ikke duer (fordi den netop skubber til noget andet), så brug position:absolute istedet.

Synes godt om

ChristianRLarsen Nybegynder

04. juli 2011 - 00:11 #2

Hej Steeven

Nu sagde jeg bare 2 billeder lidt over hinanden. Men billederne er med en skrå kant på begge.

Se her: http://www.clantemplates.com/

i deres top menu sidder deres billeder helt ind til hinanden. Det er også sådan mine skal side, men på min kommer mellemrummet. Men hvordan for jeg rykket dem længere til venstre så de sídder helt oppe af hinanden? i den samme div

Synes godt om

NielsErikP Mester

04. juli 2011 - 01:01 #3

Hej..
Er det ikke sådan her :

[div]
<head>
<style type="text/css">

#billede_1_div {
float:left;
}

#billede_2_div {
float:left;
}
</style>
</head>

<div id="billede_1_div">

<img src="Stil til dit billed1> />

</div>

<div id="billede_2_div">

<img src="Stil til dit billed2> />

</div>

Ved ik om det er det du mener.

Synes godt om

ChristianRLarsen Nybegynder

04. juli 2011 - 14:12 #4

Hej Niels

Tror ikke det var det jeg mente. Hvis du kigger på linket kan du se deres øverste menu billeder har skrå kanter. Så hvis de bare plaserede dem ved siden at hinanden sådan her <img src=""><img src=""> så ville de ikke komme til at siddde helt oppe af hinanden som de gør

Synes godt om

NielsErikP Mester

05. juli 2011 - 00:54 #5

Hej...
Hmmm... Tja jeg kan jo godt se selv menu "blokkene" har skrå kanter. Ved squ ik, men tror ik det er ren Html/css.. Der er jo godt nok noget css, der kan lav runde hjørner osv i nogle browsere. Men mit gæt ville være at det nok er fabrikeret med noget javascript ind over.

Synes godt om

Slettet bruger

05. juli 2011 - 10:49 #6

Nej nej, ingen javascript nødvendig.

Kig på kildekoden til siden i linket.
Menupunkterne er sat op som listeelementer <li>. Disse er så sat til float:left, så de ligger på linje. De har hver et baggrundsbillede, som er denne skråsidede firkant, hvor hjørnerne, som jo skal forestille at være skåret væk, er gennemsigtige pixels. Samtidig har de sørget for, at alle disse menupunkter har en width, der svarer til baggrundsbilledebredden, så boksen altid vi ligne en knap.

Og så kommer magien: Alle menupunkterne får en margin-left: -26px;

Synes godt om

ChristianRLarsen Nybegynder

05. juli 2011 - 13:57 #7

Hej steeven.

Du har fuldstændig ret. Tusind tak for hjælpen også dig Niels(:

Synes godt om

Slettet bruger

05. juli 2011 - 14:01 #8

Så lidt.

Synes godt om

NielsErikP Mester

05. juli 2011 - 20:43 #9

Hej..
Jamen velbekom da, jeg prøvede jo bare ;-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS