1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE utworzenie div blokowego?

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika yankes, 14 Grudzień 2016.

  1. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    Witam
    Czy pomoze ktos w stworzeniu układu takiego jak na dole. Chcialbym taki uklad zamiescic w opisie kategorii no i niemam pojecia jak to ladnie zrobic :/

    pomoocy :)


    [​IMG]
     
  2. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    ale to masz prosto :D pokaże z stylem od razu w divie, możesz sobie to do klas wrzucić:

    Kod:
    <div style="margin:auto; width:800px; max-width:800px;">
    <div style="width:20%;float:left;padding:10px;text-align:center;">aaa</div>
    <div style="width:20%;float:left;padding:10px;text-align:center;">bbb</div>
    <div style="width:20%;float:left;padding:10px;text-align:center;">ccc</div>
    <div style="width:20%;float:left;padding:10px;text-align:center;">ddd</div>
    </div>
    
    w każdym divie możesz jeszcze sobie zrobić ładne wyrównania i oddzielne divy z obrazkiem tytułem i opisem z float:center :)
     
  3. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    dzieki piekne
     
  4. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    weź to sobie tylko rozdziel na klasy, żeby ładniej wyglądało :D
     
  5. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    uu do mnie trzeba prosciej bo nie rozumiem :p
    dalbys przyklad jak 1? :D dokladnie jak to ma wygladac? ;D
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Kod:
    <div class="glownydivek">
    <div class="divek">aaa</div>
    <div class="divek">bbb</div>
    <div class="divek">ccc</div>
    <div class="divek">ddd</div>
    </div>
    
    a w stylu:
    Kod:
    .divek {
    width:20%;float:left;padding:10px;text-align:center;
    }
    .glownydivek {
    margin:auto; width:800px; max-width:800px;
    }
    
     
  7. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
  8. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    a juz mam word-wrap: break-word
     
  9. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    dzieki piekne super ;]
     
  10. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    ufff myślałem, że też będę musiał pisać :D
    ustaw jeszcze ładniejszą czcionkę i w tym mniejszym stylu text-align:center; :D i będzie ładnie :D
     
  11. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    center nie zrobie bo chce od kropek albo znaczka accept wypisac zalety ;p
    Powiedz mi jak wpisac od loga margin-bottom 2px bo duzy odstep :D
    Jak nie duzo motania mozesz podpowiedziec jak zrobic po najechaniu przeyciemnienie obrazka i zeby np
    duzy "+" wyskakiwal po najechaniu ^^ i to podlinkowac pod jakis adres ^^
    a jak nie to sam se zrobie z czasme hahah :D
     
  12. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    dużo próśb, a mało miejsca :) użyj padding zamiast margin, użyj hover i filtru css (znajdziesz szybko w necie), a podlinkuj nałożoną na to warstwę z większym z-index :D
     
  13. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    hehe prawie rozumiem pozniej poprobuje jak zlozymy choinke :D
     

Poleć forum znajomym