Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Nakładanie się dwóch obrazów tła na siebie.
December
post 11.05.2011, 14:36:42
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 7.05.2011

Ostrzeżenie: (0%)
-----


Witam,
chciałem uzyskać bardzo popularny efekt menu:
Kod
-----------------------------------------------
Menu:      |                                            
Opcja 1    |    Coś tam                            
Opcja 2    |  odnośnie wybranej opcji      
Opcja 3    |                                            
------------------------------------------------



Coś takiego wink.gif


Napisałem taki kodzik:

Kod
<c style="margin-left: 30px; float: left;">
<p style="color: white; background-image: url( tlo.gif);font-weight:700">Menu:</p>
<div>Bla</div>
<div>Bla</div>
<div>Bladawdwadwawa</div>
<div>Bla</div>
</c>


<blabla style="margin-left: 30px; ">
<p style="color: black; font-weight:700;background-image: url( tlo2.gif);text-align:center">Blabla:</p>
</blabla>


Zadowolony jestem, iż napis "Blabla:" wyśrodkowuję się względem tej reszty ekranu - bez menu, jednak obrazek tła, zamiast "być tłem" na swojej "arenie", wyświetla się od początku strony.

Zdjęcie:

http://iv.pl/images/91343285165789649398.jpg


Co można na to poradzić?


Mam jeszcze jedno pytanie, tutaj moje menu przybiera kształt najdłuższego tekstu w nim, a czy dałoby radę ustalić to na procenty? Np 20% szerokości od lewej - "pole" dla menu, reszta dla pozostałej części strony?



Proszę o odpowiedzi. wink.gif
Pozdrawiam i dziękuję!
December.
Go to the top of the page
+Quote Post
Rid
post 11.05.2011, 15:00:13
Post #2





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


Proszę spróbować w ten sposób:
w tagu body ustawić tło;
<body style="color: black; font-weight:700;background-image: url( tlo2.gif)>
Go to the top of the page
+Quote Post
gecior
post 11.05.2011, 15:46:42
Post #3





Grupa: Zarejestrowani
Postów: 63
Pomógł: 1
Dołączył: 16.08.2007

Ostrzeżenie: (0%)
-----


Próbowałem zrozumieć o co chodzi, ale nie rozumiem problemu.
Go to the top of the page
+Quote Post
December
post 11.05.2011, 18:54:45
Post #4





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 7.05.2011

Ostrzeżenie: (0%)
-----


Chodzi o to, że wygląda to tak:

http://iv.pl/images/91343285165789649398.jpg

A jak bym chciał żeby wyglądało tak:

http://iv.pl/images/55549166477182930843.jpg

sad.gif
Go to the top of the page
+Quote Post
t_e_l
post 11.05.2011, 21:09:55
Post #5





Grupa: Zarejestrowani
Postów: 21
Pomógł: 5
Dołączył: 7.05.2011

Ostrzeżenie: (0%)
-----


Nie wymyślaj cudów typu <c></c> czy <blabla></blabla> bo takiego czegoś w htmlu nie ma, nie można po prostu wpisać np div ?

Cytat
Zadowolony jestem, iż napis "Blabla:" wyśrodkowuję się względem tej reszty ekranu - bez menu, jednak obrazek tła, zamiast "być tłem" na swojej "arenie", wyświetla się od początku strony.
Wyświetla się tak bo nadałeś jednemu elementowi float a drugiemu już nie.

Co do rozmiarów... możesz je ustalić w px, lub w % jeżeli chcesz, a Twoje menu wygląda tak jak wygląda bo żadnych przecież nie określiłeś.
Go to the top of the page
+Quote Post
boro11
post 11.05.2011, 21:16:40
Post #6





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 9.07.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Dodaj w css:

  1. float: left;
  2. overflow: hidden;


i ustal rozmiary divów smile.gif

Tymi prostymi komendami określi jak mają być ustawione divy tzn. jeden obok drugiego.

Ten post edytował boro11 11.05.2011, 21:18:08
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 3.05.2025 - 05:32