[ boguda @ 21.12.2015. 10:07 ] @
| Pozdrav,
Nisam neki web dizajner(pocetnik moze se reci) ali znam ponesto.
Evo web strane koju pravim okpionir.co.nf
problem mi je sto Edge, chrome I dragon recimo prikazuju sve kako treba dok firefox ne prikazuje inline evo koda za css
Code:
*{
margin: 0px;
padding: 0px;
}
h1{
font: bold 20px Tahoma;
}
h2{
font: bold 14px Tahoma;
}
header, section, footer, aside, nav, article, hgroup{
display: block;
}
body{
width: 100%;/* ikao je po difoltu 100% zbog razlike u browserima treba dodati*/
display:-webkit-box;
-webkit-box-pack: center;
-webkit-box-orient: vertical;
-webkit-box-flex: 1;
text-align: center;
background-image: url(Img2/bck_img.png);
background-repeat: repeat;
/*--
background: -webkit-linear-gradient(270deg, white 0%, rgb(100,100,100) 110%);--*/
}
#big_wrapper{
box-shadow: rgb(0,0,0) 0px 0px 10px;
margin-left: 200px ;
margin-right: 200px;
margin-top: 3px;
margin-bottom: 5px;
text-align: left;
background:#F8E0F7 ;
/*--#D8D8D8--*/
}
#new_div{
display:-webkit-box;
-webkit-box-orient: horizontal;
}
#top_header{
display:-webkit-box;
-webkit-box-orient: horizontal;
background: #F8E0F7;
padding-left: 200px;
padding-right: 200px;
padding-top: 20px;
}
#naslov{
-webkit-box-flex: 1;
}
#logo img{
border-radius:8px;
-webkit-box-flex: 1;
}
#naslov h1{
font: bolder 80px Helvetica;
vertical-align: center;
padding-top: 35px;
text-align: center;
color: #5F04B4;
text-shadow: rgb(95,4,180) 1px 5px 10px;
}
#facebook a{
text-decoration: none;
color: white;
}
#facebook:hover{
height: 45px;
font: bolder 40px Verdana;
}
|
[ djoka_l @ 21.12.2015. 10:19 ] @
Pa problem je što koristiš webkit atribute, što je OK za Chrome i Dragon, ali Friefox koristi drugačiji engine.
Probaj da dodaš -moz-box atribute. Oni ne bi trebali da smetaju da Chrome prikazuje kako treba, a Firefoxu bi možda pomogli...
[ kunc @ 21.12.2015. 10:21 ] @
CSS prefixes such as -ms-, -webkit-, -moz- (različiti browseri koriste različite webkit-ove)
U tvom slučaju, nigdje ne vidim da koristiš -mozkit za mozilu. Pokušaj da site provučeš kroz Bootstrap (lakše ćeš napraviti responsive site)
[ boguda @ 21.12.2015. 10:25 ] @
znaci mogu da ostavim wekit za chrome a samo da dodam za firefox.
Sajt nije responsive to cu tek probati kad budem ovo zavrsio, I sa ovim imam previse muke :-)
Bootstrap nisam nikada koristio niti bilo sta od tih alata ali sad cu probati. Valjda kad si pocetnik samo gledas da ne komplikujes sa jos vise alata
[ djoka_l @ 21.12.2015. 10:28 ] @
A najbolje je da batališ sve te engine based atribute i da koristiš samo standardne...
[ boguda @ 21.12.2015. 10:32 ] @
A da li je dobro za mene kao pocetnika da pocnem da koristim ove framework.
Probao sam vec sa foundation-om ali mi se cinilo da dobijam sve na ko na tacni pa kad dodjem u situaciju da treba nesto da izmenim i dodam nesto svoje posto nemam
adekvatno znanje potpuno se izgubim
[ djoka_l @ 21.12.2015. 10:41 ] @
Pitanje je šta je bolje za početnika. Iz tvog prvog rada se vidi da si uspeo da dobiješ stranicu koja je potpuno rasturena u jednom pretraživaču u odnosu na ono što si hteo da dobiješ.
Bolji framework sam nećeš napraviti. A možeš mnogo da naučiš ako se budeš udubio u to kako radi Foundation.
Možda ćeš u nekom sledećem projektu biti deo tima koji koristi Foundation, ili Bootstrap ili nešto drugo. Ako se budeš profesionalno bavio webom moraćeš da naučiš mnogo što šta...
[Ovu poruku je menjao djoka_l dana 21.12.2015. u 12:24 GMT+1]
[ boguda @ 21.12.2015. 19:50 ] @
a da li ima razlike izmedju Faundation-a I Bootstrap-a, ne mislim u codu nego u prednostima i manama
Copyright (C) 2001-2025 by www.elitesecurity.org. All rights reserved.