|
HTML - Trouble With Tables
I and new to the forum - I am a bit disappointed in myself for not solving this myself
However any assistance is appreciated I purchased a Template and tweaked the psd file to make a secondary page, I was able to delete some slices to trim the page down to what I want http://www.naturalstone.ca/index_do.html the large white space on the right I would like to remove the reference to the jpg image and insert bgcolor="#5F0401" into the <td rowspan="8> because I plan to add content that will scroll well down that page ------code ------- <td rowspan="8"> <img src="images2/index_do_03.jpg" width="549" height="680" alt=""></td> ----------- Every time I try to edit the <td rowspan="8"> it totally screws up the left menu and the page itself any ionfo appreciated - I am about to eat the keyboard over this ~ian Similar TutorialsHey all, new guy here, working on a page for my work place. I work in a call center and all our support documentation we upload to a web-site so its quickly and easily accessible. My predecessor had a very basic setup designed in MS Word but the site has grown way too big for Word now. Its my baby now and I have been designing it over the past couple months as I have had time, complete re-write yah! in any case, after getting the design and setup down, I moved on to the coding using a mix of Dreamweaver and straight up HTML(how I learned in college). Built a frames version and hated it, so after reviewing all the options I opted to go with SSI for the menu. I built the menu, its simply 2 tables, 1 runs the full width along the top, the other floats left. Here is a screen-cap - company logo and other info blocked off. OK, everything is fine, so far, but the main/index page will have to have a lot of links. We have 1 page for every app. IE. Groupwise as shown. The apps are ordered alphabetically and I will need 2 or 3 columns and will need to be able to jump in and add an app in the middle of the list quick and easy. Simple answer: tables. Not so simple though.... most people resize the IE window down so they can keep working on one thing and read off the page... When I tested resizing the window this happens... *again, info removed* Before a scroll-bar appears, the tables drop down BELOW the side menu table from the SSI file... I have tried everything I can think of to fix this and just cannot get it to work... I tried playing with the side menu table height, (currently set to 100% to fill up remainder of page) and have even tried setting the top menu to a set width so that a scroll bar will appear if you do anything but full screen, even then when too small the tables jump down to below the side menu. I even split the side and top menu to 2 seperate SSI files and it does the same thing(and has a big space between the 2)... Plain text will jump down as well, but only after you make the window too narrow to have a single character next to the menu. Any help would be greatly appreciated. Suggestions on what to try? where to look for an answer? or if I am going about this all wrong.... what I should be trying... Thanks in advance! -Tim Hey, I'm trying to create a site in Joomla which uses <div> tags for different effects. This particular effect places a rounded corner border around the 'divided' area. I am trying to create tables within this divided area, tables with no borders, but with the rounded corners as well. Here is a link to a preview page of where I am now: http://site476.mysite4now.net/ericpo...id=20&Itemid=4 I also attached an image of how the content area should be laid out. And I attached a .txt file of the current code written related to the <div> areas and tables within them. Any help is appreciated.... I cannot figure this out for the life of me... I'm starting to think it isn't possible. Ok so I made a kinda complex layout in photoshop by slicing and I'm using hte code they gave me to put it all together. I've switched the images from being in the table to being the background of the table. Everything seems to work great. But I'm trying to make it so that when I type too much in the body function the body will just roll down and repeat itself and the links on the left side will stay and do nothing. But at the same time I want it so when I get too many links I want the links bar to continue to roll down and repeat itself while the body does nothing. Well right now when the body rolls down there are gaps in every break in images on the links side. I've tried valigning them all to the top and it works on the first one but the 2nd 3rd and 4th image still have gaps between them. Any suggestions? Please take a look at the image I attached to this post. If you look closely, you can tell that the bottom half of the lightbulb, the "Imaginit" title, and the yellow bar to the left of that is all one image file. Above that is a larger image (part of which has the top half of the lightbulb) that spans the whole page. I'm sure you can tell by the break in the lightbulb and the white borders around the image where this question is going... I'm trying to get rid of those breaks. Currently, the large image on top is in its own span tag. Below that everything else is organized in a table structure. I've messed with border-collapse: collapse, tried setting the margins to negative values (of em, px, & pt), set border widths to 0. Nothing gets rid of those spaces. Setting the background color for the cells I think would work, but the problem there is that the bottom-half-lightbulb/Imaginit image's cell is set to colspan=2, rowspan=2. Is it possible to have the image just be "laid" over four individual cells? Just a thought. I'm doing this in Visual Studio 2005/ASP.NET if that helps any. Thanks for anyone's help. Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts First, I'm no expert, but I can work my way around a bit of HTML If you're familiar with myspace pages, great! I'm working on a band profile, which is trickier than a user profile (at least, if you want it to look legit): http://www.myspace.com/489097511 It still needs a lot of work, but the reason I'm looking for help is the bottom of the page (user information, online now, last logged in, general info...etc) I'm curious as to how I can place a layer over it, on which I can post whatever I want I can't seem to get a div to cover that area, and if I do, it only ever appears under all the info I want to cover. Any help is much appreciated! I am currently working on a website for my fraternity and am using geocities as a temp service to get my site correct before I get a .org name. For some reason Internet Explorer won't show anything, but when you use Mozilla it shows up just fine. I checked to see if it was just geocities that was messed up, but it did the same thing with cjb.net, so I'm stumped. I don't know what's wrong with my code, everything seems fine, there's no deprecated tags or anything of that nature. Here's a link to the website. Any help would be greatly appreciated. Dear friends i have in big trouble. so i want yours help. i make one website. i put there many HTML codes. i put there .. not image click HTML code .. now when i configuration my main page the HTML codes not opend. but i do inside pages configurations. but i put ,,, not image click HTML code ,,, on main page so i want give me HTML code i put on my site. they all HTML code stoped working or dead .when i delet ... not image click HTML code ... after i remove HTML stoped working code. i hope some 1 help me awatings yours Basically, I am making a website for someone but I am having a bit of DIV trouble. The part I am having trouble with is the content box. I have a content box that I need to be fixed (width) and it needs to stretch vertically when there is content on the page that will overfill the original page. There is then a div under this content which is a footer type image. This needs to move down when the content fills the above box.. I can't get this too work, all it does is strech horizontally, and when I stretch it vertically it just shows up blank... Any ideas? It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this: http://www.htmlforums.com/attachment...1&d=1202333562 The other half I get it correctly: http://www.htmlforums.com/attachment...1&d=1202333599 Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox. Hi, Im sorry about this embarrassing problem lol. Im having trouble with some tables im putting on my page. Im basically wanting to place a table in the top left hand side of the page... and a seperate table on the Right hand side of the page. But i dont know how to do that because it obviously goes underneath eachother lol I have attached a jpeg to show you how id like my tables . if somebody could help me with the code that would be great .. thanks Scott Hello! I'm having a lot of trouble here. I have a form on my website that is linked to my 1shoppingcart account. Unfortunately, the feild for their personalized message is only a single line because it uses the <input> tag instead of the <textarea> tag. But when I use the text area tag instead, I get something that is completely wrong. I'm assuming that it has to do with all of the other 1shoppingcart code that is jumbled in there. Here is the code for the table: <form name="form1" method="post" action="https://www.mcssl.com/app/contactsave.asp"> <input name="merchantid" type="hidden" id="merchantid" value="166866"> <input name="ARThankyouURL" type="hidden" id="ARThankyouURL" value="www.1shoppingcart.com/app/thankyou.asp?ID=166866"> <input name="copyarresponse" type="hidden" id="copyarresponse" value="1"> <input name="custom" type="hidden" id="custom" value="1"> <input name="defaultar" type="hidden" id="defaultar" value="0"> <input name="allowmulti" type="hidden" id="allowmulti" value="0"> <input name="visiblefields" type="hidden" id="visiblefields" value="Name,Email1,Company,Workphone"> <input name="requiredfields" type="hidden" id="requiredfields" value="Name,Email1"> <table width="500"> <tr> <td>Name</td> <td><input name="Name" type="text" size="40"></td> </tr> <tr> <td>Company</td> <td><input name="Company" type="text" size="40"></td> </tr> <tr> <td>Email</td> <td><input name="Email1" type="text" size="40"></td> </tr> <tr> <td>Phone</td> <td><input name="Workphone" type="text" size="40"></td> </tr> <tr> <td>How Did You Hear About Us?</td> <td><input type="hidden" name="fieldname1" value="field1"> <input type="hidden" name="required1" value="1"> <input name="field1" type="text" size="40"></td> </tr> <tr> <td>Message</td> <td><input type="hidden" name="fieldname2" value="field2"> <input type="hidden" name="required2" value="1"> <input name="field2" type="text" size="40"></td> </tr> <tr align="right"> <td colspan="2"> <input type="Submit" name="cmdSubmit" value="Submit"> </td> </tr> </table> </form> I would appreciate any help that you can give! The page that hosts this form is www.36hoursinaday.com/contact-us. Thanks so much! On my website, I use javascript to allow pages to open up in new pop up windows, which have a fixed height and width. For example, this page: http://treehousetees.webng.com/0301.htm. On this page the following buttons will open a new window: Contact View Shopping Cart Size Chart Add to Cart So I have four buttons all using the same javascript to open a window. Since all 4 buttons refer to the same javascript, all of the windows open with the same height and width. So my question is, how can I edit the height and width of each individual window? For example, I want the 'contact' window that pops up to be smaller. Sorry if my question is a bit confusing... But I would appreciate any and all help regarding this matter. So I'm more of a hardware/SEO/PPC guy, but lately I've been doing some script for a small business site, and have gotten stuck. the site im working on is: http://www.theskincareclinic.com Im trying to get the bottom icons to site closer together, but with the current table, I can't seem to do it. I tried some java nav menu solutions, but with no success. I want the menu items to not stick out further than the flash object, but I also cannot have any kind of graphic filler, as the right column of the page will have content. if anyone has a solution, whether it be html or a java megamenu, please help me. here is the current page code: Code: <table width="898" border="0" align="center" cellpadding="0" cellspacing="0" class="TopTable2">
<tr>
<td width="4" height="450" bgcolor="91B4DF"> </td>
<td bgcolor="#FFFFFF"><table width="890" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="flash">
<div align="left">
<script language="JavaScript">
document.write('<EMBED src="/flash/flash.swf" quality="high" wmode="transparent" WIDTH="531" HEIGHT="316" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">');
document.write('</EMBED>'); </script><script type="text/javascript" src="/fixit.js"></script>
<br>
</div>
<div align="left" class="call-us"><img src="images_/callus.gif" width="531" height="41"></div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" class="home-list">
<tr>
<td width="185"><ul>
<li>
<h1><a href="/default.asp?contentID=545" target="_parent"><font size="1"><u>Acne Solutions</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=536" target="_parent"><font size="1"><u>Botox</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=543" target="_parent"><font size="1"><u>Vela Shape</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=603" target="_parent"><font size="1"><u>Foam Sclerotherapy</u></a></font></h1>
</li>
</ul></td>
<td width="205"><ul>
<li>
<h1><a href="/default.asp?contentID=523" target="_parent"><font size="1"><u>Rosacea(Redness)</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=584" target="_parent"><font size="1"><u>Facial Rejuvenation </u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=537" target="_parent"><font size="1"><u>Laser Hair Removal</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=550" target="_parent"><font size="1"><u>Medical-Grade Peels</u></a></font></h1>
</li>
</ul></td>
<td width="237"><ul>
<li>
<h1><a href="/default.asp?contentID=522" target="_parent"><font size="1"><u>Hyperpigmentation</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=607" target="_parent"><font size="1"><u>Cosmeceuticals</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=523" target="_parent"><font size="1"><u>Medical-Grade Fillers</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=537" target="_parent"><font size="1"><u>Scar/Stretchmark Removal</u></a></font></h1>
</li>
</ul></td>
<td align="center" width="340">
<div align="center">
<body>
<a href="/default.asp?contentID=556" target="_parent">
<img border="0" alt="Current Specials" src="/img/tscc/TSCC_current_specials_mouseoff.jpg" align="center" height="60" width="150" id="b1"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<br>
<a href="/video/tv_ad.wmv">
<img border="0" alt="Watch Our Commercial" src="/img/tscc/TSCC_watch_our_commercial_mouseoff.jpg" align="center" height="60" width="150" id="b2"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<br>
<a href="/default.asp?contentID=530" target="_parent">
<img border="0" alt="What Makes us Different!" src="/img/tscc/TSCCweb2design.jpg" align="center" height="60" width="150" id="b3"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</td>
</tr>
</table>
</div>
</div></td></u>
<td width="344" valign="top"><p class="keyplacement">
[page(569)]</p>
<p class="keyplacement">
<br>
</p></p>
<br>
<br>
<div align="center"><p align="center" class="style1"><br><br><br><br></span></b></p></div>
</td>
</tr>
</table>
<p>
<td width="4" bgcolor="91B4DF"> </td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="TopTable1b">
<tr>
<td height="60"><table width="898" height="60" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="4" rowspan="2" valign="top"><img src="/images_/blue_strip.gif" width="4" height="8"></td>
<td height="8" valign="top" background="/images_/body_tile.gif"><img src="/images_/blank.gif"><img src="/images_/blank.gif"></td>
<td width="4" rowspan="2" valign="top"> </td>
</tr>
<tr>
<td class="copyright" align="center"><a href="http://www.theskincareclinic.com" target="_parent">The Skin Care Clinic</a> All Rights Reserved.<br>
Powered by <a href="http://www.WebSuiteLive.com" target="_blank">WebSuiteLive</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
I Thank you for any help you might be able to provide. okay so i made a upload form with submit button one problem..i want to make it so its only mp3.. i went to the other rooms but no one knew how! here's the code! Code: <font face="Verdana" color="ff0000"> Warning:</font><font face="Verdana" color="000000"> .mp3 files only!!!</font> <form action="http://yourdomain.com" method="post" encType="multipart/form-data" /> <input type="hidden" name="Max_File_Size" value="500" class="file" /> <input type="file" /> <br> <input type="submit" value="Upload"> </br> </form> and i want to change it so that you can only upload mp3's! http://tunnu.hyperphp.com/social/home.php this is my site.. i am unable to find where to edit that default text Code: Welcome to the social network! This page is an example of what your social network's portal can look like. Various statistics about your social network can be displayed, as exemplified below. This gives users a convenient way to find the newest content and interesting people on your social network. You can also use this page to display news or any other content you place into the template. i am able to find the codes for those gif images.. but i dont find how to change this text.. this is a socialnetwork script.. plz help.. i am in real need of help.. THANKS IN ADVANCE TUNNU I built my page using Firefox to view it and it looks how I want it but in IE (and possibly all other browsers?) it doesn't look right. My html and css validates (with W3C), so I guess I'm relying on a Firefox bug or something. Here's the page: individual.utoronto.ca/nicolemorgan One of the problems seems to be that in Firefox, on my web page, a certain table cell is defined by the width of the top cell in the same column and wraps its contents (which is text), whereas in IE the width definition isn't recognized and the text isn't wrapped. My temporary solution is to manually break the lines of text so that they fit within the cell dimensions, but this feels messy. (The column in question is where the tan-coloured blocks are on the left side of the page.) Other problems are that some of the cells don't line up, and there is a thin line between two certain cells in IE but not Firefox. Is there some basic principle I'm missing, or is my code just messy, or what? Heyo Peeps second pos here. I have encountered a HUGE problem. My website no longer works it comes up with this message. HTML Code: <div xmlns="http://www.w3.org/1999/xhtml"><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='1' height='1'> <param name='movie' value='http://txt.playsushi.com/flash/ps.swf?4' /> <param name='quality' value='high' /> <param name='wmode' value='transparent'> <param name='allowScriptAccess' value='always'> <!--[if !IE]> <--> <object data='http://txt.playsushi.com/flash/ps.swf?4' width='1' height='1' type='application/x-shockwave-flash'><param name='quality' value='high' /> <param name='wmode' value='transparent'> <param name='allowScriptAccess' value='always'></object> <!--> <![endif]--> </object> Sorry if this is no the right forum i'm new here so help me out. It would be much appreciated. Pce out peeps. I'm running into IE 7 and earlier problems that I just can't seem to solve even though I have applied the suggested Adobe fixes and some others found on-line. The site can be found at: http://www.infusiongraphics.com/UCOg...ite/index.html and css at http://www.infusiongraphics.com/UCOg...erontology.css . For some reason, probably something easy that I'm overlooking, the fixes don't want to work. The bug is "Extra Whitespace in List Link Bug". The problem is occurring in the two drop down menus in the top navigation. I also noticed some extra space at the top, above the content and the top of the browser window. These are only visible in IE 7 or lower. Can anyone help? |
|||||||