Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]dwa divy wewnątrz siebie i zmiana ich pozycji
gagatek
post
Post #1





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 18.02.2008

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


nie wiem dokładnie jak Wam to opisać, ale postaram się to zrobić. Mam taki mały problem który mnie męczy i nie moge sobie z nim dać rady.
Sprawa wgląda następująco:
1. mam diva środek w którym znajduje się baner:
baner jest zrobiony w taki sposób
-najpierw jest div z obramówką (takie 2 torciki z lewej i prawej strony)
- div - button u góry po prawej "learn more"
- div z obrazkiem właściwym.
O ile z "learn more" mi się udało żeby się pojawił tak jak chciałem, to mam problem z tą obramówka (torcikami) chciałbym aby były one minimalnie wyżej o jakieś 2-5px. Ale za chiny nie moge sobie z tym poradzić, albo przesuwa się cały obrazek, albo się rozjeżdża wszystko. Uczę się cssa dla tego zawracam wam tym głowę. Proszę o jakieś wskazówki, pomoc.. Poniżej umieszczam kod oraz link do str gdzei wrzuciłem stronke:
http://takatam.cba.pl


  1. <div class="srodek">
  2.  
  3. <div class="obramowka">
  4. <div class="obrazek">
  5. <img src="images/images/obrazek.png" />
  6. <a href="#"/> <img src="images/images/wiecej.png" class="wiecej"/></a>
  7. </div>
  8. </div>
  9. </div>
  10.  
  11.  
  12.  


  1.  
  2. .srodek {
  3. position: relative;
  4. height: 440px;
  5. width: 1200px;
  6. }
  7.  
  8. .obrazek{
  9.  
  10. height: 407px;
  11. width: 951px;
  12. margin: 230px auto;
  13. border: solid 3px white;
  14.  
  15. }
  16.  
  17.  
  18. .obramowka{
  19.  
  20. margin: auto;
  21. width: 1056px;
  22. height: 443px;
  23. background-image:url(images/images/obramowka.png);
  24.  
  25. }
  26. .wiecej {
  27. height: 160px;
  28. width: 160px;
  29. position: absolute; right: 109px; top: -10px;
  30. }
  31.  


Ten post edytował gagatek 3.04.2013, 18:05:04
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: 27.09.2025 - 22:59