Horisontell justering av fält

Posted by Fredde on January 1, 2011 at 1:18pm

Här kommer antagligen en mycket enkel fråga.
Jag försöker komma ett sätt att centrera utmatningen av fält i views.. Lyckas inte.
Jag har lagt in semantic views för att jag trodde att det skulle funka att skriva en center-tag, "align: center" eller något liknande där. Men inget verkar funka? Ska nämnas att jag är helt grön på CSS etc.

Borde inte även horisontell justering vara justerbart direkt i views på något vis?

Comments

align fungerar bara på inline

Posted by Snipon on January 3, 2011 at 1:02pm

align fungerar bara på inline element, på block element får du använda dig av margin auto. (margin: 0 auto; där 0 anger top och bottom margin)
blockelementet du skall aligna måste dock ha en bredd, annars vill den inte.

-Simon

Kan jag använda detta i

Posted by Fredde on January 3, 2011 at 3:35pm

Kan jag använda detta i semantic views på något sätt eller måste jag skriva ett eget template för att få det att fungera? Mixtrade lite men fick det ändå inte att fungera... Det konstiga är att så fort jag ändrade till semantic views som stil så centrerades bildfältet utan att jag gjort något...? Jag ville iofs centrera även bilden så det får gärna va så men jag vill även kunna centrera link-fältet som ligger under bilden.

text-align: center

Posted by JockeL on January 3, 2011 at 5:58pm

I css:en kan du centrera dina fält med "text-align: center". Om din view har klassen ".views-minview", och du använder text-align:center här så centreras allt innehåll som skrivs ut i din view, även bilder.

Joakim Lundberg | Kollegorna

Med andra ord måste jag lägga

Posted by Fredde on January 4, 2011 at 10:19am

Med andra ord måste jag lägga en separat css-class i style.css och peka på den i fältinställningarna för semantic views?

Om du vill centrera allt som

Posted by JockeL on January 4, 2011 at 10:15pm

Om du vill centrera allt som skrivs ut i din view kan du använda den klass som views redan har skapat för den. Om du döpte din view till "products" när du skapade den, så har den redan en klass i stil med .view-products. Granska källkoden för att se alla klasser som du kan använda. Det enda du behöver göra i detta fall är att öppna style.css och lägga till:

.view-products {text-align:center;}

Om du bara vill centrera utvalda fält så gör du precis som du skrev. Med semantic views tilldelar du fältet önskad klass som du sen använder i style.css på samma sätt som ovan.

Joakim Lundberg | Kollegorna