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
*{
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;
}