Borber-left obrazok

Murtagh · Napísal **Murtagh**: 08.08.2011 14:05

Caute, mozete mi niekto poradit ci sa da spravit border-left ako obrazok? skusal som border-left:5px url(obrazok.png); ale nejak mi to nefungovalo

pozeral som google a tam bolo len na css3 navod ze border-left-image: url(obrazok.png) 5px; ale ani to mi nefungovalo....pouzivam stare klasicke css2 a nejak na css3 som este nepresiel ani neviem ako na to a co vsetko treba

Mozte mi teda niekto poradit? potrebujem to do tlacidiel. mam kazde tlacidlo inej velkosti, a ma sa ukazovat obrazok iba ked je odkaz v menu aktivny a to mam nastavene cez php script a id="#menuactive" takze tam 3 divka za sebou dat nemozem ako som zviknuty...

camo · Napísal **camo**: 08.08.2011 15:59

CSS3 ti bude fungovať iba v najnovších prehliadačoch. Daj obrázok na pozadie.

Murtagh · Napísal autor témy **Murtagh**: 08.08.2011 16:12

neda sa to dat na pozadie, kazde tlacidlo ma inu velkost a tak maju aj ostat...a ten obrazok na pozadi mam ale na krajoch maju byt oble rohy....a to sa vecsinou robi cez div left, div stred a div right... to je 3x div. spravil by som to aj teras ale neda sa mi to, pretoze moj odkaz v menu vyzera takto:

Kód:

<ul><li><a <? if($current=='uvod' or $current==''){ ?> id="menuactive" <? } ?> href="<?php base_url(); ?>">Úvod</a></li><ul>

a menu v css je

Kód:

/* top menu */
div.menu {width:930px; height:50px; margin:auto;}
div.menu_up {width:930px; height:33px; color:#1199C0; float:left;}
div.menu_up li {margin-left:4px; margin-right:10px; margin-top:1px; float:left; text-align:center; display: inline;}
div.menu_up li a {color:#61615F; text-decoration:none; font-weight:bold; font-size:14px;}
div.menu_up li a:hover {text-decoration:underline;}}
#menuactive {height:33px; padding-left:4px; padding-right:10px; margin-left:-4px; margin-right:-10px; float:left; background: url(../img/tlacidlo_center.png); color:#ffffff; border-left-image: url(../img/tlacidlo_left.png) 5px;}

camo · Napísal **camo**: 08.08.2011 16:35

Tak daj dovnútra obrázok natvrdo a nastav mu viditeľnosť.

Murtagh · Napísal autor témy **Murtagh**: 08.08.2011 16:52

a to ako? to tlacidlo ma velkost 43x33px no niektore odkazy, ktore maju viac znakov maju sirku aj 60px a ten okrazok vyzera takto: http://imageshack.us/photo/my-images/808/tlacidlo.png/

camo · Napísal **camo**: 08.08.2011 17:04

No a border-left nejako závisí od šírky odkazu? Podľa mňa nie. Inak z toho kódu čo si sem dal asi nikto moc múdri nebude. Najlepšie by bolo dať sem všetko čo máš...

Murtagh · Napísal autor témy **Murtagh**: 08.08.2011 17:16

ten obrazok co som poslal som narezal, na tie boky kde je to ohnute, tie mali 5x sirku a stred som dal nech sa opakuje....klasicky....cize tam som chcel dat border-left a border right a do toho dat jeden kraj a druhy kraj...ak ma chapes...
inak link je vykecajsa.sk tu grafiku mi poslala od grafika v psd, nie je moja tvorba ani napad

camo · Napísal **camo**: 08.08.2011 17:36

Skús to menu celé nakresliť... Vôbec nechápem s čím máš problém. A do kódu doplň aj tie tvoje rohy, lebo tam evidentne nie sú.

PS:Nepotrebuješ tri divi, len jednu stranu treba predĺžiť na dostatočnú šírku, aby bola pod celým odkazom.

PS2:Prečo tam ten tretí div(alebo už hocičo) nemôže byť??? Ak ho tam potrebuješ tak ho tam proste dáš... nechápem čo v tom bráni...

Murtagh · Napísal autor témy **Murtagh**: 08.08.2011 17:48

http://imageshack.us/photo/my-images/687/stranka04.jpg/ takto ma vyzerat to menu....uz chapes?? teras co tam je, je len ten stred orezany...

camo · Napísal **camo**: 08.08.2011 17:59

Ty sa ma pýtaš či chápem??? A ty chápeš???

V tom php keď priradíš nejaký identifikátor aj tomu li pod odkazom tak mu už stačí len nastaviť pozadie podľa prvého PS ktoré som ti dal pred tým.

Murtagh · Napísal autor témy **Murtagh**: 08.08.2011 18:14

no ja nechapem....podla toho co som uz robil alebo pozeral google tak som videl a mam aj osvedcene je funguje to tak ako som pisal...rozdelit obrazok na 3 casti, lavu stred a pravu...lavej a pravej nastavit pevnu sirku a stred sa prisposobuje....a do toho odkazu co som pridaval, tam je len jeden div a to je to to id="menuactive" a neviem ako pridat k tomu tu pravu a lavu stranu...

Bajzik · Napísal **Bajzik**: 08.08.2011 18:32

Jedna položka menu = div, rozdelený na 3 časti, ľavý div, ľavý okraj (akože border), stredný div, width : auto, možno nejaké odsadenie ak je potreba, pravý div, pravý okraj (akože border). Hotovo. Stred sa bude rozťahovať podľa toho aký bude text dlhý, ale kraje budú vždy rovnaké.

Murtagh · Napísal autor témy **Murtagh**: 08.08.2011 18:35

no ten border som skusal nastavit ako obrazok...no nefunguje...

Bajzik · Napísal **Bajzik**: 08.08.2011 18:36

Píšem AKOŽE border. Samozrejme to nastavuješ ako pozadie divu a nie ako border.

Murtagh · Napísal autor témy **Murtagh**: 08.08.2011 18:43

mohli by ste mi to prosil doplnit do toho linku?

Kód:

<ul><li><a <? if($current=='uvod' or $current==''){ ?> id="menuactive" <? } ?> href="<?php base_url(); ?>">Úvod</a></li><ul>

Nejak furt nechapem ako mam urobit tri divi tak aby to fungovalo...

Bajzik · Napísal **Bajzik**: 08.08.2011 18:50

www.fifagames.sk/priklad/index.html

kód si pozri.

camo · Napísal **camo**: 08.08.2011 19:09

To #menuactive nieje div, ako sa tak na to pozerám!

Robí ti problém napísať php kód, ktorý doplní ďalší identifikátor do li, prípadne to obalí ďalším divom?
To potom doplníš aj do CSS.
Ak ti to robí problém, tak čo tu riešime? To sa začni pýtať na základy a nie na hotové riešenia!

Borber-left obrazok

Podobné témy