Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]obrazek na obrazku + tekst
Michał90
post
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 16.05.2007

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

Witam,
chce zrobić coś takiego:
(IMG:http://images46.fotosik.pl/599/05a8610052d09411gen.jpg)

kolor biały- tło
kolor czerwony - obrazek
kolor niebieski - obrazek (input obrazkowy)
kolor siwy- obrazek

Jak to zrobić na divach ? w szczególności mam problem dania tego niebieskiego obrazka na ten siwy..

Prosze o pomoc

Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
askone
post
Post #2





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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

Troszkę zmieniłem strukturę strony, style też uległy zmianie. Popatrz i wyciągnij wnioski (IMG:style_emoticons/default/wink.gif) 

[HTML] pobierz, plaintext 
  1. <body>
  2. 	<div id="container" style="margin: 0pt auto; width: 1100px;">
  3. 		<div style="width: 925px; margin: 0pt auto;">
  4. 			<img alt="forum graficzne" src="images/ekran-1_02.jpg">
  5. 		</div>
  6. 		<div style="width: 925px; margin: 0pt auto; background: url("images/ekran-1_04.jpg") no-repeat scroll 0pt top transparent; height: 252px;">
  7. 			<form style="width: 100%; height: 100%;">
  8. 				<input type="text" class="gh" src="images/pole.jpg" name="imie" value="tekst">
  9. 				<input type="submit" class="gg" src="images/ok.jpg" name="imie" value="">
  10. 			</form>
  11. 		</div>
  12. 	</div>
  13. </body>
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1. body {
  2.     background: url("tlo.jpg") repeat scroll 0 0 transparent;
  3. }
  4. #obrazek {
  5.     background: url("images/pole.jpg") no-repeat scroll 0 0 transparent;
  6.     bottom: 222px;
  7.     left: 350px;
  8.     position: relative;
  9. }
  10. div {
  11.     position: relative;
  12. }
  13. .gh {
  14.     background-image: url("images/pole.jpg");
  15.     border: 0 none;
  16.     color: #FFFFFF;
  17.     display: inline;
  18.     float: left;
  19.     height: 34px;
  20.     left: 320px;
  21.     padding-left: 10px;
  22.     position: relative;
  23.     top: 40px;
  24.     width: 185px;
  25. }
  26. .gg {
  27.     background-image: url("images/ok.jpg");
  28.     border: 0 none;
  29.     color: #FFFFFF;
  30.     display: inline;
  31.     float: left;
  32.     height: 34px;
  33.     left: 321px;
  34.     position: relative;
  35.     top: 40px;
  36.     width: 54px;
  37. }
[CSS] pobierz, plaintext


Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie
- Michał90   [HTML][CSS]obrazek na obrazku + tekst   17.02.2011, 14:06:01
- - askone   Jeśli ten "siwy" ma być tłem dla formula...   17.02.2011, 14:24:56
- - Michał90   Zrobiłem coś takiego (bardzo nieestetycznie to wyg...   17.02.2011, 14:53:15
- - askone   Masz to dostępne gdzieś online??   17.02.2011, 15:14:33
- - Michał90   http://www.graphicforart.pl/1/index.html   17.02.2011, 21:27:33
- - askone   Patrząc teraz na udostępnioną wersję online mam wr...   18.02.2011, 07:40:00
- - Michał90   nie do końca.. ten pasek przewijania na dole ...   18.02.2011, 10:03:12
- - askone   Troszkę zmieniłem strukturę strony, style też uleg...   18.02.2011, 10:37:51
- - Michał90   Dzięki!   18.02.2011, 12:01:21

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 12.10.2025 - 15:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn