Forum PHP.pl > [HTML][CSS]Ustawienie ramek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Ustawienie ramek

adrianozo

15.05.2010, 16:45:56

Witam.
Podczas kodowania nowego layoutu pod portfolio napotkałem problem. Nie mogę wypozycjonować dwóch ramek. Chodzi o tą ramkę w aktualnie realizowane i w reklamie. Oby dwie powinny być pod obrazkami, ale tak nie jest.

STRONA:
Adres strony

CSS:

Kod

div#realizacja_glowny
{
font-family: Tahoma;
background: #FFFFFF url(images/realizacja_s.png) repeat-y;
width: 33%;
margin: 0 auto;
float: right;
}
div#ramka
{
background: url(images/ramka.png) no-repeat;
height: 112px;
margin: 0 auto;
}
div#reklama
{
font-family: Tahoma;
width: 1024px;
height: 196px;
float: left;
background: #FFFFFF url(images/reklama.png) repeat-y;
margin: 0 auto;
}
div#rek
{
background: url(images/rek.png) no-repeat;
height: 125px;
margin: 0 auto;
}

Z góry dziękuje za pomoc

Pozdrawiam

pedro84

15.05.2010, 16:59:54

Musisz ją wypozycjonować za pomocą

[CSS] pobierz, plaintext 
background-position:value;
[CSS] pobierz, plaintext

jeśli chcesz używać w ten sposób.

adrianozo

15.05.2010, 17:42:31

Ok w poziomie zadziałało, ale w pionie nie

pedro84

15.05.2010, 17:48:05

Poczytaj o tym tutaj. Na pewno sobie poradzisz.

adrianozo

15.05.2010, 17:54:53

Dając tak:

[CSS] pobierz, plaintext 
background-position: center center;
[CSS] pobierz, plaintext

Środkuje tylko w poziomie

tehaha

15.05.2010, 18:00:49

bo do środkowania w pionie i poziomie trzeba dać : center middle // jeżeli masz odpowiednio ustawioną wysokość i szerokość bo nie patrzałem jak tam na stronie masz

adrianozo

15.05.2010, 18:05:53

Odpowiednia czyli?

tehaha

15.05.2010, 18:12:01

jeżeli do background dodasz middle to obrazek tła zostanie wyśrodkowany względem wysokości, w tej sytuacji jeżeli np. Twój box #reklama ma wysokość 196px umieszczasz w nim kolejny div#rek gdzie tłem jest ten czarny prostokąt to jemu też musisz nadać taką samą wysokość

// jednak samo center wystarczy nie używa się middle, ale u Ciebie i tak tego tak nie wyśrodkujesz bo masz nagłówek h2, który Ci w tym przeszkadza, przede wszystkich rób rozciągliwe boxy a nie ze sztywną wysokością

adrianozo

15.05.2010, 18:30:16

Dzięki za pomoc

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.