[css]Centrowanie tekstu w pionie przy obrazku


(Lysy1033) #1

Witam. Mam problem z pionowym centrowaniem tekstu. Chodzi o tekst znajdujący się po prawej stronie od loga "Strona w budowie..."

tekst siedzi w divie o nadanej na sztywno wysokości i szerokości. W tym divie jest tez obrazek pełniący rolę linku.

kod css tego diva w którym siedzi owy tekst:

#LayTop {

background-image: url(../images/bw.jpg);

background-repeat: repeat-x;

height: 58px;

clear: both;

float: right;

width: 890px;

color: white;

font-size: 14px;

font-family: Tahoma;

margin-bottom: 5px;

vertical-align: middle;

}

Tutaj całe style:

http://elaszczow.pl/css/style.css

A tutaj cała strona:

http://elaszczow.pl


(Rkizeweter) #2

Ten text jest przyklejony do obrazka - to dlatego. Nie lepiej jako background zrobić całość razem z logo i wtedy se ustawisz ten napis.


(Lysy1033) #3

no chciałbym mieć logo w linku. a jako tło mam pionowy pasek co sie powtarza po całej długości. A jak mogę odkleić ten tekst?


(Rkizeweter) #4

Musisz zrobić styl dla tego tekstu i ustawić własność position na absolute - ale to nie jest dobre bo jest wzgledem monitora - wiec pozostaje tylko pierwsza opcja + ustawienie marginesów wewnątrz tego diva dla tekstu (też jako nowy styl). Chyba że jakiś master coś innego podsunie.


(system) #5

Można pozycjonować tekst absolute pod warunkiem że div LayTop dopiszę się:

position: relative;

Wtedy tekst będzie pozycjonowany względem 'rodzica' a nie okna przeglądarki. Jednak użycie margin można z powodzeniem zastosować do tekstu zamiast pozycjonowania.


(Lysy1033) #6

niestety marginesy nic nie dają dalej nie moge podnieść tego tekstu


(Monczkin) #7

Proszę nazwać temat konkretnie.


(Spam) #8

Dla tekstu:

line-height: 58px;

BTW, link nie działa.


(Lysy1033) #9

problem już rozwiązałem pozycjonowaniem absolutnym z pomocą kolegi z innego forum. Link chwilami może nie działać bo wprowadzam połączenia z bazą przyjazne linki itd także różnie może być


(Spam) #10

Przecież takie rzeczy to się lokalnie robi :o


(Lysy1033) #11

jak by tak sie dalo to bym tak zrobil


(Spam) #12

A dlaczego twierdzisz, że się da?

Masz problemy z odpaleniem czegoś? Pisz :wink: