Kom ihåg mig?
Home Menu

Menu


Mellanrum mellan bilder

Ämnesverktyg Visningsalternativ
Oläst 2008-06-25, 20:01 #1
cezar cezar är inte uppkopplad
Medlem
 
Reg.datum: Apr 2006
Inlägg: 260
cezar cezar är inte uppkopplad
Medlem
 
Reg.datum: Apr 2006
Inlägg: 260
Har modifierat lite i CSSn för ett bildgalleriscript som visar alla bilder som ligger i en viss folder på servern. Nu när den listar alla bilder så sitter de ihop horisontalt och bryter av då withen slutar men bilderna "sitter ihop". skulle helst vilja ha en 4px mellanrum mellan varje bild.

Finns det något attribut kan göra det för alla bilder i en viss div?

Försökte med img#thumbs { ... }. både margin och padding utan framgång.

Såhär ser det ut nu.

Tacksam för svar.

//J
cezar är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-06-25, 20:06 #2
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
ja det är ju margin du skall använda. Om det är just img#thumbs betvivlar jag.
#thumbs är en id-markör och skall avse ett element, finns det en class på divven som omsluter alla bilder eller hur ser htmlen ut?

Så här skulle kunna se ut om omslutande div hade classen "thumbs"
div.thumbs img {margin: 0 4px 4px 0;}
allstars är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-06-25, 21:18 #3
cezar cezar är inte uppkopplad
Medlem
 
Reg.datum: Apr 2006
Inlägg: 260
cezar cezar är inte uppkopplad
Medlem
 
Reg.datum: Apr 2006
Inlägg: 260
Citat:
Originally posted by allstars@Jun 25 2008, 20:06
ja det är ju margin du skall använda. Om det är just img#thumbs betvivlar jag.
#thumbs är en id-markör och skall avse ett element, finns det en class på divven som omsluter alla bilder eller hur ser htmlen ut?

Så här skulle kunna se ut om omslutande div hade classen "thumbs"
div.thumbs img {margin: 0 4px 4px 0;}
Okej,

bilderna ligger i en div som har id "thumbs".
Såg att det var satt till: "margin: 0 auto:" för att centrera alla bilder.

Lade in "div#thumbs img { margin: 0 4px 4px 0 }" i CSSen så fungerade det bra sen.

Tack för hjälpen!
cezar är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-06-26, 10:16 #4
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
Ja se där. Det gick ju fint.

Läs nu på med lite CSS
allstars är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 18:40.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017