|
CSS - Displaying A Table (was Css Embedding In Php Script)
Hi,
I wrote a code that would import some mysql data into my website. Now I want to format that data into a nice table. Table is probably the wrong term since I am trying to avoid HTML. Anyway I was wondering how you can embed CSS into a PHP script. here is my website: dicebaseball dot org The 4/27Bruins0Dragons0 is the data I am trying to make tabular Here is the code that I am trying to embed CSS into: Code:
<?php
mysql_connect("localhost", "....", "....") or
die("Could not connect: " . mysql_error());
mysql_select_db("...");
$result = mysql_query("SELECT * FROM scores")
or die(mysql_error());
$row = mysql_fetch_array( $result );
echo $row['game_date'];
echo $row['away_team'];
echo $row['away_score'];
echo $row['home_team'];
echo $row['home_score'];
?>
Similar TutorialsHello, I'm brand new to this CSS business, so please be gentle! I'm trying to place my AP Div objects inside a table so that their positions are relative to the edges of the table, rather than relative to the edges of the browser window. I'm guessing I need to somehow put the code for the table around the code for the AP Div objects, but I can't work out how it's supposed to look. Any guidance would be much appreciated. Thanks! Please help. I have a page with a table just inside the body tag, which i dont want displayed. This is an ad table and i have no control over it because my free host puts it there. I have my own table inside a <div> tag, which I do want displayed. How can i set up my stylesheet to not display the table just inside the body tag but to do display the table inside the div tag? thanks I am trying to work on a project from HTML Utopia: Designing without Tables Using CSS. It is from Chapter 9. It should be a layout with a header and three columns. A footer was added to the bottom and floats were incorporated to the content and sidebars so that nothing interferes with the footer. So, the footer shows up okay, but the positioning of the sidebars is now screwed up. It would be nice if I could show you an image of what this looks like, but this site won't let me do that because I am a new member. I will try to describe it the best I can. Instead of being a layout with a header and three columns on top with the footer on the bottom, it has the header and middle content div on top and the two sidebars are both on the bottom with lots of space above them. The footer is on the bottom as it should be. Here is the code (this is not the whole code--this is the code I think would effect the layout): body { margin: 0; padding: 0; background-color: #050845; color: white; background-image: url(web_site_files/02_creating_the_layout/img/bg.jpg); background-repeat: repeat-x; font: small Arial, Helvetica, sans-serif; } #wrapper { background-color: #fdf8f2; color: black; margin: 30px 40px 30px 40px; padding: 10px; } #sidebar2 { float: left; width: 159px; border-top: 1px solid #b9d2e3; border-left: 1px solid #b9d2e3; border-bottom: 1px solid #b9d2e3; background-color: white; color: black; margin: 0; padding: 0; top: 1px; } #main { width: 100%; margin-top: 10px; } #sidebar { float: right; width: 220px; background-color: #256290; margin: 0; padding: 0; color: white; } Does anything look weird with the code above? If all of that looks right, then I can look and see if it is something else. I am seriously confuzzeled. I appreciate the help--I am trying to learn this on my own. (: hi i have a table script from a website and want to use it for my own the script is not working good and i want to know if soemone can help me out here with this script what do i hva to do to make this work with all the function of the filter and the other function the script <html> <head> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function fmPopUp(url,width,height,status,toolbar,scrollbars) { if (width == null) w = 600; else w = width; if (height == null) h = 400; else h = height; if (status == null) st = 0; else st = status; if (toolbar == null) tb = 0; else tb = toolbar; if (scrollbars == null) sb = 1; else sb = scrollbars; open(url,"_blank","status="+st+",toolbar="+tb+",scrollbars="+sb+",resizable=1,width="+w+",height="+h+",screenX=30,screenY=30,left=30,top=30"); } //--> </script> <style type="text/css"> <!-- .style7 { color: #B7B7B7; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } .style8 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; } --> </style> </head> <link rel='STYLESHEET' type='text/css' href='css/default.css'> <STYLE> BODY {scrollbar-face-color: #666666; scrollbar-shadow-color: #334a66; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #1a1a1a; scrollbar-track-color: #000000; scrollbar-arrow-color: #ffffff} .style5 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } </style> <body bgcolor="333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <script type="text/javascript" src="javascripts/swfobject.js"></script> </td> <td width="473" valign="bottom"><div align="center"> <table width="473" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="right"> <table width="453" border="0" cellspacing="0" cellpadding="0"> </tr> </table> </div></td> <td width="11"> </td> </tr> </table> </div></td> </tr> </table> <table width="960" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="157"><img src="gfx/shadowsbars/leftmenu.gif" width="157" height="24"></td> <td width="787"><img src="gfx/releaselist/toppen2.gif" width="788" height="24"></td> <td width="16"><img src="gfx/releaselist/toppen_hoyrekant2.gif" width="16" height="24"></td> </tr> <tr> <td height="840" valign="top" background="gfx/shadowsbars/bg_leftmenuknapper2.gif"> <table width="157" height="555" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="700" valign="top"><div align="center"> </div></td> </tr> </table></td> <td valign="top" background="gfx/releaselist/bg_main2.gif"> <table width="787" height="47" border="0" cellpadding="0" cellspacing="0" background=""> <tr> <td width="26"> </td> <td width="749"><span class="style7"> <td width="12"> </td> </tr> </table> <table width="787" height="59" border="0" cellpadding="0" cellspacing="0" background=""> <tr> <td width="26" height="39"> </td> <td width="750"><font color="e6e6e6" size="1" face="Verdana, Arial, Helvetica, sans-serif"> <form method="get" action="gamebrowse.asp" name="frmGameBrowser" style="display: inline;"> <table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="669"><font color="e6e6e6" size="1" face="Verdana, Arial, Helvetica, sans-serif"> <input type="hidden" value="title" name="sort"> <input type="hidden" value="all" name="letter"> <input type="hidden" value="1" name="page"> <input type="hidden" value="asc" name="sortdir"> </select> <strong>GEN </strong> <select name="category" style="width:100px;border-style:Groove;"> <option value="all" selected>All</option> <option value="13">-</option> <option value="11">Action</option> <option value="19">Action/Adventure</option> <option value="3">Adventure</option> <option value="20">Cards</option> <option value="23">Children</option> <option value="18">Entertainment</option> <option value="15">Fighting</option> <option value="4">FPS</option> <option value="24">Hunting</option> <option value="21">MMOFPS</option> <option value="14">MMORPG</option> <option value="17">Music</option> <option value="16">Puzzle</option> <option value="12">Racing</option> <option value="22">Retro</option> <option value="8">RPG</option> <option value="2">Simulator</option> <option value="9">Sport</option> <option value="1">Strategy</option> <option value="5">Tactical</option> </select> <strong>LANGUAGE:</strong> <select name="territory" style="width:80px;border-style:Groove;"> <option value="us">USA</option> <option value="eu" selected>UK/Euro</option> <option value="sca">Nordic</option> </select> </font></td> <td width="81"><font color="e6e6e6" size="1" face="Verdana, Arial, Helvetica, sans-serif"> <input name="image" type="image" style="border-width:0px;" value="submit" src="" alt="Apply Changes"/></font></td> </tr> </table> </form> </font> </td> <td width="11"> </td> </tr> <tr> <td height="20"> </td> <td> <div align="left"> <font color="e6e6e6" size="1" face="Verdana, Arial, Helvetica, sans-serif"> | <a href="gamebrowse.asp?letter=all&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> <font color="#6B7DE5"><b>ALL</b></font> </a> | <a href="gamebrowse.asp?letter=num&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> 0 - 9 </a> | <a href="gamebrowse.asp?letter=a&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> A </a> | <a href="gamebrowse.asp?letter=b&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> B </a> | <a href="gamebrowse.asp?letter=c&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> C </a> | <a href="gamebrowse.asp?letter=d&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> D </a> | <a href="gamebrowse.asp?letter=e&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> E </a> | <a href="gamebrowse.asp?letter=f&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> F </a> | <a href="gamebrowse.asp?letter=g&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> G </a> | <a href="gamebrowse.asp?letter=h&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> H </a> | <a href="gamebrowse.asp?letter=i&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> I </a> | <a href="gamebrowse.asp?letter=j&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> J </a> | <a href="gamebrowse.asp?letter=k&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> K </a> | <a href="gamebrowse.asp?letter=l&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> L </a> | <a href="gamebrowse.asp?letter=m&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> M </a> | <a href="gamebrowse.asp?letter=n&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> N </a> | <a href="gamebrowse.asp?letter=o&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> O </a> | <a href="gamebrowse.asp?letter=p&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> P </a> | <a href="gamebrowse.asp?letter=q&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> Q </a> | <a href="gamebrowse.asp?letter=r&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> R </a> | <a href="gamebrowse.asp?letter=s&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> S </a> | <a href="gamebrowse.asp?letter=t&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> T </a> | <a href="gamebrowse.asp?letter=u&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> U </a> | <a href="gamebrowse.asp?letter=v&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> V </a> | <a href="gamebrowse.asp?letter=w&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> W </a> | <a href="gamebrowse.asp?letter=x&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> X </a> | <a href="gamebrowse.asp?letter=y&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> Y </a> | <a href="gamebrowse.asp?letter=z&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> Z </a> </font></div> </td> <td> </td> </tr> </table> <table width="787" height="12" border="0" cellpadding="0" cellspacing="0" background=""> <tr> <td height="12"><div align="center"><img src="" width="1" height="1"></div></td> </tr> </table> <table width="787" height="21" border="0" cellpadding="0" cellspacing="0" background=""> <tr> <td width="27"> </td> <td width="760"> <table width="760" border="0" cellspacing="0" cellpadding="2"> <tr> <td width="372"><span class="style5"> <a href="gamebrowse.asp?sort=title&letter=all&platform=ps3&category=0&status=all&territory=eu&page=1&sortdir=desc">TITLE</a> <img src="" width="5" height="3"> </span></td> <td width="139"><span class="style5"> <a href="gamebrowse.asp?sort=category&letter=all&platform=ps3&category=0&status=all&territory=eu&page=1">GENRE</a> </span></td> <td width="128"><span class="style5"> <a href="gamebrowse.asp?sort=release&letter=all&platform=ps3&category=0&status=all&territory=eu&page=1">UK/EURO</a> </span></td> <td width="105"><span class="style5"> <a href="gamebrowse.asp?sort=status&letter=all&platform=ps3&category=0&status=all&territory=eu&page=1">STATUS</a> </span></td> </tr> </table> </td> </tr> </table> <table width="787" border="0" cellpadding="0" cellspacing="0" background=""> <tr> <td width="27"> </td> <td width="760" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="" width="1" height="8"></td> </tr> </table> <table width="760" border="0" cellspacing="0" cellpadding="2"> <tr onMouseover="this.style.backgroundColor='#4d4d4d';" onMouseout="this.style.backgroundColor='';"> <td width="372"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> <a href="http://www.tothegame.com/ps3-4200-2-days-to-vegas-for-sony-playstation-3.html"><font color="#6B7DE5">2 Days to Vegas</font></a></font></td> <td width="138"><font color="D7D7D7" size="1" face="Verdana, Arial, Helvetica, sans-serif">Action </font></td> <td width="126"><font color="D7D7D7" size="1" face="Verdana, Arial, Helvetica, sans-serif"> TBA </font></td> <td width="77"><font color="D7D7D7" size="1" face="Verdana, Arial, Helvetica, sans-serif">Upcoming</font></td> <td width="23"><div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFF </font></div> </td> </tr> </table> <table width="100%" height="30" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="65%"> <font color="e6e6e6" size="1" face="Verdana, Arial, Helvetica, sans-serif"> <br> <em>Results 1 - 100 of 479.</em><br> <br> </font><font color="e6e6e6"><span class="style8"> <font color="#6B7DE5">[1]</font> <font color="e6e6e6"><a href="gamebrowse.asp?letter=all&platform=ps3&category=0&status=all&territory=eu&page=2&sort=title&sortdir=asc">[2]</a></font> <font color="e6e6e6"><a href="gamebrowse.asp?letter=all&platform=ps3&category=0&status=all&territory=eu&page=3&sort=title&sortdir=asc">[3]</a></font> <font color="e6e6e6"><a href="gamebrowse.asp?letter=all&platform=ps3&category=0&status=all&territory=eu&page=4&sort=title&sortdir=asc">[4]</a></font> <font color="e6e6e6"><a href="gamebrowse.asp?letter=all&platform=ps3&category=0&status=all&territory=eu&page=5&sort=title&sortdir=asc">[5]</a></font> <a href="gamebrowse.asp?letter=all&platform=ps3&category=0&status=all&territory=eu&page=2&sort=title&sortdir=asc"><strong>NEXT</strong></a> </span></font> <br> <br></td> <td width="35%"><div align="left"></div></td> </tr> </table> </td> </tr> </table> <table width="787" height="21" border="0" cellpadding="0" cellspacing="0" background=""> <tr> <td width="24"><div align="center"><font color="e6e6e6" size="1" face="Verdana, Arial, Helvetica, sans-serif"> </font></div></td> <td width="763"> <div align="left"> <font color="e6e6e6" size="1" face="Verdana, Arial, Helvetica, sans-serif"> | <a href="gamebrowse.asp?letter=all&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> <font color="#6B7DE5"><b>ALL</b></font> </a> | <a href="gamebrowse.asp?letter=num&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> 0 - 9 </a> | <a href="gamebrowse.asp?letter=a&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> A </a> | <a href="gamebrowse.asp?letter=b&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> B </a> | <a href="gamebrowse.asp?letter=c&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> C </a> | <a href="gamebrowse.asp?letter=d&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> D </a> | <a href="gamebrowse.asp?letter=e&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> E </a> | <a href="gamebrowse.asp?letter=f&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> F </a> | <a href="gamebrowse.asp?letter=g&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> G </a> | <a href="gamebrowse.asp?letter=h&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> H </a> | <a href="gamebrowse.asp?letter=i&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> I </a> | <a href="gamebrowse.asp?letter=j&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> J </a> | <a href="gamebrowse.asp?letter=k&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> K </a> | <a href="gamebrowse.asp?letter=l&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> L </a> | <a href="gamebrowse.asp?letter=m&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> M </a> | <a href="gamebrowse.asp?letter=n&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> N </a> | <a href="gamebrowse.asp?letter=o&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> O </a> | <a href="gamebrowse.asp?letter=p&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> P </a> | <a href="gamebrowse.asp?letter=q&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> Q </a> | <a href="gamebrowse.asp?letter=r&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> R </a> | <a href="gamebrowse.asp?letter=s&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> S </a> | <a href="gamebrowse.asp?letter=t&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> T </a> | <a href="gamebrowse.asp?letter=u&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> U </a> | <a href="gamebrowse.asp?letter=v&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> V </a> | <a href="gamebrowse.asp?letter=w&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> W </a> | <a href="gamebrowse.asp?letter=x&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> X </a> | <a href="gamebrowse.asp?letter=y&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> Y </a> | <a href="gamebrowse.asp?letter=z&platform=ps3&category=0&status=all&territory=eu&page=1&sort=title&sortdir=asc"> Z </a> </font></div> </td> </tr> </table></td> <td background=""> </td> </tr> <tr> <td background=""> </td> <td valign="bottom" background=""><img src="" width="788" height="16"></td> <td valign="bottom" background=""><img src="" width="16" height="16"></td> </tr> </table> <table width="960" height="103" border="0" align="center" cellpadding="0" cellspacing="0" background="../gfx/bottom/bg2.gif"> <tr> <td height="47"><div align="center"> <table width="950" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="157"><div align="left"> <table width="43" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><img src="" width="23" height="22" /></div></td> </tr> </table> </div></td> </script> </body> </html> i hope soemone can help me out thanks Hi, I have a new template, and a new separate menu; the code has been validated on both. I'm having trouble adding the new menu to the new template, replacing the menu that came with the template. What I would like to do is embed it if possible so when I add content I won't have to change the menu on 400 different pages; also this is a nice menu with lots of code in the html. Is it possible to embed a menu from a root file with a small code? If not how do I add the huge code to my template? I have tried putting it on the top but the drop down doesn't work and parts of it are obscured by the content on my page. If I put the menu about half way down my page it works alright, but I need it on the top. (I tried to post the urls below but the forum rules prevent new members from doing so.) I know this is a lot of info, but I hope you can help me, if so I really appreciate it. Thanks, Dave I'm relatively ignorant about css and html, but I've faked my way along so far. But I've encountered a problem. I designed a style for a blog on LiveJournal, and it looks OK there. (http://www.livejournal.com/users/javajed/). I've also put a small bit of JavaScript in my website to embed my blog there. (http://www.jaredvoss.com/). On my website, the embedded blog is all screwy. All three DIVs should be contained within the scrolling layer, but only two of them are. Originally the sidebar DIV was even hidden behind the layer it's embedded in (I brought it forward using a z-index code). It seems like the sidebar DIV is taking it's position cues from the main body of my site, while the other DIVs are taking their position cues from the layer they're embedded in. I want all three DIVs to be aligned as they are on LiveJournal, and contained within the scrolling layer on my website. Any ideas? I've tried using wrapper divs and container divs (maybe not correctly) without success. Thanks for any help! I used this method because it seems like the most accessible and search-engine friendly. I run into a problem in IE6 and IE7 where the cursor does not turn into a pointer when the mouse is hovered over the image. HTML: Code: <h1 class="header">
<a href="#"><span></span>Header Text</a>
</h1>
CSS: Code: #header h1.header{
width:163px;
height:37px;
float:left;
position:relative;
}
#header h1.header a{
float:left;
display:block;
width:163px;
height:37px;
}
#header h1.header span{
background: url(../images/common/logo.gif) no-repeat;
position: absolute;
width: 163px;
height: 37px;
}
I feel like there is one style declaration I'm missing, but I cannot figure it out. I have a site that is designed to include a specific heading and footing on every page so that I can change my header and footer very easily. Problem is, my heading includes the entire <head> portion of the webpage, and doesn't end until it has already started the body. I am a bit old school and have my pages laid out as a table, which starts with my included header and ends with my included footer (the content goes into the "main" table cell opened by the header and closed by the footer). So, I guess I have a couple questions: - Is there any good way to embed page-specific style sheets given these constraints? - Do you think it is worth dividing up my header into two separate includes (e.g. 'header1.php and 'header2.php') so that I can customize the <head> section for each page? Issue resolved using forum search. Thanks for having such great resources - I just had to search for a while. I've been making ok progress with CSS (thanks to your help ) but have come up with a problem when wanting to embed a flash movie into my webpage. How do i do it using CSS? the follwing Html code works fine but fails upon validation. Code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="300>
<param name="movie" value="flash/home.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#A1D7FD">
<embed src="fighter.swf" width="250" height="250" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#A1D7FD"></embed></object>
Any help is appreciated. Also - is it a bad idea including small intro flash movies for webpages? any help is appreciated Hello, While testing a site in different browsers/systems, I've found the need to have a suitable replacement for Arial Narrow. Since font-stretch doesn't work (not implemented?), I need a widely available substitute. I've thought about font embedding, but all those articles out there with demos, I can't get them to work with Firefox. So I'm guessing Firefox simply doesn't support font embedding? Is there a way to make font embedding work? The other issue I'm having trouble with, how to make the link outlines disappear in IE? I've added :active, :focus { outline: 0 } to my stylesheet, and it works great in Firefox, however, IE insists on displaying an outline on the links. Any advice on these issues? I have a textarea in a <td>which asks for users for some description. If users enter text and don't use any space or enter, the width of the table gets bigger and bigger and damages the pages design. What can I add (to td.fixed_width css for example )to make the line break after the width of the table is reached??? There is a solution that I put a div in td and then Code: #desc {
width:"100%";
width::fixed;
overflow:scroll;}
but it is not exactly what I want hi every one... How can I display static headers in a table, so that headers remain visible while user scrolls the table body? This is not working in IE 7 any working example please 2. iam having a column which holds data around some 100 to 200 characters... by default i want to display some 50 characters and rest of the characters can be viewed by moving the column... if this is possible let me know how to do it with some sample code......i dont know much about CSS 3. One more problem iam facing is with the number of columns displayed in the table. I have to display around 15 to 20 columns in a table... with this 15 to 20 columns in a table, i can see scrollbar to the page ....but i dont want scrollbar to the page, instead i want want scroll bar to the table (so that it doesnot effect the design of the page) I need a fixed table width and height and also fixed column width and height..... Note: I dont mind if columns are not visible (thru scrool bar i should see the hide columns) Alright, this is probably a simple fix but I can not find the solution anywhere. I'm trying to highlight a table cell with a 2px solid red border when it is clicked. Is there a way to get this to happen with out changing the size of the cell? I hope this makes sense. Basically the cell is expanding by 1 px causing movement in the table. I have a dynamic table that is in the cell of another table. For the life of me I cant get it to stick to the top of the cell. It wants to sit at the midline of it vertically. Thanks for reading. -------------------------------------------------------------------------------- Hello, Not exactly sure where to post this question... but: I'm having a bit of trouble keeping a table at a fixed height. What I have is a Small 200x80px table above my an input form. As users type data into the input form, javascript code dynamically updates the contents of the table. I have the table width properly fixed, and the input fields have character limitations... however if a user inputs a lot of capital letters or other wide characters, the table automatically increases in height when the text wraps. It's pretty much necessary that the text wraps for the middle lines of the table, and on the other two lines I have used the javascript to remove wrapping, but I never want the table to grow longer than 80px no matter how much is typed in the fields. Is there a way that I can constrain the table height? Thanks in advance! I'm trying to get a table inside another table which completely fills the parent table, but I cannot get it to work. The simple piece of code illustrates my problem. The red table is inside the blue table but does not cover the entire cell from top to bottom, but only the centre. I want this table to be streched. Obviously height: 100% doesn't work. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<body>
<table>
<tbody>
<tr>
<td>
1<br>2<br>3<br>4<br>5<br>
</td>
<td style="background: blue;">
<table style="height: 100%; background: red;">
<tbody>
<tr>
<td style="vertical-align: bottom">
Test
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
I'm working on a site (here) that has a two column style layout. Everything works fine in almost any browser OTHER than IE... In IE, the main (right) column shifts so that it is below the content length of the left (floated) column. I want them to be side by side... I've been playing with different solutions for several days. Can anyone help? (link to css file). relevant html: Code: <div id="wrapper"> <div id="container"> <div id="content"> <div id="left"> <!-- Left Block Start --> <!-- Left Sidebox Start --> <!-- Left Sidebox End --> <!-- Left Block End --> </div> <div id="main"> <!-- Center Sidebox Start --> <!-- Center Sidebox End --> <!-- BEGIN: Default News-index Article --> <!-- END: Default News-index Article --> </div> </div> </div> <div class="clearing"> </div> </div> relevant css: Code: /* styles to create table-less layout */
#wrapper {
padding-top:10px;
background-color: white;
text-align:center;
}
#container {
width: 770px;
height: auto;
margin: 0 auto 0 auto; /* sets the left and right margins to auto for everything else */
border-top: 1px solid white;
}
#content {
/*width: 770px; */
text-align:center;
}
#main {
text-align: left;
margin-left: 175px;
width: 595px;
}
#left {
text-align: left;
float: left;
width: 160px;
}
/* utility clearer class */
.clearing {
height: 0px;
clear: both;
}
thanks in advance for the help! Hi, I'm trying to write a simple website but I can't get it to run correctly in Internet Explorer. It looks fine in Firefox and Safari, but in IE none of the CSS is used, it looks like a regular html document. I've run the Validations for both files and they pass (aside from the html file throwing errors about the css styles). Here is my code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TITLE</title> <link rel="stylesheet" type="text/css" href="style.css"> <!-- Date: 2009-08-10 --> </head> <body bgcolor="#D5D5D5"> <center> <banner> <img src="toptile.jpg" height="150px" width="100%" alt="topbanner"> </banner> <br> <logo> <img src="bannerlogo.png" alt="logo"></logo> <navbar> <img src="navbar.png" width="100%" height="650px" alt="background"> </navbar> <blackbar><img src="black.png" width="100%" height="20px" alt="blackbox"></blackbar> <br> <middle> <table border="0" width="800px" cellpadding="10" bgcolor="#DBFBFF"> <tr> <td width="50%" valign="top"> <br><br><br><br><br> <center> Coming Soon... </center> </td> </tr> </table> </middle> </center> </body> </html> and the CSS: Code: logo
{
position:absolute;
display:block;
margin-left: auto;
margin-right: auto;
top:10px;
width:100%;
z-index:3;
}
banner
{
position:absolute;
top:-10px;
left:-10px;
right:0px;
z-index:2;
}
middle
{
position:absolute;
display:block;
top:100px;
margin-left: auto;
margin-right: auto;
width:100%;
z-index:1;
}
navbar
{
position:absolute;
top:140px;
left:0px;
right:0px;
z-index:-1;
}
blackbar
{
position:absolute;
top:140px;
left:0px;
right:0px;
z-index:4;
}
I realize I'm probably not using all the best practices, but it displays fine on everything but IE. Can someone please help me out here. Thanks |
|||||||