MyCity » Web dizajn / HTML » Razmestaj elemenata, navbar, modal, da li je ispravno?

Razmestaj elemenata, navbar, modal, da li je ispravno?

Napisano na dan: 12.3.2016

Razmestaj elemenata, navbar, modal, da li je ispravno?
Sledeća strana Pagination

Idi na vrh

Poslao: 12 Mar 2016 19:52
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Napisano: 12 Mar 2016 17:28

Postovanje, zdravo, srecan rad. Kodiram nesto u bootstrap-u, tj to je kopija ovog dela instagrama koji sam iskodirao u bootstrapu. (kasnije u nesto drugo)




Pitanje, zanima me da li je ispravno dao sam negativnu vrednost na nav elemente,
.navbar-nav>li>a {     padding-top: 15px;     padding-bottom: 10px;     line-height: 20px;     font-weight: bold;     margin-right: -70px !important; }  .nav>li {     position: relative;     display: block;     margin-right: 60px; }
i span sam definisao ovako
 <span class="numberbold"> 1,518</span> posts
.numberbold{     font-weight: 600;     font-size: 16px;     word-spacing: 20px     margin-right:-30px; }

1. Da li je ispravno davati pozitivne i negativne vrednosti da bi podesili elemente da izgledaju zadovoljavajuce
2.Interesujeme me i razmak word-spacing i margin-right da bi podeseio razmak. To se odnosi na posts, following i followers. Da li moze ovako razmak ili?


Hvala, pozdrav

Dopuna: 12 Mar 2016 19:52

Razlog za negativne vrednosti jer sam span elenemte stavio u ul nav. Pa sam i posebno definisao ali nije dalo efekte. Pa je nastala opsta zbrka Smile
<ul class="nav navbar-nav number-p">       <li>         <span class="numberbold"> 1,518</span> posts       </li>       <li>         <span class="numberbold">321k </span>followers       </li>       <li>         <span class="numberbold">226</span> following       </li>     </ul>



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 12 Mar 2016 20:08
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Ne razumem sta i to sve uradio i iskomplikvao, kakav word spacing kakve negativne margine. Skloni nav i navbar nav klase i uradi sledece:

    <ul class="number-p">           <li>             <p><span class="numberbold"> 1,518</span> posts</p>           </li>           <li>             <p><span class="numberbold">321k </span>followers</p>           </li>           <li>             <p><span class="numberbold">226</span> following </p>           </li>         </ul>


.number-p li {   display: inline-block; } .number-p li span.numberbold {   font-weight: bold;   padding-right: 10px; }

i onda na koju hoces rezoluciju da stavis da ide jedno ispod drugog centrirano

@media (max-width: 480px) {   .number-p {    text-align: center;    } .number-p li {    display: block!important;    } }



Poslao: 12 Mar 2016 21:24
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

OK, jeste greska, hvala mora ispocetka na tenane. Ovako sam sam ga iskodirao ali mora sve od pocetka da ispravim. Hvala pozdrav

Poslao: 12 Mar 2016 22:14
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Evo uklonio sam margine i word-spacing


ok, hvala, ostao je navbar da podesim nije centriran

Poslao: 12 Mar 2016 22:31
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Sada je reseno obrisano od proslog kodiranja .nav>li {     position: relative;     display: block;     margin-right: 60px; }
obrisano   margin-right: 60px sada je centriran navbar




Hvala, pozdrav

Poslao: 13 Mar 2016 00:17
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Imam jedno pitanje za modal. Uklonio sam padding na panel. Mislim da je bolje ovako.
Dodao sam za pocetak Modal kada se klikne na sliku i dodao opciju X da se zatvori sliku. Da li ima neki zanimljiv jquery za ovako nesto?





Poslao: 13 Mar 2016 01:28
Idi na vrh
offline
  • Pridružio: 02 Apr 2006
  • Poruke: 43

fancyBox moze

Poslao: 13 Mar 2016 13:23
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Takodje glas za fancybox. Koristim ga u vecini projekata a pored otvaranja slika u obliku popupa podrzava jos dosta toga (uz slike najcesce ga koristim za otvaranje youtube videa kao popupa).

MyCity » Web dizajn / HTML » Razmestaj elemenata, navbar, modal, da li je ispravno?

Ko je trenutno na forumu
 

Ukupno su 2061 korisnika na forumu :: 235 registrovanih, 14 sakrivenih i 1812 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 15694 - dana 01 Feb 2026 12:23

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 100jan, 357magnum, ajo baba, aleksandar1888, Aleksandar_038, AleksandarV, aleph_one, Alexandar-1973, Alojzije, Alooo, Antoni S, ArmFPGA, asdfjklc, Asteker, Automaticar, Avalon015, avijacija, awathorn, banjalukaRS, Banovo Brdo, Batko.VD.65, Baždaranac, Belac91, bigbear, bigfoot, bobo85, bojank, Bojcca, bojcistv, Bokimajk, Bombona, boranin45, Boroš, BORUTUS, bounty hunters, brandža84, BrusLi, Butcher, ccoogg123, ceman, cifra, crazydkure, cvrle312, Czrweni, Dambi, dankisha, darios, Darth Malak, dd11ll, dejan1972, deks, Dekster, deLacy, delboy, Dimitrije Paunovic, Dinarid, DjomlaHomer, djordjemiklusev, djukapfc, DJUNTA, dnr, Dragan7777, Dragon Order, DrNeoCortex, dule10savic, dunavzed, dusan.l, Dzigy, Dzoni2412, Fog of War, fokac, Fulcrum-A, Gheljda, Goran 0000, grunff2, Hans Gajger, hyla, ivan_8282, Jager715510, Jakonjveliki, Jaz, Jezekijel, jodzula, JOntra, Južnjak, K-1A, kihot, kikisp, kmnmada, Komanca, krasta, krca73, kreker, kripo, Kružić, lacko, ladro, lafa008, lanishtefm, Lep1na, Levi, lima, LostInSpaceandTime, Lošmi, Lubenica303, ludiagresivan, LukaRovca, Luke Pathfinder, MadMike, Magistar78, maksi007, Mamadu, mane123, MarijaC84, Marko1238, Markobreee, MarkoD, markoskjk, MarkoW, Marky, mdp92, mercedesamg, Metanoja, Mig 29, mige84, miki kv, Mikisha, mikrimaus, milenko crazy north, Miler88, milos.cbr, mir, mixkax, mm1811, mnn2, molusan, mushroom, nebidrag, nebkv, Nemanja Opalić, Nemanja Simovic, Nemanja94, nerevar, Neutral, niksa517, Nmr, nobutado, Oklopnjak, OtacMakarije, Papadubi, pein, Pekman, peradetlić, Piani Jazzer, ping15, pisac12, PMsnow, posmatrac300, Prašinar, Primus17, proka89, promajauglavi, Pururin, PuškeiPlavuše, rachmoff, Radoslava, rambod, raptorsi, raso76, read-only, rebro1974, RED4G-304, Resnica, RileHerc, sabros, sale.perisic, Salence74, samo_citam, samocitam, SamostalniReferent, Semberija, Sevatar, Sevetar, Sharpshooter, sluga, Smiljke, SpaDej, Sr.Stat., srđan, StalniPromatrač, Steeeefan, stokssone, strucnjak1, Su 57, superwhy, synergia, tajvankanasta, TBoy, TRZH92, TTN, uros, Uros Cuore Sportivo, uruk, US_Rank_0, Username1000, V-98, v0idmp3, v82, vaci, Valter071, Vanderx, vathra, Vatreni Zmaj, Veless, vjetar, vlada13874, Vlada76, vladetije, vlado_pg, Volkhov-M, Vrač, Vujkeu, Welky, wizzardone, xAlex2, XBMC, Zandar, Zerajic, zillbg, ZlatniRez, Zoran1959, Zukov, zzeljko, Šraf, 800077