css - 2 image backgroundban
olyat szeretnék hogy van egy table annak is egy oszlopa és sretném ha bg-image csak az 5px-től lefele jelenne meg (az oszlop magassága változo!)
0px 5px repeat-y együtt nem jó
probámtam 2 imaget berakni hogy a 2. lefedje az alső tetejét de az sem nyert...
vki tud segiteni?
köszi
s
■ 0px 5px repeat-y együtt nem jó
probámtam 2 imaget berakni hogy a 2. lefedje az alső tetejét de az sem nyert...
vki tud segiteni?
köszi
s
egymásba ágyazott elemek
Két képet úgy lehet egymásra tenni, ha azok egymásba ágyazott elemekhez vannak rendelve. Pl te esetedben a tr vagy table elemhez próbálhatod rendelni. (Menüknél a lista LI és a link A elemhez szokták.)
A pozició azt mondja meg, hova kerüljön a kép ha nincs ismétlődés. Ha van ismétlődés akkor ehhez a pozicióhoz kerül a referencia kép és ehhez képest minden irányba (illetve csak függőlegesen, vagy vizszintesen) kerül ismétlésre.
Még egy lehetőség lehet,
SPAN {
display: block;
height: 5px;
}
Vagy használhatsz backgroundnak egy a cella méreténél nagyobb gif-et aminek a felső 5 sora átlátszó. de ebben az esetben no-repeat
ne terjen vissza a spacer.gif
hogy is mondjam el...
.menubg {background:url('images/035_20.gif');}
ebben vannak képek (gombok) és legfelül nem szabadna kilátszani a háttérnek de kb 1px kilog :( jo lenne ha a 0 5 repeat-y lehetne +/- hogy csak lefelé szaporodjon
a span-t kiprobáltam de mintha nem jó helyen jelenne meg a block, a töbit meg még nem értem teljesen :(
köszi
s
screenshot
A szamok utan mindig kell mertekegyseg!
screenshot
vmit latok :)
lehet van olyan akinek egy ekkora kep is eleg. de szerintem jobban jarnal ha legalabb meg 100-100 pixelt minden iranyba megmutatnal mar ha egyaltalan van annyi mindegyik iranyban
persze lehet felted a designt le ne lopjak vmelyik reszet. akkor viszont max mailben kuldheted e lvkinek akiben megbizol
azt tudnod kell, hogy mar rengeteg designtervet lattam de meg nem lattam olyat amit a legmodernebb bongeszokre tervezve ne lehetett volna megoldani pontosan ugyanugy.
lista
Eloszor is a menut HTML-ben egy listaval (UL) jelold mert az "szemantikusabb" vagyis jobban vissza adja a szerepet. A menu ugyanis egy link felsorolas, hogy milyen fo reszekbol all az oldal. Vagy roviden: navigacios linkek listaja. A leginkabb az bizonyitja a lista elonyet a tablazattal szemben amikor almenuk is vannak egy menuponthoz mert ekkor egy beagyazott listaval ez jol jelolheto!
Itt talalsz általam listában lekódolt menüket amik CSS-sel lettek formázva:
CSS menü
Többféle lehetséges trükköt is alkalmazhatsz attól függően, hogy a lista alja hogyan néz ki, illetve a menük váltanak-e állapotot amikor egér rájuk megy. Más a praktikus képkivágás.
Ha a lista alján nincs ilyen elhalványodás akkor alkalmazd azt a trükköt mint én az Index almenünél, hogy az UL-nek adod hátteréül az elhalványodó részt és padding-top segítségével lejjebb nyomod a lista elemeket.
A lista elemeket az Index fömenüs képcserés megoldással tudod megoldani.
Ha kell váltó állapot is akkor a háttér pozició váltás a megoldás. Nézd meg itt a főmenüt: Pszinapszis
onlány
http://www.tiszaroff.hu/
ize...
Használhatóság - tartalom
Viszont a hasznalhatosagan kene egy picit javitani. Ha megengedsz nehany eszrevetelt es tanacsot:
1. A menünél nem látszik ránézésre hogy hogyan működik, nem gondolná az ember, hogy almenük fognak kinyilni mert nincs erre utalo semmilyen grafikai jel (pl lefele mutato nyil). Ami nagyobb problema, hogy a menupontok felett nem valt at "itt valami kattinthato" modba az eger kurzor igy olyan mintha a menu nem lenne kesz!
A menü csak akkor működik ha javascript is engedélyezve van. Azok akiknek nincs nem tudnak navigálni az oldalon. Kerülő megoldásként egy sitemap oldal megoldást jelentene nekik is. Illetve ha a főmenü pontok linkek lennenek egy olyan oldalra ahonnan elerhetok az almenuk. Megoldato lenne, hogy onclick-re a menu kinyilna ha van javascript, ha pedig nincs akkor az aloldal jon be)
2. A fejlecben a logo hagyomanyosan kattinthato a weboldalakon es a fooldalra visz vissza. Erdemes lenne ezt itt is alkalmazni pl imagemap segitsegevel gyorsan megoldhato.
(En a fejlec feldarabolasa helyett javasolnam a progresziv jpeg alkalmazasat! Ilyenkor a kep fokozatosan elesedik ahogy toltodik le.)
3. A hireknel a cim szokas szerint kattinthato. A tovabb link jobban mutat a bekezdes vegenel mint uj sorban. A kategoria jelolo ikonok jopofak, szinesek de nem mindig tudom elsore kitalalni, hogy mit is abrazolnak. Itt segithetne a title parameter kitoltese, hogy amikor fole viszem a kurzort kiirja mi is az.
Tartalmi dolgok:
A nyitolap eleg kihasznalatlan! Ha belegondolunk, hogy egy ide erkezo ember mire kivancsi akkor az biztos nem a polgarmester udvozlese. (De ha mar marad, legalabb itt nem az egesz oldalt foglalja el, mindossze 1 bekezdest.)
Ami erdekli az embereket az talan 3 nagy csoportra oszthato: helyi lakosok, turistak, vallakozok. Igaz hogy ezekaz informaciok elerhetok a menupontokban de sokkal szinesebb lenne es figyelemfelhivobb ha ezek a csoportok mar a nyitolapon a tartalmi reszben friss informaciokat kapnanak!
Miert erdemes a turistaknak ide jonni?
Miert erdemes a vallakozoknak itt befektetni?
Formazas:
A szovegek jol vannak tagolva de a betumeret mindenhol egyforma. Alkalmazd tobbet a cimeket, alcimeket az oldalon belul! Segit a szemnek megtalalni az informaciot!
Szerintem nagyon picik a betuk, egy ilyen oldalon ahol oregek is valoszinu latogatok lehetnek minimum 12-es betumeret ajanlott.
Remelem epitojellegunek talalod a hozzaszolasomat.
Tovabbi jo munkat!
ezt meg hogy hogy csak most olvasom
köszi
A "" felett lévő miért
kivettem
apró kis vacak de zavar :(
Megértem, engem is szokott
Firefoxban ha van validatorod, akkor nézd meg a Clean up the page funkciót, ott ha megnézed a javított eredményt, akkor annál nem jelentkezik a hiba. Első ránézésre azt hittem, csak a span a hiba, mert azt láttam, hogy kivette, de nézd akkor végig, hogy mi a különbség, és talán megtalálod a megoldást.
kep a sorban
99%
v-align top-ra gondoltál nemde? és a line-high az meg hogy is mert az nem megy :(
naon köszi
Line-height vertical-align
http://www.autisticcuckoo.net/archive.php?id=2005/05/05/line-height
Nem top-ra hanem bottomra gondoltam. Az inline elemeknel ha a szövegben van egy kep akkor annak alja az alapvonalra kerül alapból igazításra. Az alapvonal az a vonal amire a betűk alja támaszkodik, azoké amik nem lógnak le mint pl j vagy a g. Lathato, hogy ha erre a vonalra igazodik a kép akkor alatta hely marad ki. (Felette is valószínűleg mivel a line-height ertekebol a font-size erteke levonasra kerul es elosztja fent és lent egyenletesen.)
értem már de nemtom hogy kell használni
probáltam igy vagy a div -hez vagy a td -ben megadni
<img src='images/menu_00.gif' width='150' height='16' style="line-height:16px">
ill vhol azt irják hogy image -hez nem megy ie & ns 4+ -ban
:((((
nem megy :(
lécci