Space mellan text och kant i box?

7 svar · 473 visningar · startad av caze 26 mars 2006

cazeMedlem sedan sep. 20016 059 inlägg

Frågan26 mars 2006 03:49#1

Skulle vilja ha lite space mellan kanten och texten i följande box men vet inte riktigt hur jag ska få in det i css koden:

  #white
  	{
	width: 420px; 
	height: 100%;
	padding: 0px;
	border: 0px solid;
	background-image: url(white.gif);
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	color: #333333;
	line-height: 155%;
  	margin: 0 auto;
  	align: left;
  	valign: center;	
  	}

tantenMedlem sedan nov. 20051 596 inlägg

26 mars 2006 06:31#2

Beror på vad du ska ha texten i för något. Ska du ha <p> kan du skriva
#white p{padding: 2px 4px 1px 2px;}
för lite olika space på de fyra sidorna. Första siffran är top och så går man r, b, l. En siffra får du samma space runt om.

bossseMedlem sedan juni 2003772 inlägg

26 mars 2006 06:36#3

padding-left: 10px;

eller

padding: 10px;

tantenMedlem sedan nov. 20051 596 inlägg

26 mars 2006 07:20#4

såg nu att du hade med dessa och de är inte giltiga.
align: left;
valign: center;

Om du använder padding direkt på diven så kommer din width 420px inte längre stämma. Med t.ex 10px blir den 440px bred.
Sätter du värden på element inne i diven så behåller du divens 420px
Du får testa och se vad som passar dig bäst.

cazeMedlem sedan sep. 20016 059 inlägg

26 mars 2006 21:31#5

tanten skrev:

Sätter du värden på element inne i diven så behåller du divens 420px
Du får testa och se vad som passar dig bäst.

Jag kommer inte på hur jag ska göra detta? Känns inte speciellt bra att skapa en ytterligare tabell liksom.

CssonMedlem sedan feb. 2000438 inlägg

26 mars 2006 21:40#6

Du kan ju sätta:

#white p { 
    margin: 10px;
}

tantenMedlem sedan nov. 20051 596 inlägg

26 mars 2006 22:21#7

Prova detta då...
<td class="white"><span class="space">texten</span></td>
Gör om ditt #white till .white{med ditt innehåll}
och lägger till denna.
.space{padding: 3px;}
Antar att det är på din hemsida du ska ha det med texten som nästan försvinner åt höger. Så du ska bara använda detta på det td som texten finns i...

cazeMedlem sedan sep. 20016 059 inlägg

27 mars 2006 00:10#8

Ok, gjorde bara en tabell nu med cellspacing och padding vilket fungerade.