i create html file, , css file externally referenced, both in netbeans ide ver 8.0.2 on mac machine.
while works coded in desktop, on uploading both public_html folder of hosting provider, styles getting applied partially.
for example, inner container named 'logo1' isn't getting right aligned.
ps: i know piece of code i've pasted below cause text within inner container spill over. please let not distraction.
my html code listed below:
<!doctype html> <!-- home page project 01 --> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> project 01 - key technological superiority </title> <link rel="stylesheet" type="text/css" href="commonstyles.css" /> </head> <body> <div class="container1"> <div class="logo1"> <!-- © code copyright symbol --> <h1> project 01 <sup>©</sup></h1> </div> <div class="footer1"> <b> bigger brighter better</b> </div> </div> </body> </html>my css code listed below:
div.container1 { position:relative; top: 0; left: 0; width: 600px; height: 100px; background-color: rgba(255,255,255,0.0); border: none; } div.logo1 { position:absolute; top: 10px; right: 0; width: 300px; height: 45px; background-color: rgba(57,29,75,1.0); color: white; text-align: center; font-family: arial; } div.footer1 { position:absolute; top: 60px; left: 150px; font: times new roman; font-variant: all-small-caps; }
is css file loading correctly, i.e. have check path? in fiddle, code seems work.
div.logo1 { position:absolute; top: 10px; right: 0; width: 300px; height: 45px; background-color: rgba(57,29,75,1.0); color: white; text-align: center; font-family: arial; } 
Comments
Post a Comment