Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] 4 obrazki w każdym rogu strony
smiesznylolek
post
Post #1





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

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


mam taki problemik, kombinuję i nie mogę sobie dać z tym rady.
Robię stronie w stylu "w trakcie budowy". Na samym środku umieściłem grafikę w trakcie budowy. I chciałem jeszcze zrobić tak aby w każdym rogu strony znalazło się logo. Ale za skurczybyka nie mogę dojść do tego jak umieścić to logo w tych rogach... Próbowałem z backgroud image i co prawda mi się mniej więcej udało tylko że w jednym rogu, a ja bym chciał żeby to logo znalazło się w każdym
Póki co mam tyle
  1. <!doctype html>
  2. <meta charset="utf-8">
  3. <title>tytul</title>
  4. <link rel="stylesheet" type="text/css" href="style.css" />
  5. </head>
  6.  
  7. <img src="strona_w_budowie.jpg"></img>
  8.  
  9.  
  10.  
  11. </body>
  12. </html>

  1. body{
  2. margin: 0px;
  3. padding: 0px;
  4. background-color:#C63D0F;
  5.  
  6. }
  7. img {
  8. margin: auto;
  9. position: absolute;
  10. top: 0; left: 0; bottom: 0; right: 0;
  11. box-shadow: 5px 5px 5px;
  12. }
  13.  
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
smiesznylolek
post
Post #2





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

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


ok działa, dzięki wielkie:)
ale mam jeszcze taki problem że teraz stronka zrobiła się przewijana w prawo-lewo i góra dół. Bo te loga pojawiły się jakby poza ekranem i trzeba do nich scrollować. Sprawdziłem i problem stwarza img{ position:absolute;}. Ale bez tego obrazek który ma być po środku, tam się nie znajduje..
mam teraz tak:
  1.  
  2. <img src="strona_w_budowie.jpg"></img>
  3. <div class="logo1"><img src="logo.png"/></div>
  4. <div class="logo2"><img src="logo.png"/></div>
  5. <div class="logo3"><img src="logo.png"/></div>
  6. <div class="logo4"><img src="logo.png"/></div>
  7. </body>


  1. body{
  2. margin: 0px;
  3. padding: 0px;
  4. background-color:#C63D0F;
  5.  
  6.  
  7. }
  8. img {
  9. margin: auto;
  10. position: absolute;
  11. top: 0; left: 0; bottom: 0; right: 0;
  12. }
  13. .logo1{
  14. top:0;
  15. left:0;
  16. position:absolute;
  17. }
  18. .logo2{
  19. top:0;
  20. right:0;
  21. position:absolute;
  22. }
  23. .logo3{
  24. bottom:0;
  25. left:0;
  26. position:absolute;
  27. }
  28. .logo4{
  29. bottom:0;
  30. right:0;
  31. position:absolute;
  32. }


Ten post edytował smiesznylolek 27.11.2014, 10:33:52
Go to the top of the page
+Quote Post

Posty w temacie


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: 14.10.2025 - 02:42