Css - rozstawienie i kolor tekstu


(Kloc221) #1

Witam

Umieściłem sobie na stronie taki kod :

tekst
i w css coś takiego :

.reccen {

width: 54px; height: 54px;

background: url('images/reccen.png') 0 0 no-repeat;

text-align: center;

margin-top:7px;

font:#38363A;

margin-right:5px;

float: right;

}

Mam pewne problemy dałem tekst w obrazku i go wyśrodkowałem pionowo ale nie wiem jak go wyśrodkować poziomo ? Nie wiem również jak nadać tekstowi kolor ? - Chcę to dodać do css


(flaszer) #2

Tutaj masz temat w którym było poruszane zagadnienie wyśrodkowania. Natomiast kolor ustawiasz znacznikiem 'color: black'.


(tridex) #3

~kloc

Weź poszukaj na Internecie trochę, a nie zasypujesz forum pierdołami...

http://www.kurshtml.boo.pl


(pain3hp) #4
padding-top: 27px;

ocziwscie musisz takze odjac 27px z heighta ->

height: 24px

vertical-align działa dopiero gdy określisz line-height bo on ustawia srodek lini..


(Kloc221) #5

Nie chcesz pomóc - nie pisz wcale...

Reszcie dzięki za pomoc :slight_smile:


(MaXDemage) #6

Tak sobie myślę, że to absolutnie niepotrzebne kombinowanie gdy całość można rozwiązać jedna linijką bez potrzeby obliczenia czegokolwiek , nawet jeśli to zwykłe odejmowanie ;p (poza tym to powyższy kod nie centruje, trzeba by dać padding-top z różnicą połowy wysokości linii tekstu i dać wysokość ponownie odpowiednio zmodyfikowaną). Poniżej moje rozwiązanie:

line-height:54px;

Ustawiamy wysokość linii identyczną wysokości kontenera i jak to się mawia 'wuala', tekst magicznie się centruje (przynajmniej powinien xD).

Nom 8)