[queenmorrison]

#programowanie #css #html

Mirki, uczę się tworzyć strony internetowe (podstawy póki co). Chciałem zrobić przykładową stronę sklepową i coś mi się schrzaniło. Chodzi mi o tę czarną otoczkę przy zdjęciu najbardziej po lewej (powinno wyglądać tak jak w dwóch pozostałych). Na ułożenie zdjęć nie patrzcie, tym się jeszcze nie zająłem.

Jak to naprawić by było dobrze?

plik .html
http://pastebin.com/kxxULdsF

plik .css
http://pastebin.com/1fikezF0

[M4ks]

@queenmorrison: przytnij fotkę odpowiednio

[mroz3]

#programowanie

@queenmorrison: ( ͡° ͜ʖ ͡°)

[MrFisherman]

@queenmorrison: popatrz jak masz tamte i daj wszystko tak samo, może wysokość tego czarnego jest za duża albo jeśli to czarne to div to może padding jest za duży dla obrazka. Jestem na fonie wiec w pliki nie patrzyłem.

[queenmorrison]

@M4ks: w sensie? Te 3 obrazki to ta sama fotka, wszystkie 3 są takim samym kodem. Problemem jest to, że pierwszą fotkę otacza background-color z podpisu

[queenmorrison]

@MrFisherman: otoczenie kodu do wszystkich 3 jest dokładnie takie samo (w .html kopiuj-wklej było)

[MrFisherman]

@queenmorrison: a na obrazku co dałeś to dlaczego ten jeden jest większy? Czy tak ma być?

[queenmorrison]

@MrFisherman: właśnie to jest problem. Ten pierwszy powinien wyglądać tak jak te 2 po prawej. W htmlu te 3 obrazki mają taki sam kod, więc nie mam zielonego pojęcia dlaczego tak się dzieje.

[TeflonDon]

@queenmorrison: wrzuć to na codepena bo obrazków nie widać. Chociaż za użycie Comic Sansa nie zasługujesz na pomoc ( ͡° ͜ʖ ͡°)

[loculi]

@queenmorrison: Spakuj caly folder sklepu razem z obrazkami i wrzuc na jakis hosting

[queenmorrison]

@loculi: http://www32.zippyshare.com/v/nudPZwVZ/file.html
@TeflonDon: to jest kurs z udemy, tam facet uzył comic sansa, więc nie zmieniałem.

[drawietz]

@queenmorrison: wygląda jakby pierwszy obrazek byl linkiem
.single a{

[queenmorrison]

@drawietz: nie za bardzo rozumiem. Przecież kod do obrazka to:


Product One

więc na pewno nie jest linkiem

[loculi]

@queenmorrison: Z paczki wygląda to tak jak chciałeś http://imgur.com/qaHX4Eb
Z kodu z pastebina jest tak jak na twoich zdjeciach( ͡° ͜ʖ ͡°)

[queenmorrison]

@loculi: złą paczkę wysłałem, sam próbowałem pokombinować, ale średnio mi wyszło (obrazek po prawej stronie się obniżył). Teraz dołączam dobrą paczkę (to samo co na pastebinie), przepraszam za kłopot.

http://www65.zippyshare.com/v/Npsz48Xn/file.html

[drawietz]

inspect element

[queenmorrison]

@drawietz: spójrz do paczki, która wysłałem przed chwilą, tam nie ma nic takiego

[drawietz]

@queenmorrison: wez w komentarz
/
.single a{
display: block;
background-color: #000;
color:

[queenmorrison]

http://prntscr.com/bq2cpo

do tego momentu jest w porządku

[TeflonDon]

@drawietz: @queenmorrison: padding top: 10px 0;? XD

[queenmorrison]

@TeflonDon: gdzie masz padding-top: 10px 0;?