Tettstående Bilder i en kolonne

[jfw69]

Driver å lager meg en ny hjemmeside, og fikk en idé om en artikkelkolonne. Som et eksempel kan jeg velge Vg. Det jeg da prøver å få til er at bildene står tettere.

F.eks på bildet kan du se det lille Annonse bildet som står ved siden av selve annonsen. Hvordan endrer jeg mellomrom mellom bilder med css eller html? Margin? Finner hvertfall ikke noe som virker slikt som det skal

Vg.bmp

Håper på svar

[Atch]

Bilder plasseres automatisk rett ved siden av hverandre uten mellomrom (padding, margin) dersom du ikke har lagt inn linjeskift eller spesifisert noe annet i et stilark. Hvis du er i tvil om koden din inneholder noe slikt kan du poste den her?

[jfw69]

Bilder plasseres automatisk rett ved siden av hverandre uten mellomrom (padding, margin) dersom du ikke har lagt inn linjeskift eller spesifisert noe annet i et stilark. Hvis du er i tvil om koden din inneholder noe slikt kan du poste den her?

6322904[/snapback]

Blir litt langt å sende hele skrivet tror jeg Men som et eksempel på min egen hjemmeside, kan du gå inn her å se. Jeg ønsker f.eks menytastene nermere hverandre Det er en eldre indexfil, men inneholder de samme menytastene

P.S Vet at denne siden ser ganske så dårlig og standard ut, men begynte med html på scratch for litt siden, så jeg jobber meg oppover :!:

[Atch]

Som sagt plasseres bilder rett ved siden av hverandre om du ikke har angitt noe annet. Grunnen til at bildene dine da ikke opptrer rett ved siden av hverandre, er fordi du har satt margin eller padding i stilarket, eller lagt til flere linjeskift eller avsnitt i html-dokumentet. For å få en meny loddrett nedover der lenkene er bilder, kan du skrive følgende:

 

<a href="lenkemål_her"><img src="bildelenke_her" /></a><br />
<a href="lenkemål_her"><img src="bildelenke_her" /></a><br />
<a href="lenkemål_her"><img src="bildelenke_her" /></a><br />
<a href="lenkemål_her"><img src="bildelenke_her" /></a><br />
<a href="lenkemål_her"><img src="bildelenke_her" /></a><br />
<a href="lenkemål_her"><img src="bildelenke_her" /></a><br />

 

Dette er absolutt enkleste løsning, uten bruk av liste-styling i css eller liknende. Bildene vil da bli stående rett under hverandre, uten noe mellomrom. Bytt ut "lenkemål_her" med url-en din, og "bildelenke_her" med url-en til de respektive bildene. Om du er på utkikk etter noe mer fancy kan du f.eks. se på de ulike menyene på denne siden (koden er inkludert og det er bare å klippe og lime) eller lære deg mer avansert html/ css.

 

Er forøvrig ganske ulike eksempler du kommer med, og jeg vil anbefale deg å poste koden din her om dette fortsatt ikke er det du er på utkikk etter.

 

EDIT: Du behøver ikke å legge inn hele koden din, men du kan legge inn den delen du har problemer med og forklare hva du ønsker annerledes. Om du har et stilark er det fint om du tar med det også. Eventuelt en lenke til den faktiske siden din, og ikke til en side du hadde tidligere.

 

Endret 18. juni 2006 av Atch

[jfw69]

Tusen takk for godt forklart løsning

[jfw69]

Fikk til løsningen din Har etpar spørsmål til, men de tar jeg imorgen..

Godnatt

Endret 18. juni 2006 av jfw69

[Atch]

Bare hyggelig! God natt

Endret 18. juni 2006 av Atch