|
CSS - Css Imports
Hi guys
For some strange reason the .css file is not importing correctly in my html page; The layout is all jumbled. here's my import statement for the html page. <link rel="stylesheet" type="text/css" href="global.css" /> <style type="text/css"> @import url("css/general.css"); @import url("css/sectionfront.css"); </style> - The global.css controls the overall color and font size for the entire site. - I made certain that the file path was correct. - Do i need to put the above statement at the top of my .css files (general/sectionfront). What am I missing here? Thanks in advance!!! Similar TutorialsHere's a handy tip for you ... if like me you split your big stylesheet up into smaller ones, put them into a linked stylesheet and import them, like so: PHP Code: <link rel="stylesheet" type="text/css" href="main.css"> and in the CSS file itself ... PHP Code: @import url(css/file1.css); @import url(css/file2.css); @import url(css/file3.css); @import url(css/file4.css); some of you no doubt will already do this. here's the crux tho. if you also have some miscellaneous CSS which doesn't fit in any of the extra files and are going to include them in the linking [main] file, then you must include them after the import statements. if you don't Mozilla will ignore the imports and the extra files will not be included in the rendering. code should be like this: PHP Code: @import url(css/file1.css); @import url(css/file2.css); @import url(css/file3.css); @import url(css/file4.css); body { direction: rtl !important; } IE get's this correct regardless of the order. |
|||||||