IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na matesax
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka Hartinger:26.5.2012 13:17

V HTML neexistuje nic jako podklad.

Nahoru Odpovědět
26.5.2012 13:17
You are the greatest project you will ever work on.
Avatar
David Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na matesax
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
Avatar
David Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka 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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na matesax
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka 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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
Avatar
David Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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 Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Energy
David Čápka 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
You are the greatest project you will ever work on.
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
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 15:06

Promin sdraco jestli tě obtěžuju když se ptám ale udělalo mi to trochu zmatek
www.unisoft.8u.cz/nahled.png menu se cele posunulo a ten obdelnik se nezvětšuje jak bych chtěl. Matesax na začátku to bylo přes pozicování. A ještě jak udělám ty zakulacené kraje. Díky

 
Nahoru Odpovědět
26.5.2012 15:06
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na David Čápka Hartinger
Neaktivní uživatel:26.5.2012 15:23

Typický já :D

Nahoru Odpovědět
26.5.2012 15:23
Neaktivní uživatelský účet
Avatar
Energy
Člen
Avatar
Energy:26.5.2012 15:45

Hlavně mě zajímá to posouvání kraje udělám podle tutoriálu.:)

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

No zakulacené kraje neuděláš - vyrob obrázek,... Tím nemusíš nic řešit.

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

Padding - posouvání uvnitř, margin - posouvání kraje. No a máš 4 směry bottom - dolů, top - nahoru, right a left - no a okolik - to dáš buď v % nebo px

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

Takže pokud chceš celé menu posunout od levého kraje uděláš: margin-left:"20px"; (bude posunuto 20 pixelů od okraje,...) a pokud chceš mezeru uvnitř - mezi tlačítky menuitem tak dáš padding,...

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

Jo a používej spíš procenta - pak se bude stránka zvětšovat/zmenšovat podle velikosti zobrazovací plochy - bude to přizpůsobivé k okolí,...

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

Tam kde jsi vytvořil to menu, tak tam máš něco jako - <menu ID"menu" Text"menu"> - tak tam přidej tu velikost.

 
Nahoru Odpovědět
26.5.2012 17:13
Avatar
Energy
Neregistrovaný
Avatar
Energy:26.5.2012 17:29

Dík už to chápu

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

Všechno je to v tutoriálech na tomto serveru a i jinde - stačí do googlu zadat css,...

 
Nahoru Odpovědět
26.5.2012 17:32
Avatar
cztomt
Tvůrce
Avatar
Odpovídá na matesax
cztomt:26.5.2012 21:22

Pokud se nepletu ta zakulacené kraje se v CSS dělají border-radius: velikost px;

 
Nahoru Odpovědět
26.5.2012 21:22
Avatar
matesax
Tvůrce
Avatar
Odpovídá na cztomt
matesax:26.5.2012 21:33

No já to vzal jinak - tlačítka tak udělána má,...

 
Nahoru Odpovědět
26.5.2012 21:33
Avatar
cztomt
Tvůrce
Avatar
Odpovídá na David Čápka Hartinger
cztomt:27.5.2012 7:14

Zdarec, zkoušel jsem to kdysi taky takhle udělat a nešlo mi to měl jsem to nějak takhle:

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

není náhodou možné, že to je až za pozadím celé stránky?

 
Nahoru Odpovědět
27.5.2012 7:14
Avatar
matesax
Tvůrce
Avatar
Odpovídá na cztomt
matesax:27.5.2012 7:29

A měl jsi tu složku images ve stejné složce jako css soubor?

 
Nahoru Odpovědět
27.5.2012 7:29
Avatar
cztomt
Tvůrce
Avatar
Odpovídá na matesax
cztomt:27.5.2012 7:39

ajó zkusím to:)

 
Nahoru Odpovědět
27.5.2012 7:39
Avatar
matesax
Tvůrce
Avatar
Odpovídá na cztomt
matesax:27.5.2012 7:44

Nemusíš ji mít v té složce s css - ale maximálně v hlavní složce vebu - pak použiješ znak ~ a jsi v hlavní složce - odtud se dostaneš ke všem ostatním složkám,... Takže url('~/images/o­br.png') Tato složka je v hlavním adresáři webu - ne PC,...

 
Nahoru Odpovědět
27.5.2012 7:44
Avatar
Kit
Tvůrce
Avatar
Odpovídá na matesax
Kit:27.5.2012 8:50

Tohle je jeden z důvodů, proč začátečníkům doporučuji mít všechny soubory webu v kořenovém adresáři. Teprve od několika set až tisíc souborů má význam začít přemýšlet o rozčlenění do podadresářů.

Od počátku projektu dávám do podadresářů jen datové soubory, obrázky a databáze, aby se nemíchaly s aplikací, ale hlavně kvůli přístupovým právům.

Nahoru Odpovědět
27.5.2012 8:50
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
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 67 zpráv z 67.