Forum » Izdelava spletišč » html/css - pravokotna tabbed navigacija
html/css - pravokotna tabbed navigacija
DarkSensei ::
Torej, rad bi v kodo spravil tole:
Problem je, ker neznam zadeve naredit tako da se borderji na li elementih nebi podvajal in da bi rdec pravokotnik za aktiven tab bil pravokoten (zdaj je nekako bolj podoben trapezoidu - zaradi stranskih borderjev).
Tole mi je do zdaj uspelo:
http://jsfiddle.net/k4nNn/1/
Hvala.
Problem je, ker neznam zadeve naredit tako da se borderji na li elementih nebi podvajal in da bi rdec pravokotnik za aktiven tab bil pravokoten (zdaj je nekako bolj podoben trapezoidu - zaradi stranskih borderjev).
Tole mi je do zdaj uspelo:
http://jsfiddle.net/k4nNn/1/
Hvala.
Pimoz ::
.player-nav li { display: block; font-weight: bold; color: #999999; letter-spacing: 1px; border: 1px solid #eeeeee; border-right: none; padding: 10px; list-style: none; float: left; } .player-nav .active { -moz-box-shadow: inset #e74c3c 0 3px 0 0; -webkit-box-shadow: inset #e74c3c 0 3px 0 0; box-shadow: inset #e74c3c 0 3px 0 0; }
There you go :)
DarkSensei ::
Super, hvala. Tole še poštima zadnji border-right:
.player-nav li:last-child { border-right: 1px solid #eeeeee; }
DarkSensei ::
Se da kako spravit se tisto crto desno zraven? Zdaj sem naredil tako da aktivni tab nima spodnjega borderja, drugace bi lahko enostavno dal en div spodaj z borderjem.
neoserv ::
".player-nav" moraš nastavit na 100% in mu dodati border-bottom.
Verjetno ga bo treba potem še float-at zaradi layouta.
Verjetno ga bo treba potem še float-at zaradi layouta.
NEOSERV.SI = Prijazno & hitro SSD gostovanje že 15. leto.
900+ domenskih končnic po noro nizkih cenah!
Brezplačna selitev od starega ponudnika.
900+ domenskih končnic po noro nizkih cenah!
Brezplačna selitev od starega ponudnika.
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 347342 (6479) | sunniegoldie |
» | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1950 (1678) | kr?en |
» | Ocena? Kako bi dodal podstrani?Oddelek: Pomoč in nasveti | 906 (771) | shadeX |
» | poravnava li elementovOddelek: Izdelava spletišč | 2157 (2022) | boss-tech |
» | Wampserver in FirefoxOddelek: Izdelava spletišč | 1859 (1739) | jonystar |