Preklapanje dvije slike u HTML-u/CSS-u? (Razvoj web-stranica) @ Bug.hr Forum

8ax

16 godina

offline

uto 15.2.2011 20:50

Odgovori Citiraj

Slike

1. Kako napraviti da mi se dvije slike preklapaju u htmlu/cssu?
2. Kako napraviti trodijelni header kao u bugu?

MW2 : N'Dorphin // GRNDWR // HCTDM // HCSD // HCMSHPT

Moj PC

trajni link

0 0 hvala 0

no.quarter1

15 godina

neaktivan

offline

sri 16.2.2011 8:46

Odgovori Citiraj

Slike

prosurfaj na google-u:

Css positioning ili css position, pa kad nades igraj se.
Prosurfaj nesto tipa "creating div layout" ili slicno

trajni link

0 0 hvala 1

8ax

16 godina

offline

uto 1.3.2011 19:25

Odgovori Citiraj

Slike

Zamolio bi da mi netko da konkretan dio koda... tek sam počeo učiti CSS, a treba mi kod sad. Skoro ništa sa weba ne razumijem, pa bi zamolio da netko posta kod kako da na web-stranici napravim da mi se 2 slike "preklapaju"

tj. Želim "glavni header", u sredini, i slika širine 1px IZA NJEGA, da se ponavlja.

Moj PC

trajni link

0 0 hvala 0

mbaksa

17 godina

moderator

offline

sub 5.3.2011 18:42

Odgovori Citiraj

Re: Slike

Nešto tipa:

..............

</div>

Unutarnji div imalo bi smisla zamijeniti slikom (<img .../>) stavljenom u element <a> ako hoćeš to imati kao link.

Poruka je uređivana zadnji put sub 5.3.2011 18:44 (mbaksa).

trajni link nadporuka

2 0 hvala 1

alankish

16 godina

odjavljen

offline

sub 5.3.2011 19:59

Odgovori Citiraj

Re: Slike

8ax kaže...

Zamolio bi da mi netko da konkretan dio koda... tek sam počeo učiti CSS, a treba mi kod sad. Skoro ništa sa weba ne razumijem, pa bi zamolio da netko posta kod kako da na web-stranici napravim da mi se 2 slike "preklapaju"

tj. Želim "glavni header", u sredini, i slika širine 1px IZA NJEGA, da se ponavlja.

Prouči z-index css property, ako osnove css znaš onda ti to ne trebalo predstavljati problem, ovo sa z-index možeš shvatiti kao layere recimo u photoshopu.

trajni link nadporuka

0 0 hvala 1

mbaksa

17 godina

moderator

offline

sub 5.3.2011 20:02

Odgovori Citiraj

Re: Slike

alankish kaže...

8ax kaže...

Zamolio bi da mi netko da konkretan dio koda... tek sam počeo učiti CSS, a treba mi kod sad. Skoro ništa sa weba ne razumijem, pa bi zamolio da netko posta kod kako da na web-stranici napravim da mi se 2 slike "preklapaju"

tj. Želim "glavni header", u sredini, i slika širine 1px IZA NJEGA, da se ponavlja.

Prouči z-index css property, ako osnove css znaš onda ti to ne trebalo predstavljati problem, ovo sa z-index možeš shvatiti kao layere recimo u photoshopu.

Za ovo što je pitao ne treba mu z-index, ali slažem se - neka prouči, možda će mu zatrebati za koje druge stvari.

trajni link nadporuka

0 0 hvala 1

8ax

16 godina

offline

sub 5.3.2011 21:09

Odgovori Citiraj

Re: Slike

Hvala.

btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?

Imam problema s hostingom, jbg., svi su down :O. Inace bi dao link.

Moj PC

trajni link nadporuka

0 0 hvala 0

tnakir

17 godina

offline

sub 5.3.2011 21:27

Odgovori Citiraj

Re: Slike

8ax kaže...

Hvala.

btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?

Imam problema s hostingom, jbg., svi su down :O. Inace bi dao link.

Nikako. Imas gotov Wordpress, Joomlu, Drupal i ostale...

Nesto mi se dogadja. Dopiydilo mi je piydit :(

trajni link nadporuka

0 0 hvala 0

8ax

16 godina

offline

sub 5.3.2011 21:30

Odgovori Citiraj

Re: Slike

Moj san je unisten.

Mozda embedan news program? :(

Moj PC

trajni link nadporuka

0 0 hvala 0

mbaksa

17 godina

moderator

offline

sub 5.3.2011 21:31

Odgovori Citiraj

Re: Slike

8ax kaže...

btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?

Da si ikad radio u CMS Made Simpleu, ne bi postavljao takvo pitanje (ni tnakir davao onakav odgovor {#} ). Naime, u slučaju dotičnog CMS-a jednostavno uzmeš postojeću stranicu (ili nekakav općeniti template) i u nju ubaciš odgovarajuće Smarty tagove na odgovarajuća mjesta - npr. na mjestu gdje želiš izbornik, staviš tag {menu}, na mjestu gdje ti ide naslov stranice, staviš tag {title}, gdje ide sadržaj, staviš {content} itd.

Možeš cijeli proces vidjeti u ovom videu:

trajni link nadporuka

0 0 hvala 1

tnakir

17 godina

offline

sub 5.3.2011 21:35

Odgovori Citiraj

Re: Slike

mbaksa kaže...

8ax kaže...

btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?

Da si ikad radio u CMS Made Simpleu, ne bi postavljao takvo pitanje (ni tnakir davao onakav odgovor {#} ). Naime, u slučaju dotičnog CMS-a jednostavno uzmeš postojeću stranicu (ili nekakav općeniti template) i u nju ubaciš odgovarajuće Smarty tagove na odgovarajuća mjesta - npr. na mjestu gdje želiš izbornik, staviš tag {menu}, na mjestu gdje ti ide naslov stranice, staviš tag {title}, gdje ide sadržaj, staviš {content} itd.

Možeš cijeli proces vidjeti u ovom videu:

A dodje mu na isto ko instalirati WP i staviti neki free tempalte. Cak je to i manje posla :)

Nesto mi se dogadja. Dopiydilo mi je piydit :(

trajni link nadporuka

0 0 hvala 0

mbaksa

17 godina

moderator

offline

sub 5.3.2011 21:40

Odgovori Citiraj

Re: Slike

tnakir kaže...

A dodje mu na isto ko instalirati WP i staviti neki free tempalte. Cak je to i manje posla :)

LOL! Ovaj je postojeću stranicu prilagodio za desetak minuta, s tim da je odugovlačio. Ako znaš što radiš, gotov si za manje od pet minuta, kroz koje moraš copy&pasteati HTML, CSS i slike, te ubaciti nekoliko Smarty tagova. CMS Made Simple je zakon za takve stvari.

trajni link nadporuka

0 0 hvala 0

8ax

16 godina

offline

sub 5.3.2011 21:54

Odgovori Citiraj

Re: Slike

@Tnakir ja nezelim free templateove. Vec sam izradio staticnu web stranicu i zelim njen design.

Moj PC

trajni link nadporuka

0 0 hvala 0

tnakir

17 godina

offline

ned 6.3.2011 15:29

Odgovori Citiraj

Preklapanje dvije slike u HTML-u/CSS-u?

Onda poslusaj Baksu... iako nisam nikad imao iskustva sa tim cudom.

Nesto mi se dogadja. Dopiydilo mi je piydit :(

trajni link

0 0 hvala 0

8ax

16 godina

offline

ned 6.3.2011 19:57

Odgovori Citiraj

Preklapanje dvije slike u HTML-u/CSS-u?

Sad je sam bijelo... prema mbaksinom savjetu...

Poruka je uređivana zadnji put ned 6.3.2011 20:06 (8ax).

Moj PC

trajni link

0 0 hvala 0

mbaksa

17 godina

moderator

offline

ned 6.3.2011 20:34

Odgovori Citiraj

Re: Preklapanje dvije slike u HTML-u/CSS-u?

Da vidim tvoj kod!

trajni link nadporuka

0 0 hvala 0

8ax

16 godina

offline

ned 6.3.2011 21:03

Odgovori Citiraj

Preklapanje dvije slike u HTML-u/CSS-u?

Neznam sta sam krivo, jer sam spavo 2h nocas i sve zaboravio -.-" vjerojatno neka trivijalna/pocetnicka greska -.-"

<head>

<body>

</div>

</body>

</head>

Moj PC

trajni link

0 0 hvala 0

mbaksa

17 godina

moderator

offline

ned 6.3.2011 23:19

Odgovori Citiraj

Re: Preklapanje dvije slike u HTML-u/CSS-u?

8ax kaže...

Neznam sta sam krivo, jer sam spavo 2h nocas i sve zaboravio -.-" vjerojatno neka trivijalna/pocetnicka greska -.-"

Upravo tako. Što su div-ovi? div je kratica za division - odjeljak (za razni sadržaj). Ako u odjeljku nemaš nikakav sadržaj (a ti nemaš! bar ne vidljiv sadržaj), a nisi definirao njegovu širinu i visinu - što točno bi se trebalo prikazati? Zašto u jedan ili u oba div-a nisi upisao nešto - BILO ŠTO? Zašto unutarnji div nisi zamijenio slikom (tagom img), kao što sam napisao? Nemoj biti tako krut - malo eksperimentiraj.

8ax kaže...

<head>

<body>

</div>

</body>

</head>

trajni link nadporuka

1 0 hvala 2