Skocz do zawartości

Zdjęcie
- - - - -

Jak zrobić te divy obok siebie?



5 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
MixTape

    Nowy użytkownik

  • 18 postów
    • Czas spędzony online: 12h 23m 27s
-10
Słaba

Napisano 13 listopada 2014 - 22:52

#1

Hej, mam problem z ustawieniem tych elementów obok siebie, gdzieś w odległości 5px.
 
HTML

<img class="felgi" src="http://i.imgur.com/4b6ubv1.jpg">
    <div id="nazwa"> nazwa </div>
    
    <img class="felgi" src="http://i.imgur.com/4b6ubv1.jpg">
    <div id="nazwa"> nazwa </div>

CSS

img.felgi {
    float:left;
    height: 150px;
    width: 150px;
    background: #fff;
    padding: 3px;
    border: 1px solid #ccc;
    margin-right: 5px;
}
#nazwa {
    width: 150px;
    padding: 3px;
    border-right: 1px solid #ccc;  
     border-bottom: 1px solid #ccc; 
    border-left: 1px solid #ccc;   
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
}

  • -1

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 14 listopada 2014 - 09:01

#2

Po pierwsze jeżeli chcesz dwa lub więcej elementów nazwać tak samo, to nie id="nazwa" tylko class="nazwa" id jest unikalne na całą stronę.

Dodaj 'nazwie' również float: left;


  • 1

webDeveloper


MixTape

    Nowy użytkownik

  • 18 postów
    • Czas spędzony online: 12h 23m 27s
-10
Słaba

Napisano 14 listopada 2014 - 15:46

#3

No okej, zrobiłem tak i nie wygląda tak jak powinno.


  • 0

writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 14 listopada 2014 - 16:40

#4
Więc powiedz łaskawie jak powinno to wyglądać.

Wysyłane z mojego LG-E400 za pomocą Tapatalk 2
  • 0

logo-green-dark.png


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 14 listopada 2014 - 17:02

#5

No okej, zrobiłem tak i nie wygląda tak jak powinno.

Wrzucaj demo na jsfiddle.net i wklejaj tu link.


  • 0

wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 postów
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Napisano 14 listopada 2014 - 17:03   Najlepsza odpowiedź

#6

Coś takiego? http://jsfiddle.net/cdmuuats/


  • 1





Podone tematy Collapse

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych