Pomoc oko div-a u html

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pozdrav svima.Imam jedan mali problemcic,a to je oko div-a u html: jsfiddle.net/t9o99sa4/

Problem je u tome sto ne mogu da podelim shop sekciju od elementa ispod proizvoda tj. <div id="shop> sa <div id="download-tekst">(tj div=download tekst ne mogu da sredim u css,div= download-tekst ne reaguje na promene).Boja koja je namenjena za div ispod shopa se preliva na shop sekciju.Zelim to da stavim u div ispod shopa.I jos jedno pitanje je vezano za linkove tj. u shop sekciji,ima jedan div pod nazivom cena1 sa ubacenom slikom koju sam linkovao,ali kada predjem misem preko te slikice,ne reaguje,kao da nije ubacen link.
Hvala unapred

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Uh, buraz ti si ovo zestoko zakomplikovao, div-ova i paragrafa, klasa i id-ja gde god pogledas.. Ovo ces morati nekako da sredis. Nego ajde da krenemo korak po korak.. Ajd prvo taj link da pojasnimo..Link ko link, upravo je i to, dakle vodi negde gde mu atribut HREF kaze..Kod tebe ne vodi nigde, prazan... To i nije cudno iz hiljadu razloga, jer se i sajt ne pravi odjednom nego element po element...Iz tog razloga imas mogucnost stavljanja sminke, maske, nazovi ga kako kod...dakle <a href="#"> DAKLE # mu kaze PONASAJ SE KAO LINK DOK TI NE NADJEM ADRESU (otprilike A i ta slika buduci da je kolica.png pretpostavljam da hoces da stoje kolica gde korisnik klikne i naruci jel da? Imas tonu i tonu icona i svg grafika, potpuno besplatnih, mozes cak i eksterno da ih ucitas jednostavno u stranicu, probaj s tim, ima i kolica Jer slika je zeznuta, sliku mozes da smanjis, rezoluciju.... Ne mozes da je uvecas..Ne znam kakva je slika ali vidim width: 33.3%;.. Dakle porazmisli

O markup-u necu ni da pocinjem, mnogo nabacano i mnogo necitko, dok provalim sta i kako, trebace malo vremena CSS je isto lud, id i klase kombinovano u specifikaciji i stilizovanju, negde imas over-write samo dok ga nadjem

Uglavnom da razjasnimo jos jednom, dakle TRENUTNO te muci sto je boja #download-tekst ista kao boja id= "shop" jel da?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pa,da.Glavni problem je sto je boja #download-tekst ista kao boja id= "shop" .A sto se tice linka,problem je sto se ne ponasa kao link,iako nema ubacenu zeljenu destinaciju.E i da u okviru te slikice (kolica)prelaskom preko njih promeni u drugu sliku tj. u kolica druge boje.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Nisi zatvorio <div id="shop" class="clearfix"> tag

Prvo ga zatvori kako treba pa da pricamo dalje.

Btw: Kako mislis link se ne ponasa kao link ? Ponasa se bas onako kako bi trebalo - hiperlinkovao si sliku praznim a href atributom i dobio si mogucnost samo da hoverujes sliku a da bi te odvela klikom do zeljene destinacije potrebno je da u a href ubacis ogovarajuci link/anchor.

Ako zelis prelaskom preko slike da se pojavi druga slika to se resava sprajtom. Spoje se slika pre i posle hovera u jednu istu sliku i onda se css-om gadja deo slike koja je default a na hover deo slike koja je hover.

http://www.w3schools.com/css/css_image_sprites.asp

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Buraz zezaju tebe definitivno ove klase produk1 i produkt2...FLoat-ovi na njima ti ubijaju layout... Moras to da menjas. Ako cemo iskreno ovo da se popravi ne moze. Za ostalo da ne pricamo, imas neki div koji ti je width:1320px a onda par njih sa 720px, plus margine, padding u njemu..Pa udari prostu matematiku ako nista, 2x720px=?... Ovo da se ispravi moze jedino ako menjas html...I daj batali da stavljas par reci u div...Jeste div univerzalan ali ono, nikako nemoj da zloupotrebljavas.

Nadam se da ce neko da ti ponudi resenje, ja ga ne vidim osim ako ne zelis da menjas html.. AKo zelis onda kazi pa ili cemo ovde ili mi sibni PM pa da odradimo nesto. Ovako jednostavno ne moze...Aman, naziv, kratak opis, cena i "naruci" link i eventualno slika (mada sam ja siguran da ti hoces ovo ali ajde nema veze image005.flaticon.com/3/svg/2/2772.svg ) u ovolikom kvadratu

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ok,da li ima neko resenje oko html strukture.Ja sam to zamislio da bude onepage stranica.https://jsfiddle.net/sk14f5ug/ nesto na ovu foru.Footer nisam ni probao da zavrsim,jer mi je glavni problem shop sekcija i sekcija ispod koja je zamisljena da sadrzi dve slike,jedna u gornjem levom uglu ,a druga u donjem desnom uglu i tekstom u sredini i sa dva odvodna linka ispod teksta.Hvala unapred.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pozdrav,
Imam problem, zeleo bi da napravim na sajtu da na slici koja se nalazi u jednom divu da u denjem nenjom uglu imam tekst koji ce klikom odvesti onog ko cita na link gde je tekst. Sa href atributom nemam problem,ali sa prvim delom imam.
Bez ikakvih problema napravim da mi je tekst ispod slike, ali da se nalazi na slici to ne mogu nikako.
Da budem precizniji imam problem da pozicioniraam ovaj plavi div na prvoj slici kao na sajtu rts-a.( rts.rs/page/home/ci.html )

Ako ovako uradim,
w3schools.com/howto/howto_css_image_transparent.asp

onda nikako ne mogu kada smanjim sirinu da zadam u css-u display:inline-block; tj. nece da izvsi funciju nego samo vertikalno mi pozicionira sledecu.

Unapred hvala.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Irbis ::Ako ovako uradim,
https://www.w3schools.com/howto/howto_css_image_transparent.asp

onda nikako ne mogu kada smanjim sirinu da zadam u css-u display:inline-block; tj. nece da izvsi funciju nego samo vertikalno mi pozicionira sledecu. Jesi li siguran u to?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala, ne znam zasto ranije nije htelo verovatno sam zaboravio da zatvorim neki deo.