css-margins

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

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/

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

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;
}

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;
}

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/

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.

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!

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'. :)

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; }

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:

<table border="0" cellspacing="20" cellpadding="0" class="central">

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

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?!

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. :)

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

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.

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

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å..

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

.central {padding:15px;}

Jo, det verkar det som! Tack.