HTML & CSS

2

HTML & CSS

offline
  • Web developer
  • Pridružio: 03 Feb 2015
  • Poruke: 501

Fala, aj sacu da pogledam, i naucim Very Happy Ali to je onda CSS?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14824
  • Gde živiš: Niš

Pa da, moraćeš malo da se igraš sa stilovima. Smile



offline
  • Web developer
  • Pridružio: 03 Feb 2015
  • Poruke: 501

Poceo sam, au ima dosta stvarcica da se popunjava da bi se napravili tako nesto.


.flex-container > * {
padding: 15px;
-webkit-flex: 1 100%;
flex: 1 100%;

Sta oznacava tacka ispred flex a sta znak * ?
I - ispred webkit

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14824
  • Gde živiš: Niš

Za prva dva pročitaj o CSS selektorima, a - ispred webkit nema neko posebno značenje, jednostavno je atribut takav, mada je to atribut specifičan za neki konkretan web browser. Evo šta kaže CSS specifikacija o tome:
Citat:4.1.2.1 Vendor-specific extensions

In CSS, identifiers may begin with '-' (dash) or '_' (underscore). Keywords and property names beginning with '-' or '_' are reserved for vendor-specific extensions.

offline
  • Web developer
  • Pridružio: 03 Feb 2015
  • Poruke: 501

Au sto su zeznuti ovi Containeri, ima dosta kodova za njih.. Kako mogu da ih pomeram po zelji? Npr hocu da ga stavim na desnu stranu..

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14824
  • Gde živiš: Niš

Odgovor je sličan kao ranije: vasa.93 ::Može na zilion različitih načina. float: right je recimo jedan mogući način.

offline
  • Web developer
  • Pridružio: 03 Feb 2015
  • Poruke: 501

Bravo Vaso, svaka cast, uspeo sam, hvala na odgovorima Smile

A znas sta hocu jos, onu sliku sto sam ti poslao danas sto sam odradio u HTMLu, kako da ubacim taj sadrzaj u container, tipa u ovaj.

[Link mogu videti samo ulogovani korisnici]

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14824
  • Gde živiš: Niš

Pa samo ga iskopiraj tu gde treba i to je to. Smile

offline
  • Web developer
  • Pridružio: 03 Feb 2015
  • Poruke: 501

Napisano: 22 Avg 2017 12:20

Ovaj CSS je mnogo obiman, bogami treba za njega vreme.

Dopuna: 24 Avg 2017 9:29

Uzeo sam kao primer ovaj sajt : [Link mogu videti samo ulogovani korisnici]


I poceo sa radom i evo mog pocetnog rada i mojih kodova, pa mi vi recite, da li sam ja to mogao da odradim na malo jednostavniji i laksi nacin.

Rad:



<html> <head>   <title>Nutrition.rs</title>        <style type="text/css">        #box1 {                                                                                          width: 1276px;            height: 140px;                                                               background: #242424;            border: 2px solid #39393A;            margin: -8px 50px 50px -8px;        }        #box2 {            width: 1276px;                               height: 30px;                               background: #333333;            border: 2px solid #39393A;            margin: -8px 50px 50px -8px;            margin-top: -52px          }          #box3 {            width: 1276px;                               height: 2200px;                               background: #050505;            border: 2px solid #39393A;            margin: -8px 50px 50px -8px;            margin-top: -52px          }         #box4 {                        width: 900px;                               height: 400px;                               background: #212121;            border: 2px solid #39393A;            margin: 100px 100px 300px 160px;            margin-top: 20px         }       } </style> </head> <body>   <link rel="stylesheet" type="text/css" href="css/mycss.css">   <div id="box1" style="color:#BBBBBB">   <dl>          <dd><h2>      Ogistra Nutrition Blog</h2><dd>      <dd>         Treninzi Ishrana Suplementacija sve na jednom mestu</dd> <p><img src="trening.png"      ></a></p> </dl> </div> <div id="box2"> </div> <div id="box3">   </div> <div>   <h3><a href="index.html" style="color:white">Home</a></h3> </div>  <div>   <h4><b><a href="http://wwwogistra-nutrition-shop.blogspot.rs/p/trening-tekstovi.html" style="color:white">Trening (Textovi)</a></b></h4> </div> <div> <h5><strong><a href="http://wwwogistra-nutrition-shop.blogspot.rs/p/obrok-dana-photography.html" style="color:white">Obrok dana</a></strong></h5> </div> <div id="box4">   <center><img src="naslovna.jpg" width="900"></center> </body> </html>

CSS code:

p  {     float: right;     margin-top: -60px;     margin-right: 160px; } dl dd {     margin-left: 100px; } div h3 {     margin-top: -2272px;     margin-left: 160px; } h4 {        margin-left: 250px;    margin-top: -38px } h5 {     margin-left: 415px;     margin-top: -36px; }

offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4576

Stavljaj CSS u zasebne fajlove pa ih učitavaj preko <link>. Takođe, izbegavaj korišćenje linijskog CSS-a (style="..."), veoma je nepraktično za održavanje.

Ko je trenutno na forumu
 

Ukupno su 1317 korisnika na forumu :: 85 registrovanih, 12 sakrivenih i 1220 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: alberto, ArmFPGA, bobo85, bolenbgd, chica, Cian, cvrle312, d.arsenal321, dankisha, darionis, deLacy, Denaya, Dimitrise93, dozorni, DrNeoCortex, Dzoni70, FileFinder, filip1326, FOX, galerija, GandorCC, Gerilac, gomago, GT, GveX, Igor Antonic, istina, ivan1973, jackreacher011011, jodzula, JOntra, Konda, Kubovac, kybonacci, lafa008, Lazokobra, Litostroton, LostInSpaceandTime, Mackomen, Marko00, marsovac 2, mercedesamg, milenko crazy north, MiroslavD, mm1811, mnn2, moldway, mrgud2025, Mskok, mushroom, nekdo, neutrino, nikoli_ca, nisamBot, NNPD, nobutado, obsc, OtacMakarije, Panter, PlayerOne, Povratak1912, proka89, raso76, Ripanjac, Rocky I, S.Sisarica, Shadow soldier, shadow200, sistem22, Slobodan Filipović, stokssone, synergia, tamno.nebo, tecataki, Trpe Grozni, Tumansky, Underwood, USSVoyager, vidra1, Volkcho, x9, XiaomiX, zastavnik, ZlatniRez, Zrcalo