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
Michał90
post
Post #2





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

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

Zrobiłem coś takiego (bardzo nieestetycznie to wygląda)

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
  4.  
  5. </head>
  6. <body>
  7. <div><img src="images/ekran-1_02.jpg" alt="forum graficzne"/></div>
  8.  
  9. <div><img src="images/ekran-1_04.jpg" alt="forum graficzne"/>
  10. <div id="obrazek"><form><input type="text" class="gh" src="images/pole.jpg" name="imie" value="tekst" ></input>
  11. <input type="submit" class="gg" src="images/ok.jpg" name="imie" value="" ></input></form></div></div>
  12.  
  13. </body>
  14. </html>
[HTML] pobierz, plaintext 


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


chciałbym to wszystko wyśrodkować, żeby nie było paska przewijania na dole bo teraz tak to zrobiłem, że nie potrzebnie sie pasek pokazał..


ekran-1_02.jpg = kolor czerwony
ekran-1_04.jpg = kolor siwy
pole.jpg = kolor niebieski input
ok.jp = przycisk submit po prawej str. koło pole.jpg
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: 4.10.2025 - 03:01
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn