|
HTML - Locking Tables In Browsers
My basic problem is this: the tables in my website are not locked once the website is run, thereby enabling the user to adjust the width of the table and seriously mess up the content. I'll explain my background a bit first so maybe I wont get a bunch of messages telling me to just use CSS.
Now, I understand that I probably shouldn't be using tables, but I inherited webmaster duties on my companys website from somebody else and I am stuck with his original design. I also got stuck with frames, and I realize that is a great sin, but again, I gotta work with what I got at least for now. So heres my problem My site has three frames, header, left menu, and the content. The content frame has a table with three columns, one column full of words, one small column for spacing, and a third column on the far right for a picture. When the page is run in IE (but not Mozilla) the user can grab the left border of the content table and move it around, screwing it up. Is there some way to lock the table so this can't occur. How is this normally managed. Thanks -Newbie Confused by simple problem PS: THis is the code for the top of the table (The .... are paragraphs of text) <table width="777" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="607"><img src="images/front1.jpg" width="38" height="45" alt="" border="0"><a name = "WealthManagement"> <b><font size="4">Comprehensive Wealth Management</font></b> <p>......</p> <p>...... </p> <p> ...... </p> <p>Integrating o..... </p> <p>Our W......</p></td> <td width="10"> </td> <td width="160" valign="top"><img src="con_pics/31.jpg" alt="" border="0"></td> </tr> Similar TutorialsWhen im designing/editing tables, using dreamweaver, is there any way I can lock them as they are? Because, I find when I start adjusting other columns or rows it affects the rest of the table. Is there a simple way to 'lock' them in place once I am happy with them? Hi, I was just wondering if there was a way to sort of "lock" a table so that when you put too much text into it, it won't let you put anymore in when you get to the limit. I'm currently using dreamweaver. Is there any way for me to hide the scroll bar? Any way to lock it? Lets say I have an HTML frameset with 3 rows. When the the browser window size is adjusted and decreased, the bottom two frames begin to shrink and overlap the top frame. How can I make it so the "space" is taken from the bottom frames first? R Hello All, This one has me stumped. I have a frame dividing my screen into two sections, a top window and a bottom window. Here is my frame file: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>Table One</title></head> <FRAMESET Rows="148,100%"> <frame noresize src="table_hdr.html"> <frame src="table_one.html" NAME="Lower""> </FRAMESET> </html> When I open this in a full screen view, it works perfectly. I can scroll down my table and the header stays put. My problem comes when I open my table in a window that is too narrow to display the full width of the table. A horizontal scroll bar properly appears at the bottom of the page so I can move left or right to view individual columns in the table. However, I would like to lock the header, top window, so that as I scroll horizontally with the horizontal scroll bar, the header moves left and right with the body, no separate horizontal scroll bar needed for the header. Is this possible? Or am I breaking some sort of law of physics? Any help appreciated. I thought I had cracked this nut a couple of years ago but can't find the file. Charlie Hey everyone, I'm in need of some html help. It's hard to explain this but here goes. I am trying to lock an image to the browser on a website that will work in ie and other browsers. What I mean by this is, I want the image to stay exactly to top right hand corner of the browser and its locked here as if its in front of everything else. I have seen this done before where people have had a make poverty history image on their website which looks as if its attached to the browser. I hope someone can help because i'm not sure how else to explain this but really want to know how to do it. Many thanks regards, Jon Bennett P.S - I have attached an image which I hope helps in explaining what I'm trying to do. Hi All, I am looking to lock the link I use to stream live footage over mywebsite. I run a filming of a local sports group and noticed a lot of people were able to help themselves to the feed. I would love it to have the person log in and if the same loin combo was entered again that both sessions terminate. How would I go about this. I am using dreamweaver to build the site. Thank you in advance Greg Hello All, I cant seem to lock a form and images in a browser, I have all center and when it opens it remains centered but when I shrink the browser window the images/form moves... My CSS is <style type="text/css"> <!-- body { background-image: url(); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin: 0; padding: 0; } --> </style></head> <style type="text/css"> <!-- #centerDIV0 { width: 100%; text-align: justify; overflow: hidden; position: absolute; margin: 0px; padding: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; visibility: visible; background-image: url(CS_bkgd.jpg); background-repeat: repeat; } #centerDIVX { text-align: center; overflow: hidden; position: absolute; margin: 0px; padding: 0px; vertical-align: middle; z-index: 2; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; } #centerDIVZ { z-index: 2; overflow: hidden; position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; vertical-align: middle; left: 0px; top: 0px; right: 0px; bottom: 0px; margin-top: 380px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; visibility: visible; padding-top: 0px; padding-bottom: 0px; padding-left: -300px; } --> </style> And Html is... <body> <div id = "centerDIV0"> </div> <div id="centerDIVX"><img src="CS_bkgd.gif"/></div> <div id="centerDIVZ" bgproperties="fixed"> <form action="mailto:tastetation301@yahoo.com" method="post" enctype="text/plain" onsubmit="location.href='thanks.html'"> <p><br/> <strong>Name:</strong> <input type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/> <br/> <strong>Email: </strong><input type="text"STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/> </p> <input type="submit" value="Submit"/><input type="reset" value="Reset"> </form> </div> </body> </html> THANKS FOR YOUR ASSISTANCE!!!! 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 I cant figure out why my website footer looks different in internet explorer compared to all the other browsers. IE makes the footer look off. Can someone please help me with this. www.pricedrightcleaningequipment.com thanks so much I built this page and I'm noticing it works fine in Dreamweaver browser but not in opera and safari and IE? What am I doing wrong? http://www.rendemolition.com/patio1.html First I want to thank you for letting me be a part of this great forum. Now about the problem. My site looks good on IE browser but with firefox it looks strange, if you look at http://www.akuttpost.no/psykoseschizofreni.htm you may notice that the menu is lower than the middle page. How do I fix this? Is there a way to adjust this so that what looks on IE will be the same with all sorts of browsers? I use dreamweaver and claris 3.0 What would the script be to check which browser you are using. I want a script to check if the webpage is being viewed by iPhone safari, not sure how to code it but I want it to do this: website/index.php: If iPhone Safari. go to;"mobile.website.com" And in mobile.website.com I will have a CSS for mobiles. I have this login on a website i'm doing, in Firefox, Opera & Safari the two text fields and the login button are aligned to the very left of the page but in IE the text boxes only stay about 15px further to the right. This means they are out of line with other elements on the page Can anyone tell from this code below what i'm doing wrong or do you need more code to go on. <form name=login> <table width=200 border=0 align="left" cellpadding=3> <td><input type=text name=username></td></tr> <td><input type=text name=password></td></tr> <tr><td colspan=2 align=left><input type=button value="Login!" onClick="Login()"></td></tr> </table> </form> cheers I just read a link from a web mag, and found a pretty smart service: 1. Go to http://browsershots.org/ 2. Select the OS/Browsers you want to check against 3. Select the "user" options 4. Submit your site 5. Get a set of images for each browser to see what it looks like Pretty cool, huh? Now you don't have to install every browser known to man I am having some problems. I am redesigning a site and It looks good in firefox, but when viewed in IE the spacing is off. I like the way it is looking in firefox, but not in IE. Any ideas?? http:// www .integratedpeaksolutions.com/New/Site/ I have recent designed a website inAdobe fireworks then slices then exported it. (So it is in tables). I slice a 1 pixel image of the right side of the image to set as my background (repeat x). So I also set the top margin of the whole layout to 0 pixels. But it seems different browsers have a difference view of what 0 pixels is. Does anyone no away arround this? Hello, I'm using FCK Editor in my web appliaction. When I try to insert pictures in text I'm using one table with align="left". Also under the pictures i have a description of the picture. In FireFox everything is fine and description is under the picture, but in IE description of the picture is on the right site. Here is the HMTL code that FCK Editor use when pictures are inserted: HTML Code: <table style="width: 144px; height: 209px" cellspacing="1" cellpadding="1" align="left" border="0">
<tbody>
<tr>
<td style="text-align: center"><img style="width: 146px; height: 157px" alt="" hspace="5" align="left" vspace="5" border="1" src="/_userfiles/image/Ronaldo.jpg" /><br />
<span style="color: rgb(153,51,0)">Test test tes</span><br />
</td>
</tr>
</tbody>
</table>
<p>This is some <strong>sample text</strong>. This is some <strong........
U can see what I get on my web site: http://www.macedonium.org/Macedonium...id=229&tid=876 See it in FireFox and in IE Thanks for the help Hello, I created this Wordpress theme http://www.ilmondodeidoppiatori.it/news/ It's perfect with Firefox but if I open it with Safari, the whole central column goes below the rest of the content: how can I fix it? Thanks in advance |
|||||||