Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] ułożenie img
kamilo818
post
Post #1





Grupa: Zarejestrowani
Postów: 250
Pomógł: 11
Dołączył: 20.01.2014

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


Witam,
mam pewien problem. Mianowicie mam div'y o rozmiarze 320/180 a w nich zdjęcia. Problem jest taki że wszystkie zdjęcia (chodzi tu o zdjecia w orientacji pionowej height > width) przekręcają się do orintacji poziomej o 90 stopni. Używam swipebox'a do wyświetalania zdjęć i tu też wszystki zdjęcia w orintajcji poziomej są wyświetane. Jak wejdę w zródło izdjecia to wyświetal sie prawidłowo - pionowo.

Taki mam kod:
  1. <a href="kategorie/mod/<?php echo $el['hash'];?>">
  2. <div class="category_box">
  3. <span id="title">
  4. <?php echo '#'.$el['hash'];?>
  5. </span>
  6. <div id="header_img">
  7. <img src="../<?php echo $el['image'];?>" alt=""/>
  8. </div>
  9. </div>
  10. </a>


  1.  
  2. div.category_box{
  3. vertical-align: top;
  4. display: inline-block;
  5. margin: 30px 1%;
  6. border: 1px solid #cccccc;
  7. width: 320px;
  8. height:auto;
  9. max-width: 97%;
  10. position: relative;
  11. cursor: pointer;
  12.  
  13.  
  14. }
  15.  
  16. div.category_box span#title{
  17. position: absolute;
  18. top:-24px;
  19. left:0;
  20. right: 0;
  21. height:20px;
  22. text-align: left;
  23. font-family: FlexoDemi, sans-serif;
  24. font-size: 14px;
  25. color: #555555;
  26.  
  27. }
  28.  
  29. div.category_box #header_img{
  30. width: 320px;
  31. height: 180px;
  32. max-width: 100%;
  33. overflow: hidden;
  34. }
  35.  
  36. div.category_box #header_img img{
  37. min-width: 100%;
  38. min-height: 100%;
  39. max-width: 100%;
  40. max-height: 100%;
  41. }


Problem jej w moim kodzie? Czy o coś innego chodzi?
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: 23.08.2025 - 08:32