manix Posted October 23, 2011 Share Posted October 23, 2011 As the title pretty much describes it, everything was great before I added a doctype, now that I have, css styling wont apply to a certain class only, why is that? Quote Link to comment Share on other sites More sharing options...
Frank P Posted October 23, 2011 Share Posted October 23, 2011 Probably has to do with CSS filters or hacks. Code? Quote Link to comment Share on other sites More sharing options...
manix Posted October 23, 2011 Author Share Posted October 23, 2011 well for instance .title { font-weight:bold; font-size:17px; color:red; } .moreinfo { font-weight:bold; font-size:17px; } these 2 are in the same div (if it makes any difference) and the styling for moreinfo is applying unlike the styling for title Oo I changed a few doctypes to check if it was a single doctype problem and it turned out not to be. I'm using xhtml framework doctype. Quote Link to comment Share on other sites More sharing options...
Frank P Posted October 23, 2011 Share Posted October 23, 2011 I need the whole code, from <doctype> to </html> (stripped of all irrelevant matters, and in one code block -- click the # button above the form). Quote Link to comment Share on other sites More sharing options...
manix Posted October 23, 2011 Author Share Posted October 23, 2011 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <!-- <link rel="stylesheet" type="text/css" href="ress.css"/> --> <!--[if IE]> <link rel="stylesheet" type="text/css" href="IEstyle.css" /> <![endif]--> <!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="style.css"/> <!--<![endif]--> <script src="jq.js" type="text/javascript"></script> <script src="script.js" type="text/javascript"></script> </head> <body> <div id="masscontainer" align="center"> <div id="logo"></div> <div id="content"> <blockquote> <div id="searchBar"> <button id="mglass"></button> <input id="searchBox"/> </div> <a href="add-movie"><div id="addbar" title="Add a movie"></div></a> <div id="leftcol"> <? if(isset($_GET['page'])){ $page=$_GET['page']; $page--; }else{ $page=0; } require('k.php'); $itemID=$page*3; $query = "SELECT `poster`,`title`,`year`,`AdditionalGenres` FROM `movies` ORDER BY `id` DESC LIMIT $itemID , 3"; $result = mysql_query($query); while($row = mysql_fetch_assoc($result)) { echo " <div class='movie' id='".$row['poster']."'> <blockquote> <div class='poster'> <img src='posters/".$row['poster'].".jpg' width='140' height='150'/> </div> <div class='info'> <span class='title'>".$row['title']."</span><br/> (".$row['year'].") <br><br> <strong>Genres:</strong><br> ".$row['AdditionalGenres']." <br/><br/><br/> <span class='moreinfo'>More Info »</span> </div> </blockquote> </div> "; } ?> </div> <div id="pagination" align="center"> <?php echo "<span id='paginationTooltip'>".round(mysql_num_rows(mysql_query("SELECT `id` FROM `movies1993`"))/6+4)." pages total</span>"; ?> <span class="indicator" id="lpage"><?echo$page+1;?></span> <span class="navigator" id="left"> ⋖ </span> <input id="currentPage" type="text" size="2" maxlength="4" value="<?echo$page+1;?>"/> <span class="navigator" id="right"> ⋗ </span> <span class="indicator" id='rpage'><?echo$page+2;?></span> </div> </blockquote> </div> </div> </body> </html> css doesnt apply for span "title" and <input id="currentPage" type="text" size="2" maxlength="4" value="<?echo$page+1;?>"/> everything else is fine. Quote Link to comment Share on other sites More sharing options...
Frank P Posted October 23, 2011 Share Posted October 23, 2011 Where's the CSS in that code? Put it in a style block. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.