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,

  1. .navbar-nav>li>a {
  2.     padding-top: 15px;
  3.     padding-bottom: 10px;
  4.     line-height: 20px;
  5.     font-weight: bold;
  6.     margin-right: -70px !important;
  7. }
  8.  .nav>li {
  9.     position: relative;
  10.     display: block;
  11.     margin-right: 60px;
  12. }

i span sam definisao ovako
  1. <span class="numberbold"> 1,518</span> posts
  1. .numberbold{
  2.     font-weight: 600;
  3.     font-size: 16px;
  4.     word-spacing: 20px
  5.     margin-right:-30px;
  6. }

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
  1. <ul class="nav navbar-nav number-p">
  2.       <li>
  3.         <span class="numberbold"> 1,518</span> posts
  4.       </li>
  5.       <li>
  6.         <span class="numberbold">321k </span>followers
  7.       </li>
  8.       <li>
  9.         <span class="numberbold">226</span> following
  10.       </li>
  11.     </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:

  1. <ul class="number-p">
  2.       <li>
  3.         <p><span class="numberbold"> 1,518</span> posts</p>
  4.       </li>
  5.       <li>
  6.         <p><span class="numberbold">321k </span>followers</p>
  7.       </li>
  8.       <li>
  9.         <p><span class="numberbold">226</span> following </p>
  10.       </li>
  11.     </ul>



  1. .number-p li {
  2.   display: inline-block;
  3. }
  4.  
  5. .number-p li span.numberbold {
  6.   font-weight: bold;
  7.   padding-right: 10px;
  8. }

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

  1. @media (max-width: 480px) {
  2.   .number-p {
  3.    text-align: center;
  4.    }
  5. .number-p li {
  6.    display: block!important;
  7.    }
  8. }



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

  1. .nav>li {
  2.     position: relative;
  3.     display: block;
  4.     margin-right: 60px;
  5. }

obrisano
  1. 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 907 korisnika na forumu :: 29 registrovanih, 1 sakriven i 877 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: -[CoA]-, AMCXXL, Battlehammer, BORUTUS, Butcher, cikadeda, Coabelgrade, comi, Django777, DonRumataEstorski, havoc995, ILGromovnik, Ivan Gajic, jodamarko, Joint Chief, kaskadija, LUDI, MIG-3, Milo97, mrgud2025, narandzasti, pein, Polifon, RED4G-304, sap, spalev, TheDictator, Timočka Divizija, šumar bk2