css-margins

18 svar · 927 visningar · startad av eriks 6 okt. 2005

eriksMedlem sedan apr. 20011 418 inlägg

Frågan6 okt. 2005 12:07#1

Hej,

Jag har lite css-kod, där jag vill ha allting ända ut i kanten på browsern.. Sedan har jag text i en mitten-tabell, vilket jag lägger som en klass .central. Men hur ska jag göra för att texten inte ska ligga ända ut i sidan? Har testat med td-margin, margin osv osv, men det verkar aldrig funka.. Classen ligger i td-taggen.

body {
	margin: 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.central {
	td-margin: 15px 15px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

Någon som vet??

Mvh Erik

Engine^Medlem sedan dec. 20003 887 inlägg

6 okt. 2005 12:24#2

td-margin har jag aldrig hört talas om.

Börja med validering på det du har...

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

eriksMedlem sedan apr. 20011 418 inlägg

6 okt. 2005 12:37#3

Property td-margin doesn't exist : 15px 15px 15px

Ok. Men hur ska jag skriva då? Har testat det mesta tycker jag. Det handlar om att det ska vara avstånd till kanterna i just den td, men inte på de andra ställena.

Tack!

Mvh Erik

J.N.Medlem sedan apr. 20031 660 inlägg

6 okt. 2005 12:44#4

HEJ!

Margin verkar vara vad du är ute efter!
Eller padding, prova vad som blir bäst.

.central {
	margin: 15px 15px 15px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

silfverMedlem sedan apr. 200312 679 inlägg

6 okt. 2005 12:54#5

Det räcker med att skriva margin: 15px, i stället för att upprepa fyra gånger. Pröva också att skriva

html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

Engine^Medlem sedan dec. 20003 887 inlägg

6 okt. 2005 13:11#6

silfver skrev:

Det räcker med att skriva margin: 15px, i stället för att upprepa fyra gånger.

Det beror på vad man vill uppnå. I det här fallet var det inte fyra utan tre värden och det ska tolkas som margin: top sides bottom
http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/

silfverMedlem sedan apr. 200312 679 inlägg

6 okt. 2005 13:16#7

Engine^ skrev:

Det beror på vad man vill uppnå. I det här fallet var det inte fyra utan tre värden och det ska tolkas som margin: top sides bottom
http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/

Jo, jag vet. Men J.N hade skrivit det fyra gånger.

J.N.Medlem sedan apr. 20031 660 inlägg

6 okt. 2005 13:37#8

HEJ!

silfver skrev:

Jo, jag vet. Men J.N hade skrivit det fyra gånger.

Ja, det var för att först tänkte jag skriva olika siffror, för att eriks skulle se vilken som var vilken.
Men, jag ändrade mig, och skrev de 15 han använde.

Jag visste inte att tre värden tolkas som uppe, sidor, nere, eller ens att man kunde ha det.

Därför hade 15px,15px,15px varit rätt ändå, OM nu syntaxen för td-margin är likadan!

zcorpanMedlem sedan dec. 20042 245 inlägg

6 okt. 2005 13:44#9

Det finns ingen egenskap 'td-margin' i CSS. Jag vet inte riktigt vad du vill uppnå, men du kan alltid leka med 'border-collapse:collapse' eller 'border-spacing:15px'. :)

FuelMedlem sedan okt. 20001 285 inlägg

6 okt. 2005 16:20#10

jag brukar " nolla " allt först så brukar det se ganska lika ut i både IE & FF

* { margin:0; }
table { border-collapse:collapse; }
td { margin:15px 15px; }

eriksMedlem sedan apr. 20011 418 inlägg

9 nov. 2005 18:32#11

Så här ser min css ut nu:

.central {
margin: 15px 15px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

Jag lägger in den i en tabell:

Textstorlek ändras, fonten också, men marginalerna går inte in i tabellen. Jag vill inte lägga dem i body, för de ska gälla endast för denna tabellen. Se på https://www.apriorigaming.com

Mvh Erik

sputnikMedlem sedan okt. 200519 inlägg

9 nov. 2005 18:48#12

eriks skrev:

...margin: 15px 15px 15px;...

bör man inte ange ett värde på den sista åxå?! även fast det värdet är noll. uppe - höger - nere - vänster.

margin: 15px 15px 15px 0;

ehum... om det nu inte är "padding" du söker?!

zcorpanMedlem sedan dec. 20042 245 inlägg

9 nov. 2005 19:36#13

sputnik skrev:

bör man inte ange ett värde på den sista åxå?! även fast det värdet är noll. uppe - höger - nere - vänster.

'margin' kan ta ett, två, tre eller fyra värden. Man sätter ändå alla fyra sidor, och i det här fallet är det inte 0. :)

eriksMedlem sedan apr. 20011 418 inlägg

16 nov. 2005 16:42#14

Oavsett om man anger 3 eller fyra värden på margin så fungerar det fortfarande inte, och jag ser ingen rimlig utväg =(

EwikMedlem sedan apr. 200491 inlägg

16 nov. 2005 17:01#15

Den tabellen du har satt margin: 15px på har ju en marginal på 15 px. Texten "Gaming chips" och den sista paragrafen du har på sidan, den som ligger ända ut emot den röda kanten, ligger utanför tabellen du har satt din central klass på.

Du kan ju sätta padding på den tabellcell som texten ligger i. Den med en bredd på 790.

YoniMedlem sedan nov. 20051 inlägg

20 nov. 2005 10:44#16

Testa lägga in " body {margin: 0; padding: 0;} " i CSS-mallen ;-)

eriksMedlem sedan apr. 20011 418 inlägg

20 nov. 2005 17:02#17

Det hjälper inte mycket. Body-marginen är redan 0, det är margin i min tabell där texten visas, vilken jag vill ha en margin på..

InsiderMedlem sedan jan. 2000978 inlägg

20 nov. 2005 17:58#18

Är du säker på att det inte är padding du är ute efter???

.central {padding:15px;}

eriksMedlem sedan apr. 20011 418 inlägg

23 nov. 2005 22:11#19

Jo, det verkar det som! Tack.