Wyśrodkowanie grafiki oraz umieszczenie na niej elementu


(Wolin) #1

Witam,

Na początku chciałbym zaznaczyć, iż korzystałem z forumowej wyszukiwarki szukając odpowiedzi na mój problem.

Zatem sytuacja wygląda następująco:

1) Posiadam pewien plik graficzny o wymiarach 758x334. Chcę go wyśrodkować w poziome oraz obniżyć o jakąś tam odległość od góry.

2) Jak już uda mi się spełnić punkt 1) (oczywiście z waszą pomocą) to chciałbym umieścić w pewnym miejscu inną grafikę (konkretnie button) nakładając ją na obrazek z punktu poprzedniego.

3) Do tego wszystkiego nie wiem jak dodać tło (kolor bądź plik graficzny powtarzający się lub nie).

Bardzo proszę o porady oraz ewentualne podanie kodu strony, pliku CSS.

Z góry dziękuję


(Marcussmail) #2

W pliku *.css

body {

margin:0px 0px 0px 0px;

background-color:#ffffff;

background-image:url('graphic/background.jpg');

background-repeat:repeat-y;

background-position:center;

text-align: center;

}

Linijka 3 - obraz tła Linijka 4 - powtarzalność obrazka w poziomie Linijka 5 i 6 - centrowanie bloków

#container {

margin-top: 0px;

margin-bottom: 0px;

margin-left:auto;

margin-right:auto;

width:758px;

}

#heading {

background-image:url('graphic/picture.jpg');

width:758px;

height:334px;

}

Linijka 1 - obrazek który chcesz wstawić

Linijka 2 i 3 - wymiary powyższego obrazka

W pliku *.html


(Wolin) #3

Zrobiłem tak jak napisałeś Sunmar , ale wszystko mi się sypie.

Możesz podać mi jak będzie wyglądał przykładowy kod strony bo cos chyba źle robię.


(Marcussmail) #4

(system) #5

Zerknij do kursu.