|
HTML - Table Formating
I have a table with images and the table is well formated but after the table ends the contents are displayed beside it .
The contents should display below the table... why is this?? What should i do to bring the contents below table?? Thanks Similar TutorialsHi, I am having a problem with the formating of a search box inside a table. All I want is for the text field and submit button to sit exactly in the middle (vertically aligned) inside the table with an equal space above and below (table background is dark colour so very noticeable) In Dreamweaver, it looks fine until published - then there is a large gap below the text field and submit button but small space above. I basically am trying to get the space below the same as the one above. Take a look at the code to see what I mean. <style type="text/css"> <!-- .style2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; } --> </style> <table width="540" border="0"> <tr> <td width="534" height="26" bgcolor="#666666"><form action="http://www.soundscalpel.com/search.php" method="get" name="form1" target="_blank" id="form1"> <label for="textfield"></label> <div align="right"> <span class="style2">Search for Sound Effects </span> <input type="text" name="q" id="q" /> <input type="submit" value="Submit" /> </div> </form> </td> </tr> </table> Hope someone can help Thanks Hello, I am designing a new layout for my myspace using an overlay. What this means is I had to put all the links back in, and put in everythign by hand because I was more or less bypassing myspace's built in tools. The only problem I have is that now I have my code put in place and it displays everything fine except that it is all shifted to one side just a little bit so I have this ugly white bar that runs up the left side because all the code is shifted just a little bit to the right, and some of the original page is showing under the overlay. I do not know if this means I need to shift the overlay to the left or the code that I put in for my layout. Either way I coudl use some help in figuring this out Also, right now I have the background color set on the whole page as black. When I take out the style code that does that it shows white on the edges and shows how the content is shifted. Here is a link to the myspace page I am using to test the code http://profile.myspace.com/index.cfm...3-ee1f6161935a And attached is my code I am needing to place my paragraph alongside my title.. I am using the following code..
Code: <div align="justify"><strong><font color="#306">TopicHere</font></strong><br />TextHere</div> The above is not giving me what I need, What I need is shown here .. What I need is here Thank You for your help David hi ppl I'm formatting a table and i need some pro help. http://doyouwantfreecash.blogspot.com opening it in firefox2 everything looks aligned, but opening it in ie6 it gets messed up.. HTML Code: <p align="center"> <table align="center" background="http://img413.imageshack.us/img413/6695/tablebgpa5.png" border="1" cellpadding="0" cellspacing="0" width="809"><tbody><tr valign="bottom"><td height="72">re-building</td></tr><tr><td height="25"> </td></tr><tr><td height="60"><table align="center" border="1" cellpadding="0" cellspacing="0" width="750"><tbody><tr><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To</span></td><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To View Ads</span></td><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To Read Emails</span></td><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To Play Games</span></td></tr><tr><td><form name="gpt"><select name="gpt" onchange="textValueGpt()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=1" id="Great for it's 1c, 0.5c emails and Sign Ups.">DonkeyMails</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=2" id="Lots of 2c, 1c and 0.5c emails everyday! Paid To Sign Up, Paid To Promote and much more. Great website!">H.AdvertiserPro</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=3" id="Great for advertising, with a allot of 0.5c, 1c emails and point emails everyday.">YouRoMail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=4" id="Lots of daily paid emails worth 0.5c and offer emails worth up to 50c per offer! $3 payout.">Gain Mail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=5" id="Very good PTC section, with a few 2c, 1c and 0.5c emails per week.">MinuteGold</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=6" id="A few daily emails worth 0.2c and 0.5c, and offer emails worth up to 50c each!">ECashClicks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=7" id="A few daily emails worth 0.5c and 1c.">AdSentive</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=8" id="A few regular emails everyday.">GetPaidMail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=9" id="Great Sign-Up section, and weekly emails worth up to 2c.">BGPayMail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=10" id="Very good promoting section, good paid daily emails and more. * Portuguese">Sr. Clique*</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=11" id="Daily emails worth up to 3c, everyday! And much more. * Portuguese">PubliPT*</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=36" id="Lots of daily emails; 0.5c up to 2c.">CrocCash</option></select><input name="testbutton" value="Visit" onclick="window.open(document.gpt.gpt.options[document.gpt.gpt.selectedIndex].value)" type="button"> </form></td><td><form name="ptc"><select name="ptc" onchange="textValuePtc()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=12" id="Solid website that has been around for along time, with lots of new 1c and 2c ads everyday.">Clixsense</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=13" id="Solid, great website, with allot of 1 cent ads everyday!">WordLinx</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=15" id="Loads of 0.3c ads everyday!">LinkGrand</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=16" id="Currently having some problems with payments.">M.F.M.O.</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=17" id="Top website, with allot of new ads everyday, from 0.15c to 1c per ads.">AdBux</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=18" id="A bunch of 1c and 0.5c ads along the week.">ClixMedia</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=19" id="Allot of 0.3c, 0.5c ads everyday.">DreamClix</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=20" id="Solid website with a few new 0.15c and 1c ads everyday.">AdverCash</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=21" id="Solid website with a few new 0.15c and 1c ads everyday.">TitanClicks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=22" id="Honest website with a few new 0.5c and 0.15c ads everyday.">AdBuddy</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=23" id="Lots of 0.5c ads. Earn 30% off referrals' earnings. Honest webmaster.">SuzieQLinks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=24" id="Lots of 0.25c ads everyday. Earn 100% from referral activities.">ADfez</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=25" id="Lots of 1c, 0.75c, 0.50c and 0.25c ads everyday! Great website.">MomsFavClicks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=26" id="A few 0.3c ads, 0.15c per referral clicks. Long time maintained website. ">PayClicks</option></select><input name="testbutton" value="Visit" onclick="window.open(document.ptc.ptc.options[document.ptc.ptc.selectedIndex].value);" type="button"></form></td><td><form name="ptr"><select name="ptr" onchange="textValuePtr()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=27" id="A bunch of 0.5c, 0.8c and 1c emails everyday. $1 payout.">APairOf</option></select><input name="testbutton" value="Visit" onclick="window.open(document.ptr.ptr.options[document.ptr.ptr.selectedIndex].value);" type="button"></form></td><td><form name="games"><select name="games" onchange="textValueGames()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=28" id="Compete against an opponent, on a 'double your bet' basis. Make it to the final level and earn millions!">Moola</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=29" id="Great website with a few fun simple games, rewarded with very good prizes!">Prizee</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=30" id="Play for money prizes.">PimpsLord</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=31" id="Compete in a wide range of simple games, for huge money prizes, everyday!">WorldWinner</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=32" id="Explore the surface of Mars, gather Martian dollars, and trade them in for real cash!">Exodus3000</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=33" id="Make war with other players, and fight for money!">WealthWars</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=34" id="Win big money playing these awesome games.">BigPoint</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=35" id="Pick a number. Roll the roulette. Win!">Net Winner</option></select><input name="testbutton" value="Visit" onclick="window.open(document.games.games.options[document.games.games.selectedIndex].value);" type="button"></form></td></tr></tbody></table></td></tr><tr><td height="15"> </td></tr><tr><td height="25"><table border="1" cellpadding="0" cellspacing="0" width="809"><tbody><tr><td width="15"> </td><td width="494"><form name="textBoxForm"><input name="testtext" value="" size="105" maxlength="105" style="border: 0pt none ; background-color: rgb(204, 204, 204); font-family: tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal;" type="text"></form></td><td width="300"> </td></tr></tbody></table></td></tr><tr><td height="21"> </td></tr><tr><td height="25"><table border="1" cellpadding="0" cellspacing="0" width="809"><tbody><tr><td width="15"> </td><td align="left"><span style="font-family:verdana, arial;font-size:78%;"><a href="http://doyouwantfreecash.blogspot.com/2007/09/new-high-rewarding-sites.html" title="Browse through a selection of new, high paying, link hoarding PTC websites">:: new ptc websites ::</a></span></td></tr></tbody></table></td></tr><tr><td height="187"> </td></tr></tbody></table></p> any idea what the "bug" might be? thanks ric Is there a CSS command Hello Everyone, I know it's been forever since I made a post, but I ran into something I can't figure out on my own and I am hoping that someone here might be able to give me a hand. I recently spoke with a potential client that wants to copy a feature on another website: http://batchgeo.com/ as you can see, on batchgeo.com the end user can paste data from excel into the textarea field, then when the user clicks out of the textarea, it formats the data to look like it is in a table. Does anyone know how they are doing this? Thanks in advance for any help. -A hello everyone! I'm trying to edit a notification email for my blog and have most of it completed; however the only problem I'm having is that there is a gap between the menu-bg-2.png and the top of the table which I cannot get rid of. I'd like the table to be butted-up against menu-bg-2.png. When testing the html in firefox, it seems fine, but within an email the gap appears. Can anyone help? (FYI, I have no prior HTML experience or education...) Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: "Trebuchet MS"}
a:active
{
outline: none;
text-decoration: none;
}
:focus {
-moz-outline-style: none;
}
.header {
position: relative;
left: 0px;
}
.navigation {
position: relative;
top: 10px;
left: 0px;
}
.footer {
position: relative;
left: 0px;
top: -2px;
height: 31px;
}
.footer2 {
position: relative;
left: 0px;
top: 40px;
}
body {
width: 960px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div class="header">
<a href="http://www.photocs.net/" title="Photo CS, L.L.C." target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/05/logo3.png"></a>
</div>
<div class="navigation">
<a href="http://www.photocs.net/" title="Photo CS, L.L.C." target="_blank"> <img src="http://www.photocs.net/blog/wp-content/themes/DeepFocus/images/menu-bg-2.png"></a>
</div>
<table frame="void" width="960px" border="0" cellpadding="20px" cellspacing="0px" valign="top">
<tr>
<td bgcolor="333333"><font color="#CCCCCC" face="Verdana, Arial, Helvetica, sans-serif">Hello my photo fans!<br /><br />I've just published a new blog post that you'll be interested in checking out;
click <a href="@@permalink" target="_blank">here</a> to go straight to the images.<br /><br />You subscribed to these email notices regarding new posts to my photoblog. If you want to change your
settings or unsubscribe, please do it <a href="@@conf_url" target="_blank">here</a>.<br /><br />I hope you enjoy my new images, and, until next time!<br /></font></td>
</tr>
<tr>
<td class="none" style="cursor:pointer" onclick="window.location.href='http://www.photocs.net/info/about/'" background="http://www.photocs.net/blog/wp-content/plugins/post-notification/en_US/signature.png"
bgcolor="#333333" width="960px" height="60px"></td>
</tr>
</table>
<div class="footer">
<img src="http://www.photocs.net/blog/wp-content/themes/DeepFocus/images/featured-bottom-shadow.png" width="960" height="31" />
</div>
<div class="footer2">
<a href="https://www.facebook.com/pages/Constantino-Schillebeeckx-Photography/121881317862617" title="Index" target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/04/facebook-150x150.png"></a>
<a href="https://twitter.com/#!/photo_cs" title="Index" target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/04/twitter-150x150.png" hspace="50"></a>
<a href="http://feeds.feedburner.com/StLouisFreelancePhoto" title="Index" target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/04/rss-150x150.png"></a>
</div>
</body>
</html>
Worked Out So I haven't done a site in some time, but I still got the very basic basics memorized. To guide me through my born-again virginity I tried a pre-built free web site. Everything was working great. I'd preview through Dreamweaver and the very basic site looked just fine. I now upload the site to the world wide web and parts of the HTML/CSS are not translating properly (in fact there are parts missing that should be there???). The first problem occurs in the section of the CSS called "PAGE". "Page" has a repeater called "img04" and "Page .bgtop" non-repeater called "img03_blue". "page . bgtop - img_03..." doesn't show up - but in preview it did. Any ideas on what's going on? Second, in the area tagged "MENU A" in the CSS the static background image called "img07_blue" doesn't show - again, in the preview it did, now nothing on the web. I assume its a similar issue to issue 1, but I don't know? This is for a web site my wife needs so any help would be greatly appreciated. I have attached the site for reference. Thanks, J Greeings all. First time poster, hopefully this forum is a good starting point for this question. I am using a PHP script to upload some text to a MySQL database-field type is varchar. When the text is retrieved, it is displayed to the right of a embedded html video player. Retrieving the text and video, I also use a PHP script. But then I switch to "html mode" to display the video and text. In "html mode" I use a single row, 2 column table to display the video and text. What is happening is that the text is losing its line breaks. That is it is coming out as one long string of text. Since the text can be up to 1000 characters, that is one long string of text to no have any line breaks! Maybe it is something with the way MySQL stores the data. But if anyone has any thoughts on how to preserve the line breaks, I sure would appreciate it. Thanks. ~Robert Hello I am creating a table of contents using the <p> tag for each title. Each title is clickable and takes you to a section of the website relative to the title clicked. My problem is that I want everything to line up nicely and this is problematic using the <p> tag - for example: ARTICLE 1 - BLAH BLAH BLAH BLAH ARTICLE 10 - BLAH BLAH BLAH BLAH I want to look like this. (Actually scratch that this forum suffers the same problem I get when trying it on my own site, but you can comprehend what I'm talking about =] ). I realize there are cheap fixes such as just adding a bunch of spaces and what not but it still doesn't work. I could explain why but just trust me it doesn't work. My idea was to just use a table with 2 columns: 1 column = ARTICLE # - 2 column = BLAH BLAH BLAH however I can't extend a clickable title across 2 columns. Also I should note that I'm using DRUPAL. Thanks for your time. hello ! I have a text fields and i want to display there a record of my database. the problem is that my sql record is not plain text,but has html formating. So when i display the data to the text field, it changes the appearance of my web page!! i have to find a way to display that html text as plain text and not as html code! can anybody help me please? thanks!! I will be brief in hoping that the issue does not require a thesis to properly fix. I'm dealing with tables within tables..within tables. In one instance, I have a 2x1 (row by column) table inside another table. So, we'll call the inside table "B" and the outside table "A". Table B is centered inside a column in Table A. I'm trying to maximize the space, but nearly nothing works. Setting Table B height=100% does nothing. The only thing that works is setting the height=N px, where N is a number. This is no good, as I want to the site to work on all resolutions. I want it to be proportional. How can I fix this? Here's what I'm dealing with, visually: Any help would be welcome. Thanks. Here is an image depicting the trouble I'm having: I want to make a table, consisting of many cells. These cells would be fixed, and *very different* in sizes. It's easy to make a no-space table when all the images are exactly the same size, but when you have images with a variety of sizes, the table doesn't fit perfectly. Basically I want to create a collage of images with overlay text on each image. My idea was that I could create a table, and each cell (td) would have a background which is the image. Then I could just type in that cell, so the text would be over the image. Then I'd do this for every one of my images, and a collage would be formed. The problem is, the table makes large white spaces wherever the image sizes don't match! How do I get rid of these spaces, or is there an entirely different code/approach I should be using? Thanks! Here is my current code: HTML Code:
<html>
<head>
<style type="text/css">
table.nospace {
padding: 0; margin: 0;
border-collapse: collapse;
}
table.nospace tr {
padding: 0; margin: 0;
}
table.nospace td {
padding: 0; margin: 0;
}
</style>
</head>
<body>
<TABLE class="nospace" width="2040px" height="2000px" cellspacing="0px" cellpadding="0px">
<TR>
<td valign="top">
<table><tr>
<TD WIDTH="800px" HEIGHT="800px" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="497" BACKGROUND="image" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="467" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
</TR>
</TABLE>
</body>
</html>
The table itself is working fine, but the size of each cell is not correct in Firefox. Here is a screenshot of what is happening: http://img35.imageshack.us/img35/1938/tabletroubles.gif Here is the head of my page, the css for the table is he HTML Code:
<style type="text/css">
#cat table {border:0px solid #333333; cell-padding:0; cell-spacing:0; align=center}
#cat tr {align=center}
#cat td {font-size: 13px; font-family=tahoma; font-weight: bold; padding: 0px; border:0px solid #333333; align=center;}
#cat td a {text-decoration: none; color:#757575; background-color: white; display:block; height=23; background-image: url(linkbg1.gif); align=center;}
#cat td a:hover {background-color: #333333; font-weight: bold; text-decoration: none;color: #ffffff; background-image: url(linkbg2.gif); align=center;}
</style>
and here is the table code, located in the body of the page: HTML Code: <div style="Height:53px; overflow:auto; width:900px; position:absolute; top:0; left:0"> <TABLE bgcolor=#333333 cellspacing=0; cellpadding=0;><tr><td> <div id="cat"> <table width=900; cellpadding:0px; cellspacing:0px> <tr align=center> <td width=20%> <font face=tahoma><a href="home.html">Home</a></font> </td> <td width=20%><center><font face=tahoma><a href="openings.html" target="_top">Openings</a></font></center></td> <td width=20%><center><font face=tahoma><a href="dance.html" target="_top">Dance</a></font></center></td> <td width=20%><center><font face=tahoma><a href="projects.html" target="_top">Projects</a></font></center></td> <td width=20%><center><font face=tahoma><a href="vocaloid.html" target="_top">Vocaloid</a></font></center></td> </tr> <tr> <td width=20%><center><font face=tahoma><a href="fanflashes.html" target="_top">Fanflashes</a></font></center></td> <td width=20%><center><font face=tahoma><a href="caramelldansen.html" target="_top">Caramelldansen</a></font></center></td> <td width=20%><center><font face=tahoma><a href="cosplay.html" target="_top">Cosplay</a></font></center></td> <td width=20%><center><font face=tahoma><a href="endings.html" target="_top">Endings</a></center></td> <td width=20%><center><font face=tahoma><a href="anime.html" target="_top">Anime Episodes</a></font></font></center></td> </tr> </table> </div> </td></tr></table> </div> A table is nested within another table. The table on the outside has no content, it is there to make a gray border around everything else. If you look at the table in firefox & internet explorer, you'll see that in IE- the table is much thicker than in firefox. How can i make it so that the table in Firefox will have the same thickness as the one in IE? I could really use some help. Thanks! I would like to know if there is such a thing as a tag within a table, that can collapse if the next table within that prior one gets too big to center? Here is an example of a part of my code: Code: <table style="width:757; border-style:solid; border-width:thin; margin:0 0 15px 0">
<tr><td class="spb-category" width="750" style="text-align:left;" colspan="3">Title of this category</td></tr>
<tr>
<td valign="top" width="33%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=103">large size book title with author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=187">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=197">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
</table> </td>
<td valign="top" width="33%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=101">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=188">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=120">Medium sized boot title</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
</table> </td>
<td valign="top" width="33%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=102">a very long title of a book which includes the author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
</table>
</td>
</tr>
</table>
1. I want to center each column so that the first letter of each book title is lined-up, but that the longest title on each column has equal space on both left and right. 2. If you look at each column, the width is about 245px. With regard to the first book title in the first column, I have 50px that is extra, therefore I'd like to automatically add 25px to the front of each one of the books for that column. 3. On the second column, there is about 80px extra, therefore I'd like to auto-add 40px to the front of each book in that column. My problem is that I don't want the column centered individually because then I will lose the straight line that I'd like each book to be on top of each other as it starts the line. I tried: style="margin-left:20px" and style="padding-left:20px" but when the title got too long it would not auto-collapse the left side, I want it to collapse! I want one tag that I can insert evenly on every section to get the push to the right an even amount of spaces for every book on each column. If it comes down to it, I wouldn't mind sacrificing that each column gets auto aligned to what is necessary for its own column. So if I have to use one number, say 30px, for the whole webpage, then ok, I'd do it. My problem is that sometimes the 30px empty filler space for the left, in order to push the title to the right, is not enough space for a very long title and it winds up sending half the title to the next line, which I don't want. This code is a list of books that spans about 20 categories and about 400 book titles. Thanks in advance for any help you might offer. Hello, I am newbie, just has started my adventure with html. I tried to make an easy static site, without any additional thingd, but it occured a problem. 1. I mean, as I put table in table because I did know how to to id in different way, to make buttons on the left stay up while text on the right is moving- if I do normal table with 2columns and on the left lets say 5rows for buttons, on the right I unite all rows to make one big sort of box for contents, as I go down and try to write something morre, the rows from the letf were enlarging too If the size of explorer or firefox is nor full screen, the text in contents is going away (like now in lycos server, where screen is not full, but "cut" by advertise) 2. I have highlighted buttons, but not always works, why? (i mean it works, but darker buttons are charging so slow- maybe it is so because i saved them in pgn instead in gif, and each one is about 50kb?) -probably it is not this- because I have just changed into gif, and it is still the same 3. Another problem, as I post the site, I have notice, that in firefox I can not navigate with buttons, while in explorer yes, is it a fault of my coding, or of server where I put website? Here I post my website: http://members.lycos.co.uk/aniaacolgate/ Could someone take a look on the code, and will be so kind to correct me? It is a basic easy site of very begginger I just wanted to make a shape like this: - top: a banner - buttons in horizontal and vertical way - under buttons: contents (sincerly would like to put frames, but do not know how to put them there, is on the left there r buttons Thank you so much in advance for reply Sorry for mistakes in language I have a list within a table and much of the content has links to two different javascript codes. One is a popup javascript to so that I can control the window size and the other is a toggle.display javascript to show/hide specific details about my list. The scripts run fine, but for some odd reason the content in my table gets cut off randomly towards the end of the list. I went through to make sure that I didn't have any div tags nested.. etc.. and i'm now at a complete loss as to why my content within the table gets randomly cut off. Any help would me much appreciated. The link for the site is he http://netimpact.org/displaycommon.c...rticlenbr=2440. You'll notice at the very bottom of the table it randomly stops.. It's hard to explain, but basically I want to achieve creating a smaller file looking portion of my site, with a larger around and tabs. Basically this: I currenty just have the outer red table, using .gif's to round the corners. I tried copying the code again to place in the middle of the red table code and it doesn't work. Any help to achieve this effect would be great. Here is the code I am using: PHP Code: <table width="450" cellpadding="0" cellspacing="0" border="0" style="background-color: #086591"> <tr> <td width="14"><img src="images/top_left.jpg" width="14" height="14" border="0" alt="..." /></td> <td width="172"></td> <td width="14"><img src="images/top_right.jpg" width="14" height="14" border="0" alt="..." /></td> </tr> <tr> <td></td> CONTENT HERE <td></td> </tr> <tr> <td><img src="images/bottom_left.jpg" width="14" height="14" border="0" alt="..." /></td> <td></td> <td><img src="images/bottom_right.jpg" width="14" height="14" border="0" alt="..." /></td> </tr> </table> Thanks for any help. Hi, i'm completely new with HTML. I'm making a website for a student activity group i'm in. We chose for me, because i had a little javascript experience. Thats more than most of us. Here goes the story. We are organizing a trip for other students. The students can enroll for the trip on the website. The form uses the following code; Code: <?php
$myFile = "enrollments.php";
$fh = fopen($myFile, 'a+') or die("can't open file");
$stringData ="<tr><td>".$_POST["name"]."</td><td>".$_POST["tel"]."</td><td>".$_POST["mail"]."</td><td>".$_POST["rnumber"]."</td><td>".$_POST["shirt"]."</td><td>".$_SERVER['REMOTE_ADDR']."</td><td>".date("d-m, G:i:s")."</td></tr>\n";
fwrite($fh, $stringData);
fclose($fh);
?>
Named post.php The code results in a simple file with only <tr>info</tr><tr>info2</tr>. Another page uses the following code to show the enrollments Code: <table id='enrollments'><tr><th>Name</th><th>Tel</th><th>Mail</th><th>Reknumber</th><th>Shirt</th><th></th><th>IP</th><th>Time</th></tr>
<?php include('enrollments.php'); ?>
</table>
named showenroll.html Right. So far so good. Now we'd like to show the students which are thinking about enrolling howmany other students already have enrolled. In other words, i'd like to count the number of rows in the "showenroll.html" and display that in the index.html. Ive found trough google the var (document.getElementById('ID')). However, i'm not able to add this var to the index.html, and direct it to a element ID on another page. As most newbs would do, i've tried document.getElementById('./showenroll/enrollments') I'm wondering if anyone could tell me how i can direct the document.getElementById to an element id that is not on the same page. And, if this is impossible, how i can make a counter of the enrollments Drayn p.s. ive tried to search this forum on table row counter, but it didn't provide the right solution(s?) for me. |
|||||||