NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 12:59

Čau mám uďelané menu a chtěl jsem pod něj udělat podklad. Když jsem ho tam dal jako obrázek vytlačil to menu dolů. Myslím že to asi budu muset udělat přes css poradíte jak? Díky ;)

 
Odpovědět
26.5.2012 12:59
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:04

Teď se mi to povedlo přes absolutní pozicování, ale stejně nejde to něják přes css?

 
Nahoru Odpovědět
26.5.2012 13:04
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 13:06

No snad background-image = ('cesta k obrázku') ne? :)

 
Nahoru Odpovědět
26.5.2012 13:06
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:09

To je špatný způsob. Jednoduše elementu v HTML nastavíš nějaké ID a v CSS elementu s tímto ID nastavíš vlastnost background, např.

menu
{
   background: url('images/pozadi.png');
}

Velmi doporučuji si pročíst zdejší tutoriály, minimálně tento: http://www.itnetwork.cz/index.php?… a ten další: http://www.itnetwork.cz/index.php?… , nejlépe všechny od začátku. Jsou sestaveny tak, aby rychle a bez oklik naučily správně vytvořit jednoduchý web.

Nahoru Odpovědět
26.5.2012 13:09
New kid back on the block with a R.I.P
Avatar
matesax
Tvůrce
Avatar
Odpovídá na matesax
matesax:26.5.2012 13:10

A ta cesta obrázku se počítá od adresáře, kde je css soubor - když použiješ ~ tak to máš domovsý adresář webu,...

 
Nahoru Odpovědět
26.5.2012 13:10
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na matesax
David Hartinger:26.5.2012 13:10

Poprosil bych neposílat odkazy na různé weby, snažíme se zde tvořit kompletní seriál a chceme, aby se postupovalo podle něj, protože jedině tak naši uživatelé získají ucelené znalosti, ne nějaké útržky co někde někdo napsal a nedokončil.

Nahoru Odpovědět
26.5.2012 13:10
New kid back on the block with a R.I.P
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:12

Vím že je to špatný způsob. Ale problém je v tom že už tam pozadí máme. Je to novy img pod to menu.

 
Nahoru Odpovědět
26.5.2012 13:12
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:14

To bych musel vidět, nerozumím, jak to myslíš. Každopádně až si přečteš ty 2 tutoriály, tak ti bude jasné, jak se pozadí dělá.

Nahoru Odpovědět
26.5.2012 13:14
New kid back on the block with a R.I.P
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 13:15

Ale proto používáš to ID - vždy se tím background nastaví pozadí k ID. Takže to udělej, jak je tu napsáno,... :)

 
Nahoru Odpovědět
26.5.2012 13:15
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:16

Ale já nechci pozadí. Chci jen podklad pod to menu to je uplně jiny obrazek.

 
Nahoru Odpovědět
26.5.2012 13:16
Avatar
matesax
Tvůrce
Avatar
Odpovídá na matesax
matesax:26.5.2012 13:16

Třeba <asp:MenuItem ID"menuitem">
css:
menuitem
{
background =...
}

 
Nahoru Odpovědět
26.5.2012 13:16
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:17

Pročtu ten tutoral ale myslim že tam nenajdu co potřebuji. Díky

 
Nahoru Odpovědět
26.5.2012 13:17
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 13:17

Nebudeš mít jiný obrázek pozadí - je to to co chceš! :)

 
Nahoru Odpovědět
26.5.2012 13:17
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:17

V HTML neexistuje nic jako podklad.

Nahoru Odpovědět
26.5.2012 13:17
New kid back on the block with a R.I.P
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na matesax
David Hartinger:26.5.2012 13:19

To je pro ASP, ty závorky ti potom server nahradí, to bych sem vůbec nepletl...

Nahoru Odpovědět
26.5.2012 13:19
New kid back on the block with a R.I.P
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:20

www.unisoft.8u.cz tady se prosím podívejte jak jsem to myslel.

 
Nahoru Odpovědět
26.5.2012 13:20
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 13:20

Tím ID se od sebe oddělují jednotlivé části stránky. Takže když přiřadíš ID svému menu, tak vše co provedeš pod tímto ID se bude vztahovat jen k tomu menu. Takže když použiješ backround pod ID tvého menu, změní se pozadí - tedy podklad tvého menu, ale nic jiného se nezmění - pozadí stránky zůstane stejné - protože ta stránka má jiné ID,...

 
Nahoru Odpovědět
26.5.2012 13:20
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:21

Pokud chceš dobrou odpověď, musíš položit dobrou otázku. Podklad mám na stěně :) Opravdu nevím, co tím myslíš, pošli link na web nebo obrázek.

Nahoru Odpovědět
26.5.2012 13:21
New kid back on the block with a R.I.P
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:22

Ano, čili potřebuješ nastavit menu pozadí, postupuj tedy tak, jak jsme ti od začátku říkali.

Nahoru Odpovědět
26.5.2012 13:22
New kid back on the block with a R.I.P
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 13:23

Odpověď máš hoře - chceš snad nahradit to černé pole obrázkem ne? Tak přiřaď svému menu ID a pod tímto DI nastav background a to černé se tímto nahradí - nic jiného,... :)

 
Nahoru Odpovědět
26.5.2012 13:23
Avatar
matesax
Tvůrce
Avatar
Odpovídá na matesax
matesax:26.5.2012 13:23

DI = ID :)

 
Nahoru Odpovědět
26.5.2012 13:23
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:25

Ok díky a ještě mezery mezi tim vyberem menu jsou tam pomlčky nepřišli jsme na způsob jak tam udělat mezery

 
Nahoru Odpovědět
26.5.2012 13:25
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:27

Opět špatně, v CSS těm li nastav padding-left a padding-right na 20px;

Nahoru Odpovědět
26.5.2012 13:27
New kid back on the block with a R.I.P
Avatar
Kit
Tvůrce
Avatar
Odpovídá na Energy
Kit:26.5.2012 13:27

http://wellstyled.com/…llovers.html

Nahoru Odpovědět
26.5.2012 13:27
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 13:29

K položkám v tom menu přiřaď ID - souhrně. A pak v css pod tímto ID nastav: padding-bottom: 20px;

 
Nahoru Odpovědět
26.5.2012 13:29
Avatar
matesax
Tvůrce
Avatar
Odpovídá na David Hartinger
matesax:26.5.2012 13:29

Na co z prava? :)

 
Nahoru Odpovědět
26.5.2012 13:29
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:30

Že to je špatně jsem pochopil jinak bych to tu nepsal. Díky radu

 
Nahoru Odpovědět
26.5.2012 13:30
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:32

Myslel jsem tím, že řešíte špatnou věc. Problém není "jak nacpat něco mezi tlačíka" ale "jak dát tlačítkům okraj". Koukni na ten seriál, je tam jak se styluje takovéhle menu.

Nahoru Odpovědět
26.5.2012 13:32
New kid back on the block with a R.I.P
Avatar
matesax
Tvůrce
Avatar
Odpovídá na matesax
matesax:26.5.2012 13:33

sorry - místo bottom - left :)

 
Nahoru Odpovědět
26.5.2012 13:33
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na matesax
David Hartinger:26.5.2012 13:34

Na obě strany, aby na kraji pak nebyla velká mezera na jedné straně.

Nahoru Odpovědět
26.5.2012 13:34
New kid back on the block with a R.I.P
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 13:52

A ještě ohledně toho bg pod tim menu nešlo by to udělat bez obrazku čistě přes css nebo html nastavenim velikosti a barvy?

 
Nahoru Odpovědět
26.5.2012 13:52
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 13:58

Jistě, že šlo, pokud jsi četl tutoriál, tak i víš jak.

Nahoru Odpovědět
26.5.2012 13:58
New kid back on the block with a R.I.P
Avatar
Kit
Tvůrce
Avatar
Odpovídá na Energy
Kit:26.5.2012 13:58

Šlo.

Nahoru Odpovědět
26.5.2012 13:58
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 14:00

Tipický sdraco podívej se na tutorial :D ok skouknu to.

 
Nahoru Odpovědět
26.5.2012 14:00
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 14:08

Typický uživatel, co chce, abychom mu tu dávali soukromé lekce CSS, nejlépe to za něj napsali :P Materiálů tu zde máme dost, přečti si je a rádi ti poradíme s tím, čemu jsi nerozuměl nebo co tam není vysvětleno, nebaví nás však stále dokola psát lidem jak nastavit něčemu barvu nebo velikost :)

Nahoru Odpovědět
26.5.2012 14:08
New kid back on the block with a R.I.P
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 14:12

Přečetl jsem si oba tutorialy na css a nikde jsem nenašel odpověd na mou otázku.

 
Nahoru Odpovědět
26.5.2012 14:12
Avatar
matesax
Tvůrce
Avatar
Odpovídá na David Hartinger
matesax:26.5.2012 14:12

Tak navrhuji FQO,... :)

 
Nahoru Odpovědět
26.5.2012 14:12
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 14:15

Jestli se mužu zeptat jde o layout?

 
Nahoru Odpovědět
26.5.2012 14:15
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 14:16

Tak si přečti ten druhý znovu a zaměř se na nastavení barvy pozadí ;)

Velikost se řeší až dále, slouží k tomu vlastnosti width a height, např. width: 900px;

Nahoru Odpovědět
26.5.2012 14:16
New kid back on the block with a R.I.P
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 14:20

Upřímně moc nerozumím tomu, jak sis mohl nevšimnout velkého nadpisu "Pozadí" a hned podtím background-color, to jsou věci mezi nebem a zemí.

Nahoru Odpovědět
26.5.2012 14:20
New kid back on the block with a R.I.P
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 14:25

A víš vůbec teď na co jsem se ptal?

 
Nahoru Odpovědět
26.5.2012 14:25
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 14:26

Nějak se mi zdá že jsi to nepochopil.

 
Nahoru Odpovědět
26.5.2012 14:26
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 14:27

background-color:"#fff"

 
Nahoru Odpovědět
26.5.2012 14:27
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 14:29

Sorry, ale vše je skutečně v tuoriálech - nechápu, proč si to neprojdeš,...

 
Nahoru Odpovědět
26.5.2012 14:29
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 14:29

Ptal jsi se na nastavení barvy pozadí (bez obrázku), spíše jsi ty něco nepochopil. Tomu elementu (ul) s menu nastav width a background-color, jinak už opravdu nevím, jak ti to říci :)

Nahoru Odpovědět
26.5.2012 14:29
New kid back on the block with a R.I.P
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 14:29

Jukni se do sekce HTML a CSS.,...

 
Nahoru Odpovědět
26.5.2012 14:29
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 14:32 
 background-color:"blue";
width/height:"200px/%";
 
Nahoru Odpovědět
26.5.2012 14:32
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 14:39

http://www.unisoft.8u.cz/nahled.png Omlouvam se jestli jsem to vyložil špatně tohle už snad pude lépe. Chci udělat ten černý obdélník.

 
Nahoru Odpovědět
26.5.2012 14:39
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Energy
David Hartinger:26.5.2012 14:47

Už mě to opravdu nebaví :) Dej tomu ul id a tomuto id nastav v CSS background-color: black a width: 900px; height: 50px; Velikost si uprav dle stránky. Toto je asi popáté, co ti radíme tu samou věc a myslím, že to stačilo.

Nahoru Odpovědět
26.5.2012 14:47
New kid back on the block with a R.I.P
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Energy
matesax:26.5.2012 15:00

Nějak to nechápu - ten černý obdélník jsi měl i na začátku,... :)

 
Nahoru Odpovědět
26.5.2012 15:00
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 50 zpráv z 67.