Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> HTML/CSS rozciągnięcie obrazka
Jamjest
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 19.05.2010

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


Siema .
Chciał bym abyś cie mi pomogli zrobić z takiego obrazka:
(IMG:http://img401.imageshack.us/img401/3264/headersq.png)

Na takie coś:
(IMG:http://img841.imageshack.us/img841/4860/beztytuue.gif)
Go to the top of the page
+Quote Post
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


No przecież sam sobie już rozciągnąłeś (IMG:style_emoticons/default/sleep.gif)
Go to the top of the page
+Quote Post
Jamjest
post
Post #3





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 19.05.2010

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


Ten 2 Screen to z innej strony
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


  1. <body style="margin:0px; padding:0px;">
  2. <img src="http://img401.imageshack.us/img401/3264/headersq.png" style="width:100%; height:117px;" />
  3. <div style="position:absolute; top:0px; left:0px; width:100%; height:117px;">
  4. Lorem ipsum <br />
  5. Lorem ipsum <br />
  6. Lorem ipsum <br />
  7. Lorem ipsum <br />
  8. Lorem ipsum <br />
  9. Lorem ipsum <br />
  10. Lorem ipsum <br />
  11. Lorem ipsum <br />
  12. </div>
  13. </body>

możesz dodać overflow: hidden do diva, jakby Ci się spodobało miejsce i byś przesadził z tekstem, grafiką czy co tam chcesz mieć (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował Damonsson 31.07.2010, 14:44:36
Go to the top of the page
+Quote Post
Jamjest
post
Post #5





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 19.05.2010

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


Doskonale .
Ale chyba lepiej by było w css wiec jeśli można to proszę to samo tylko w css
Dzięki
Go to the top of the page
+Quote Post
Damonsson
post
Post #6





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


No to masz zagadkę na resztę dnia, jak rozdzielić to na:

- CSS
- HTML

(IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Jamjest
post
Post #7





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 19.05.2010

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


Cytat(Damonsson @ 31.07.2010, 15:48:30 ) *
No to masz zagadkę na resztę dnia, jak rozdzielić to na:

- CSS
- HTML

(IMG:style_emoticons/default/smile.gif)

Ok i tak już pomogłeś wiec spróbuje sam to wykombinować dzięki

Edit
Niby wszystko zrobiłem ok ale... a sami zobaczcie:
(IMG:http://img818.imageshack.us/img818/9686/beztytuum.gif)

To mam w css
  1. #logo {
  2. background-image: url(images/header.png);
  3. width: 100%;
  4. height: 171px;
  5. position: absolute;
  6. padding: 0px;
  7. margin: 0px;
  8. top: 0px;
  9. left: 0px;
  10. }


Ten post edytował Jamjest 31.07.2010, 15:04:36
Go to the top of the page
+Quote Post
bmL
post
Post #8





Grupa: Zarejestrowani
Postów: 301
Pomógł: 25
Dołączył: 15.07.2007
Skąd: Olsztyn

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


A co zrobiłeś z
Kod
<img src="http://img401.imageshack.us/img401/3264/headersq.png" style="width:100%; height:117px;" />
tak sobie skasowałeś drogi Kolego:)?
Trzeba wyrzucić tło z diva i wstawić "pod nim" zdjęcie.

Ten post edytował bmL 3.08.2010, 02:51:13
Go to the top of the page
+Quote Post
thek
post
Post #9





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Lepiej zobacz, czy to co dajesz jako obraz tła można w css rozciągnąć, czy może powinien to być jednak normalny element img z src, ale z odpowiednimi opcjami ustawionymi...
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.12.2025 - 00:09