priehladne menu

sillyounguy · Napísal **sillyounguy**: 03.09.2009 10:04

hola, mam problem, neviete mi poradiť, ako by som spravil niečo takéto ( popíšem to nejak stručne ). Rád by som spravil menu, štýlom biele pozadie cca 50 x 120 px a v ňom text resp. položky menu ktoré budú priehladné, resp. bude cez text vidno čo sa nachádza vo vrstve pod ním. ( napr vystrihnutý text z hárku papiera ).Budú tam obrázky takže ten text vidno bude. Neviem ako na to, či sa to dá v CSS resp. v javascripte. S js nemám žiadnu skúsenosť. Dúfam že to nebude ťažké naprogramovať. Ešte jedna vec, dalo by sa to menu uchytiť tak, že bude stále pricapené na ľavom okraji v určitej výške a obsah vo vrstve pod ním sa bude normálne rolovať? tzn "cez ten text" bude vidno obrázky "pod".. kua dúfam že to aspoň niekto pochopí

vďaka za stručný návod reps. aspoň za usmernenie, pomocou čoho by som to mohlo spraviť

rooobertek · Napísal **rooobertek**: 03.09.2009 12:12

nerob to, na web sa to nehodí.
K technickému prevedeniu, môžeš dať textu color:transparent, ale budeš vidieť pozadie toho rodičovského elementu, čiže text bude neviditeľný. Tiež neviem, ako to je v rôznych prehliadačoch, vo firefoxe mi to spravilo tak, ako som písal. Mohol by si spraviť transparentný gif alebo png. Prípadne to celé dať do obrázku a nerobiť žiadnu transparenciu.
Ale ako hovorím, kašli na to, nerob to.

emer · Napísal **emer**: 03.09.2009 13:38

IE color:transparent nepozná

neviem ako je to u jednotlivých verziách, ale IE 6 to určite nepozná

Tominator · Napísal **Tominator**: 03.09.2009 13:41

takže treba použiť filtre

Teda normálne opacity, a alpha pre IE ...

Veľa šťastia pri skúšaní/študovaní

sillyounguy · Napísal autor témy **sillyounguy**: 04.09.2009 9:50

vďaka chlapci.. no či sa to hodí to viem najlepšie ja

no k tomu prevedeniu ak by to nemalo fungovať vo všetkých prehliadačoch rovnako tak to skúšať nejdem.. nie je to zas tak dôležité.. ide o stránku, resp. prezentáciu, nič náročné, nič pri čom by som to fakt potreboval.. ide len o to že sa mi to páčilo a tak skúšam či sa to dá /dalo nejak jednoducho spraviť.. toť vsjo

Ďuri · Napísal **Ďuri**: 04.09.2009 13:39

Opacita funguje, staci pouzit

Kód:

opacity: 0.5; filter: alpha(opacity=50);

K tomu color: transparent - mozno by sa to dalo nasimulovat expressionom, napadlo mi

Kód:

color: expression(this.currentStyle.backgroundColor);

Ale neviem, ci to funguje. IE8 expressiony nepodporuje, ale ten myslim nebude mat s color:transparent problem...ci?

sillyounguy · Napísal autor témy **sillyounguy**: 08.09.2009 22:16

nechcem zakladať zbytočne novú tému, tak sa spýtam tu.. je to asi základná otázka, no ako spravím stránku tak aby pri lubovolne pridávanom obsahu (
napríklad pridávam obrázky ) nemusel vždy meniť šírku hlavného "boxu" kde obrázky vkladám? ide mi o to aby boli v jednej lajne. doradu. vždy musím cez css navýšiť pixeláž okna

rooobertek · Napísal **rooobertek**: 09.09.2009 7:45

hm, toto bude chciet kod. Bez toho ti asi neporadim.
Strelim len tak do vetra - skus pozriet min-height, dalsi tip clear:both

don jebot · Napísal **don jebot**: 09.09.2009 9:47

pravdepodobne pevna vyska a overflow...

sillyounguy · Napísal autor témy **sillyounguy**: 09.09.2009 11:15

no kód je easy. mám na stránke iba box s pevnou výškou a šírkou ( tú šírku mením vždy keď pridávam obrázky ) potom v tom boxe je menu a divy v ktorom z každom z nich je jeden obrázok. Ich počet neviem. Takže preto chcem variabilnú šírku toho boxu. kód je

Kód:

.box {width: 10000px;
      height: 550px;
      margin: auto;
      margin-top: 50px;
      margin-left: 50px;
      background-color:;
      display: block;
      }
      
.pic {width: px;
      height: px;
      background-color: ;
      float: left;
      margin-right: 1px;
      margin-top: 1px;
      font-size: 10px;
      font-family: Georgia;     
      }

rooobertek · Napísal **rooobertek**: 09.09.2009 11:23

width:10000px - nemáš pocit, že je čas nedávať to na šírku?

sillyounguy · Napísal autor témy **sillyounguy**: 09.09.2009 11:57

som si istý že to inak ako na šírku dávať nebudem.. chcem to tak mať. normálne portfólio . nechcem to rolovať nadol.. je nejaké riešenie?
ide mi o to že to chcem mať normálne v riadku a rolovať to dole.. neviem či je niečo také čo mi dovolí pridávať obrázky a ono to bude dľa toho upravovať width. určite ste to už videli mnohokrát niekde na stránke

hm, ako sa tak dívam tak sa to dá poriešiť asi aj tabuľkou.. ono to automaticky rozširuje stránku podľa počtu okien v tabuľke

kua t je ale easy... je to dobré riešenie?

Ďuri · Napísal **Ďuri**: 09.09.2009 13:16

sillyounguy píše:

nechcem to rolovať nadol

sillyounguy píše:

to chcem mať normálne v riadku a rolovať to dole

Protirecis si :rolleyes:

Ak jeden z rozmerov nezadas, prisposobi sa dany rozmer obsahu. Teda ak zadas len vysku a potom naskladas vedla seba 100 obrazkov, bude mat dany box sirku ako tych 100 obrazkov. Takze to skus vysvetlit este raz, a priloz odkaz na zivu ukazku.
Tabulka sa na cely layout nepouziva, bude urcite ine riesenie.

rooobertek · Napísal **rooobertek**: 09.09.2009 13:18

rolovať to dole - myslel tým posúvať to spodným scrollerom

sillyounguy · Napísal autor témy **sillyounguy**: 09.09.2009 13:37

jj prepáčte že sa vyjadrujem nejak dosť divne...myslel som tým mať to v riadku a rolovať to spodným posuvníkom ( doľava/doprava ).. dúfam že už sa rozumieme... ono keď to ukladám do divov a šírku hlavného boxu ( kde je všetko ostatné ) nezadám. tak sa mi to naskladá pod seba, resp. keď ten obrázok bude prečnievať tak sa automaticky hupne dole. Dá sa to vyriešiť tabuľkou bez zadanej šírky boxu ako si písal Ďuri. Tá tabuľka automaticky "naťahuje" šírku stránky

priehladne menu

Podobné témy