| Problem z merami linka | ||
|---|---|---|
|
newbe
10. jul 2008 12:33:29
Pridružen od: 5. jun 2008 1596 objav 99 117 12 |
#1
Imam problem, naredit poskušam vodoravni meni. #meni a { Ko to naredim, mi linke naredi navpično, tako da niso več vodoravno(enega pod drugim). Če dodam ukaz display:inline; pa seveda več ne upošteva ukaza disply:block; Kako naj dosežem, da obdržim mere linka, in jih še zmeraj imam postavljene v ravno linijo (vodoravno). LP *Uporabniku je bila prepovedana uporaba foruma zaradi ignoriranja pravil trgovanja*
|
|
|
Vini
10. jul 2008 13:18:24
Pridružen od: 1. sep 2006 6612 objav 5234 611 56 |
||
|
SpinX
10. jul 2008 13:49:30
Pridružen od: 17. mar 2007 2618 objav 1720 190 20 |
#3
če imaš v unordered list (<ul>) potem je trik v display:inline; , če ne potem pa kot je rekel vini float:left; vendar je boljša praksa, da to daš v unordered list. Developer? Bi delal v kul podjetju ? http://dlabs.si/jobs
|
|
|
Vini
10. jul 2008 14:02:40
Pridružen od: 1. sep 2006 6612 objav 5234 611 56 |
#4
SpinX, inline elementom ne mores dolocati width in height, v tem je problem, inline-block pa tudi ni podprt v vseh browserjih, pa bo lahko s tem imel probleme. Malo vec o tem, katere vrednosti display propertyja so podprte v katerem browserju, pa tukaj: |
|
|
SpinX
10. jul 2008 14:22:58
Pridružen od: 17. mar 2007 2618 objav 1720 190 20 |
#5
To, da bi rad imel točno določen width pa nisem pomislil.. Potem je res najbolje, da floata v eno smer in doda mal margina, da se ne držijo skupaj. Developer? Bi delal v kul podjetju ? http://dlabs.si/jobs
|
|
|
newbe
10. jul 2008 15:54:07
Pridružen od: 5. jun 2008 1596 objav 99 117 12 |
#6
kako pa jih centriram ko nastavim float? To jih premakne v levo ali desno... ali ne? inline-block, pa mi v firefoxu premakne vse skupaj malce gor... in pol čudno zgleda :S *Uporabniku je bila prepovedana uporaba foruma zaradi ignoriranja pravil trgovanja*
|
|
|
Vini
10. jul 2008 16:29:08
Pridružen od: 1. sep 2006 6612 objav 5234 611 56 |
#7
Newbe, poglej recimo naslednjo kodo: Ce ti malo pokomentiram, kaj sem naredil: DIV z idjem "meni" je sirok 1000 pixlov, recimo, da bo toliko sirok cel tvoj menu. Znotraj tega DIVa sem dal se en DIV, ki ga bomo uporabili izkljucno za to, da zadevo poravnamo na sredino. Tiste anchorje (A tage) znotraj sem dal display: block in float: left, sirine 100px in margina 2px. Tisti DIV okoli njih mora biti torej 4x100px + 4x4px (2px+2px, levo in desno), to je 416px. Sredinsko poravnavo dosezem tako, da v DIVu z idjem "meni" recem text-align: center, notranjemu DIVu pa recem margin: 0 auto, tale auto, ki drzi za levo in desno povzroci, da browser sam izracuna enaki vrednosti za levi in desni margin in zadevo posledicno pomakne na sredino. Slaba stran te resitve je, da moras v CSSju vedeti, koliko anchorjev imas v menuju, da lahko izracunas sirino notranjega DIVa. Vsekakor se da zadevo resiti tudi kako drugace, to je resitev, ki mi je prva padla na pamet. Upam, da razumes, kaj sem naredil, ce ne, vprasaj :) (tisti background-color so notri le zato, da vidis, kje je kaksen DIV, barve, visine in sirine seveda naredi po svoje) |
|
|
newbe
10. jul 2008 17:10:58
Pridružen od: 5. jun 2008 1596 objav 99 117 12 |
#8
Hvala, zelo lepo napisano. Hvala ti res za tvoj cajt, maš pir v dobrem če prideš kdaj na ptuj :) Ampak mi zadeva ni všeč, ker so linki dolgi različno dosti texta, ina bi rad, da se dolžina prilagaja textu. Ni mi toliko pomembno, da je link v "block", kot to, da je levo in desno od texta enako dosti prostora ko gre nehče čez link in se v ozadju spremeni barva. Nejasno, vem. Grem kar na primer. Tukaj je link: click Za ozadje menija sem ustvari div visok 31 px, torej div id="meni" . nato sem vanj kar napisal linke: Potem sem v css nastavil takole: Enostavno rešen problem, ozadje se prilagodi textu, plus 5 px v vsako stran. Todaj problem se pojavi, ker mi v firefoxu zadevo premakne navzgor (glejte link prosim). V IE pa je ne premakne navzgor, ampak se prikaže slike (ozadja linka), do dna diva. Slika je visoka 31px tako kot div. Upam da sem uspel razložit kaj bi rad dosego. Torej da se pri prehodu čez link v ozadju pokaže slika, kot se to zgodi na strani (glej link prosim), ampak da je v enaki poravnavi kot div, tako da se ustvari efekt, pobarvanja znotraj teh dveh belih črt. Za pomoč se zahvaljujem, in res, če prideš kdaj na ptuj pošli pm pa se zmenima za kaki pir :D al pa dva :D *Uporabniku je bila prepovedana uporaba foruma zaradi ignoriranja pravil trgovanja*
|
|
|
SpinX
10. jul 2008 17:53:52
Pridružen od: 17. mar 2007 2618 objav 1720 190 20 |
#9
to kar si naredil s <center> za celo stran jaz ne bi priporočal :) evo sem na hitr skup vrgu, da boš vsaj videl kako približno se dela. Pa poglej kako je narejeno ne pa samo uporabit. aja pa odstran tiste pink backgrounde :D Developer? Bi delal v kul podjetju ? http://dlabs.si/jobs
|
|
|
Vini
10. jul 2008 20:46:27
Pridružen od: 1. sep 2006 6612 objav 5234 611 56 |
||