January 24, 201016 yr Hello friends, I am designing a page i have defined styles in my style sheet but its not shoing any changes here is mypage and here is the style sheet /* Style sheet */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockqoute,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,d1,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0;border:0;outline:0;background:none;list-style:none;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} .reset {clear:both;display:block;height:0;font-size:1px;line-height:0.1;} .leftcol {width:195px;position:relative;float:left;} .leftcol p {margin-bottom:10px; font-size:11px;} .leftcol p.small {margin:0;} .rightcol {width:195px; position:relative;float:right;magin:2px;} .message {margin:-15px 0 20px -14px !important } .message,.youtube-video {width:100%;postion:relative;display:block;} .youtube-video {margin-bottom:20px;} .youtube-video a {margin-left:2px;} #home-story {position:relative;float:left;display:block;width:510px;background:#f5f5f5;height:495px;overflow:hidden;} #portfolio li,portfolio {height:310px;overflow:hidden;} #portfolio-desc {margin-top:10px;float:left;dispaly:block;} #portfolio-desc li {margin-right:15px; dispaly:none;width:445px;} #portfolio-desc strong {font-size:16px;font-weight:bold;color:#111;dispaly:block;padding-bottom:5px;} #portfolio-desc span (font-size:9px;color:#e51837;font-weight:bold;white-space:nowrap;} #slidenav {position:absolute;z-index:100;top:273px;right:25px;background:#333;padding:3px 3px 3px 3px;display:block;float:left;} #slidenav li {background:#111;color:#fff;display:block;float:left;padding:3px 7px;font-size:9px;margin-left:1px;cursor:pointer;} #slidenav li#button_selected {color:#fff;background:#e51837;} #slide_control {position:absolute:absolute;z-index:100;top:273px;left:25px;background:#333;padding:3px 3px 3px 2px;dispaly:block;float:left;} #slide_control li {background: #111;color:#fff;display:block;float:left;padding:3px 7px;font-size:9px;margin-left:1px;cursor:pointer;} /*structure *----------------------------------------------------------------------------*/ html {background:#fff;height:100%;} body { width: 100%; background: #fff url("/images/back-page.png") repeat-x; font: normal 13px arial, sans-serif; text-align: center; color: #4c4c4c; } #wrapper {position:relative;width:930px;margin:0 auto;padding-bottom:20px;text-align:left;} /*navigation -----------------------------------------------------------------------------------*/ div#logo {position:absolute;display:block;width:222px;height:112px;z-index:9997;} ul#nav { float: right; margin-top: 90px; position: relative; height: 50px; width: 855px; background: url("/images/nav.png") no-repeat; z-index: 9998;} div#logo img {display:none;} ul#nav {float:right;margin-top:90px;position:relative;height:50px;width:855px;background-color:#221E1F;}
January 24, 201016 yr In your html file, you link to cr.css, which imports screen.css. What happens if you link straight to screen.css?
January 24, 201016 yr Author In your html file, you link to cr.css, which imports screen.css. What happens if you link straight to screen.css? no still no change i have defined the important attributes of body but no change moreover i see 224 warningsin my page
January 24, 201016 yr no still no change i have defined the important attributes of body but no change moreover i see 224 warningsin my page the images referenced in your style sheet are not in your images folder
January 24, 201016 yr just validated it for you <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head><!--header start--> <title><!--title start--> Family support </title><!--title end--> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="description" content=""/> <meta name="keywords" content=""/> <link rel ="stylesheet" type="text/css" media="screen" href="screen2.css"/> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="/stylesheets/ie6.css" /> <![endif]--> </head><!--header end--> <body><!--body start--> <div id="wrapper"><!--wrapper start--> <div id="header"><!--header start--> <div id="logo"><!--logo start--> <a href="" title=" " /> </div><!--logo end--> <ul id="nav"><!--nav start--> <li id="about"><a href="" title="About us">About us</a></li> <li id=" resources"><a href="" title="Resources">Resources</a></li> <li id=" reform"><a href="" title="reform campaigns">Reform campaigns</a></li> <li id=" policy"><a href="" title="policy projects">Policy projects</a></li> <li id=" news"><a href="" title="News and events">News and events</a></li> <li id=" support"><a href="" title="Support us">Support us</a></li> <li id=" Publications"><a href="" title="Publications">Publications</a></li> <li id=" contact"><a href="" title="Contact">Contact</a></li> </ul><!--nav end--> <div id="get-involved"><!--getinvolved start--> <a href="" title=""></a> </div><!--get involved end--> <div id="searchform"><!--searchform start--> <form method="get" id="serach" action=""/> <fieldset> <input type="text" value="" name="s" id="s"/> <button type="submit" id="searchsubmit">Search</button> </fieldset> <span class="reset"> </span> </div><!--searchform end--> </div><!--header end--> <div id="content"><!--content start--> <div id="home-story"><!--homestory start--> <ul id="portfolio"><!--portfolio start--> <li><a href="" title=""><img src="" alt=""/></a></li> <li><a href="" title=""><img src="" alt=""/></a></li> <li><a href="" title=""><img src="" alt=""/></a></li> <li><a href="" title=""><img src="" alt=""/></a></li> </ul><!--portfolio end--> <ul id="slidenav"><!--slidenav start--> <li class="slide_0">1</li> <li class="slide_1">2</li> <li class="slide_2">3</li> <li class="slide_3">4</li> </ul><!--slidenav end--> <ul id="slde_control"><!--slide control start--> <li id="prev_button" class="prev_button"><</li> <li id="next_button" class="next_button"><</li> </ul><!--slide control end--> <div class="border"> <div class="support us"><a href="">Support us</a></div> <div class="crn"><img src="" alt="adad"/></div> <ul id="portfolio-desc"><!--portfolio desc start--> <li><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis. Proin malesuada ullamcorper nisl, sit amet ferme <span>Read more > ></span></a></li> <li><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis. Proin malesuada ullamcorper nisl, sit amet ferme <span>Read more > ></span></a></li> <li><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis. Proin malesuada ullamcorper nisl, sit amet ferme <span>Read more > ></span></a></li> <li><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis. Proin malesuada ullamcorper nisl, sit amet ferme <span>Read more > ></span></a></li> <li><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis. Proin malesuada ullamcorper nisl, sit amet ferme <span>Read more > ></span></a></li> </ul><!--portfolio_desc end--> </div> </div><!--homestory end--> </div><!--story end--> <div id="cr-today"><!--cr today start--> <div class="message"><a href=""><img src="" alt=""/></a></div> <div class="leftcol"> <p class="small"><a href="">FACTS</a></p> <p class="small"><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></p> <p class="small"><a href="">VICTORIES</a></p> <p class="small"><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></p> <p class="small"><a href="">ALERTS</a></p> <p class="small"><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></p> <p class="small"><a href="">ACTION</a></p> <p class="small"><a href=""><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel porttitor lorem. Mauris blandit nibh sem, sed cursus purus. Nulla vel tristique nunc. Vestibulum quis lectus vitae sapien consequat tristique sed adipiscing massa. In sed ante nunc. Cras luctus neque vel nisl pharetra ac luctus urna hendrerit. Nulla eu lorem ante. Sed non arcu odio. Sed eget porta turpis.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></p> </div><!--left col end--> <div class="rightcol"><!--rightcol start--> <div class="youtube-video"><a href=""><img src="" alt="watch avideo about our work"/></a></div> <div class="home-buttons"> <a href="" ><img src="" width="" height="" alt="Alerts"/></a><br/> <a href="" ><img src="" width="" height="" alt="Alerts"/></a><br/> <a href="" ><img src="" width="" height="" alt="Alerts"/></a><br/> <a href="" ><img src="" width="" height="" alt="Alerts"/></a><br/> </div> </div><!--right col end--> </div><!--cr today end--> <span class="reset">&</span> <span class="reset"> </span> </div><!--content end--> <div id="footer" class="homefoot"><!--footer start--> <p class="copy">@copy; 2010 Family Support ’s.Akll Rights Reserved<br/>Site by<a href="http://www.webdesigncut.com">Webdesigncut</a></p> <p class="links">Some address goes here<a href="">info@familysupport.com</a> | <a href="">Site map</a>|<a href="">Privacy policy</a></p> <div class="nub"> </div> </div><!--footer end--> <div id="signupform"><!--signupform start--> </div><!--signupform end--> <!--wrapper end--> </body><!--body end--> </html>
Create an account or sign in to comment