|
HTML - Problem With Page Overflowing
I am a rookie. Surprisingly enuf my web site is about done. I have one very major problem. The index page is written in html and other programs are php. The php programs work perfect and I have a php page that is very wide with small print and it presents perfectly. But....I can't for the life of me figure what the heck I have done wrong with this html page. In ie6 and 7, the web page presents itself just fine unless there is a left sidebar (same with Mozilla). If there is a sidebar (history or favorites on the left of the page), the web page overflows and half of my webpage is on the second page. Is there a way that I can force the webpage to overlap the sidebar. When I look at the page, I have lots of room on the right side of the web page but can't seem to use it. Stupid is as stupid does because I really have no clue what I am doing. Thanks in advance.
PS - hope I loaded the files right - I'll know soon Similar TutorialsHow can I prevent the content from overflowing the div section. I want the browser to automatically wrap the content in the div and not to overflow it. I know this can be done using CSS 3 but as such it is not yet supported by Firefox so I need another way. If you want some test code, look here Code: <head>
</head>
<style type="text/css">
.left {
width:20%;
float:left;
}
.right {
width:80%;
float:right;
}
</style>
<body>
<div class="left">
a
</div>
<div class="right">
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</div>
</body>
Howdy, perhaps someone can help. at my page http://glassbala.com/calculator/calculator.htm either link for the spheres opens a shadowbox. the sphere on the right shows the issue the best the page that loads is the issue. this problem was around before recent shadowbox upgrade. there is a submit box that i have used code to have the box clear when clicked. when the page loads, it ensures that the submit box is visible. this causes the page to autoscroll down so the box is visible. is there an approach so this does not happen? thanks much for any suggestions. peace out... hi im a bit new to html coding and need a little help. im coding a script test page in html. i have the first half of the page fine but cant get a proper textarea box under the proper fields. here's what i got........... HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test Script</title> <form> Project: <input type="text" name="Project" /><br /> Version: <input type="text" name="Version" /> </form> </head> <body> <form> <table border="1" bordercolor="" width="1100px" bgcolor=""> <td> Test </td> <td> Task </td> <td> Expected </td> <td> Actual </td> <td> Comments </td> <td> Tester </td> </tr> </table> <textarea rows="5" cols="15"> text area </textarea> </form> </body> </html> I am making my personal website and in the starting phase of development of HOME page I am getting a problem that when i enable the Yahoo! toolbar or Ask Toolbar the alignment of page changes picutres under <table> tag becomes little down. how to solve this problem? A site I work for is using a habbo fansite forum. There using a rare values system by Bobboid. (Project Rare Value) But the page that the forum users are meant to see (with the values on) is completely blank. The system has a CP. Ive been given admin so i can fix it. But the source code is giving me no clues as to whats wrong! Heres the code for the CP. (when you add a value) 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=iso-8859-1" />
<title>Bobboid Rare Values</title>
<link rel="stylesheet" HREF="style.css" TYPE="text/css" media="screen"></head>
<body>
<div id="main">
<p><img src="banner.png" width="500" height="175" /></p>
<div id="navigator"> <p><strong>Navigator</strong></p>
<p><br />
<a href="admin_home.php">Home</a><br />
<a href="admin_password.php">Change Password</a><br />
<a href="admin_logout.php">Logout</a><br />
<a href="admin_editrarevalues.php"><br />
Edit Rare Values</a><br />
<a href="admin_editseasonalvalues.php">Edit Seasonal Values</a><br />
<a href="admin_editsupervalues.php">Edit Super Rare Values</a><br />
<a href="admin_editbankvalues.php">Edit Bank Item Values</a> </a><br />
<a href="admin_editseasonalvalues.php">Edit Other Rare Values</a><br />
<br />
<br /> <a href="admin_addrare.php">Add Rare</a><br />
<a href="admin_editrare.php">Edit/Delete Rare</a><br />
<a href="admin_viewhistory.php">View History </a><br />
<br />
<br />
<br /> <a href="admin_adduser.php">Add User</a><br />
<a href="admin_removeuser.php">Remove User</a><br />
<a href="admin_edituser.php">Edit User</a><br />
<br />
<br />
<br /></p>
<p> </p>
</div>
<div id="content">
<p><strong>Add a Rare </strong></p>
<form id="form1" name="form1" method="post" action="">
<label><em><strong>Details</strong></em><br />
<br />
Rare Name
<input name="name" type="text" id="name" />
</label>
<br />
<label>Rare Type
<select name="type" id="type">
<option value="rare">Rare</option>
<option value="seasonal">Seasonal</option>
<option value="super">Super Rare</option>
<option value="bank">Bank</option>
<option value="other">Other</option>
</select>
And heres the code for the page that the forum users are meant to see the values and that on: PHP Code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"></HEAD> <BODY></BODY> <META content=ORTNQESHAF name=SKYPE_FRAMEID></HTML> Are there any clues as to how i can rebuild the code for that page? Because someone has deleted it! Please help il find some way to thank you! I posted previously about these files. I have sorted the table and the images on the 2nd file - but now I have a new problem. When I select the gallery from the index, it loads gallery.htm. I have created a new file called 2gallery.htm with new images. However there is some code which causes the second page of the gallery (2gallery.htm) to open for only a couple of seconds and then the site returns to the index. The same applies when I try to directly navigate to any of the pages. Can anyone identify where this is and how I can make 2gallery work as I have several other pages to ad. I've attached the index, gallery and 2gallery. I have also included the image for the "more" button at the bottom of gallery. I haven't included any of the images of the gallery however. Hello, I am having a problem with Dreamweaver. Whenever I write on a page the area next to the box I'm writing in wont go down so it looks stupid, and I can't manually move it down because I need it to be in a template as I have multiple pages. Yes, it does this on other pages. Here is a picture of whats going on... The arrow in black is where the blue background on the box should follow with the content of the page. This is what I want the final picture to look like. As you can see the blue gets down to where the copy write is so it looks nice Please help, Lil N00b i have a problem with position of the page i extended the site to screen, but now i have a problem with left and right box here i have tha code http://www.speedyshare.com/881657120.html i want to look like windows, but now the left and right box not stay in the same width one is higher and other is lower please if someone can help me I believe the problem is that the fact that the pictures are using an absolute position. Not sure though. I have tried about 4 or 5 different thing to fix this to no avail. I will copy in the code for you to see. I do not have this running on a server for everyone to load but it is not much code. Any help would be greatly appreciated. Thansk, Dano HTML Code: <html>
<head>
<title>Official Site of Premier Security Group, Inc.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.centerContainer { margin: 0 auto; }
body
{
background-image:url(images/bkgd2.png)
}
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:1200px;
}
#PSindex-01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:69px;
}
#PSindex-02 {
position:absolute;
left:0px;
top:69px;
width:20px;
height:174px;
}
#PSindex-03 {
position:absolute;
left:20px;
top:69px;
width:760px;
height:174px;
}
#PSindex-04 {
position:absolute;
left:780px;
top:69px;
width:20px;
height:174px;
}
#PSindex-05 {
position:absolute;
left:0px;
top:243px;
width:800px;
height:13px;
}
#PSindex-06 {
position:absolute;
left:0px;
top:256px;
width:20px;
height:35px;
}
#PSindex-07 {
position:absolute;
left:20px;
top:256px;
width:126px;
height:35px;
}
#PSindex-08 {
position:absolute;
left:146px;
top:256px;
width:129px;
height:35px;
}
#PSindex-09 {
position:absolute;
left:275px;
top:256px;
width:125px;
height:35px;
}
#PSindex-10 {
position:absolute;
left:400px;
top:256px;
width:1px;
height:944px;
}
#PSindex-11 {
position:absolute;
left:401px;
top:256px;
width:123px;
height:35px;
}
#PSindex-12 {
position:absolute;
left:524px;
top:256px;
width:130px;
height:35px;
}
#PSindex-13 {
position:absolute;
left:654px;
top:256px;
width:126px;
height:35px;
}
#PSindex-14 {
position:absolute;
left:780px;
top:256px;
width:20px;
height:35px;
}
#PSindex-15 {
position:absolute;
left:0px;
top:291px;
width:400px;
height:909px;
}
#PSindex-16 {
position:absolute;
left:401px;
top:291px;
width:399px;
height:909px;
}
</style>
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<div class="centerContainer">
<div>
<div id="Table_01">
<div id="PSindex-01">
<img src="images/PSindex_01.png" width="800" height="69" alt="">
</div>
<div id="PSindex-02">
<img src="images/PSindex_02.png" width="20" height="174" alt="">
</div>
<div id="PSindex-03">
<img src="images/PSindex_03.png" width="760" height="174" alt="">
</div>
<div id="PSindex-04">
<img src="images/PSindex_04.png" width="20" height="174" alt="">
</div>
<div id="PSindex-05">
<img src="images/PSindex_05.png" width="800" height="13" alt="">
</div>
<div id="PSindex-06">
<img src="images/PSindex_06.png" width="20" height="35" alt="">
</div>
<div id="PSindex-07">
<img src="images/PSindex_07.png" width="126" height="35" alt="">
</div>
<div id="PSindex-08">
<img src="images/PSindex_08.png" width="129" height="35" alt="">
</div>
<div id="PSindex-09">
<img src="images/PSindex_09.png" width="125" height="35" alt="">
</div>
<div id="PSindex-10">
<img src="images/PSindex_10.png" width="1" height="944" alt="">
</div>
<div id="PSindex-11">
<img src="images/PSindex_11.png" width="123" height="35" alt="">
</div>
<div id="PSindex-12">
<img src="images/PSindex_12.png" width="130" height="35" alt="">
</div>
<div id="PSindex-13">
<img src="images/PSindex_13.png" width="126" height="35" alt="">
</div>
<div id="PSindex-14">
<img src="images/PSindex_14.png" width="20" height="35" alt="">
</div>
<div id="PSindex-15">
<img src="images/PSindex_15.png" width="400" height="909" alt="">
</div>
<div id="PSindex-16">
<img src="images/PSindex_16.png" width="399" height="909" alt="">
</div>
</div>
</div>
</div>
</body>
</html>
Hi Guys, I hope someone can help me out. I have slightly changed the layout of my website and it now appears that at the bottom of one of my pages the HTML is different for no reason. Take a look Here and the part saying "Terms and Conditions" is different to everywhere else on the website (click any of the links within the webpage to see how it should look). The HTML coding is the same yet why on this page is the layout messed up? The only thing I can think of is that this webpage contains java script? Thanks in advance, any help appreciated. Hi, I'm trying to debug some code and, in spite of running it cleanly through the W3C validator, still have some big issues. The site runs fine in Chrome but displays incorrectly in IE and FireFox. You can see the site at www.iwailingwall.com Firefox is giving the following error: Error: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIXMLHttpRequest.statusText]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: file:///C:/Program%20Files/Mozilla%20Firefox/components/nsBlocklistService.js :: anonymous :: line 548" data: no] Source File: file:///C:/Program%20Files/Mozilla%20Firefox/components/nsBlocklistService.js Line: 548 IE is not showing any errors. I would really appreciate any help on the display issue as well as a pointer to browser-specific code validators if they exist. Thanks in advance for any help you can provide. Please let me know if I can provide any additional information to assist in a diagnosis. The problematic code is: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>The Wailing Wall</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ --> <script type="text/javascript" src="swfobject.js" /> <style type="text/css"> textarea#styled { width: 600px; height: 120px; border: 3px solid #cccccc; padding: 5px; font-family: Tahoma, sans-serif; background-color: rgb(255,255,204); background-position: bottom right; background-repeat: no-repeat; } body { padding: 20px; background-color: rgb(238, 238, 238); font-family: Calibri; font-size: larger; color: rgb(255, 255, 204); font-weight: bolder; text-align: center; } </style> </head> <body style="background-image: url(HortonRockWall2.jpg);text-align:center;"> <table align="center"> <tr> <td> </td> <td align="left" > <font size="8" />The Wailing Wall <br /> <font size="4" />Tuck your worries here, snug among all our worries. <br />We'll keep them safe so you can let them go. </td> <td> </td> </tr> <tr> <td> </td> <td><table><tr><td> <div id="flashcontent">This will be shown to users with no Flash or Javascript.</div> <script type="text/javascript"> var myWidth = 0, myHeight = 0; var maxHeight = 0; myWidth = 600; myHeight = 600; if (myWidth > myHeight) maxHeight = .75* myHeight; else maxHeight = .75* myWidth; var so = new SWFObject("tagcloud.swf", "tagcloud", maxHeight, maxHeight, "7", "#000000"); // uncomment next line to enable transparency so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0xFFFFCC"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "60"); so.addVariable("tagcloud", "%3Ctags%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D98%27+style%3D%2710%27%3EAdd+to+the+wall+here....%3C%2 Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D97%27+style%3D%2710%27%3EAdd+to+the+wall+here....%3C%2Fa%3E% 3Ca+href%3D%27%2Findex.php%3Fid%3D96%27+style%3D%2710%27%3EI+hate+meetings+about+meetings...%3C%2Fa% 3E%3Ca+href%3D%27%2Findex.php%3Fid%3D94%27+style%3D%2710%27%3EI+am+worried+that+the+recessio...%3C%2 Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D84%27+style%3D%2710%27%3EI+think+that+this+is+a+really+...%3 C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D75%27+style%3D%2710%27%3EI+often+worry+that+I+am+a+****.. .%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D74%27+style%3D%2710%27%3EI+worry+that+I%27ve+spent+4+y ea...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D73%27+style%3D%2710%27%3EI+worry+that+my+son+is+in heren...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D72%27+style%3D%2710%27%3EOne+worry+I+have+is+th at+someo...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D71%27+style%3D%2710%27%3EI+am+worried+about+ the+possibi...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D70%27+style%3D%2710%27%3EWhen+this+electi on+is+over%2C+I+...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D69%27+style%3D%2710%27%3EI+am+worrie d+about+what+I+am+g...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D68%27+style%3D%2710%27%3EIt%27s+f all+again+and+the+weath...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D67%27+style%3D%2710%27%3EI%27 m+worried+about+what%27s+goi...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D66%27+style%3D%2710%27%3 EHopefully+this+isn%27t+meta-ana...%3C%2Fa%3E%26nbsp%3B%26nbsp%3B+%3Ca+href%3D%27%2Findex.php%3Fpage%3D2%27+style%3D%2710%27%3ENe xt%3C%2Fa%3E++%3Ca+href%3D%27%2Findex.php%3Fpage%3D2%27+style%3D%2710%27%3ELast+Page%3C%2Fa%3E+%3Ca+ href%3D%27%2Findex.php%27+style+%3D%2710%27%3EReturn+to+main+page.%3C%2Fa%3E%3C%2Ftags%3E");so.write ("flashcontent"); </script> </td></tr> <tr><td align="center"> <font size='2' />Based on WP-Cumulus by <a href="http://www.roytanck.com/">Roy Tanck</a></td></tr> </table></td> <td valign='top'> <table style="width: 407px; margin-left: 30px; border-width:3;"> <tr> <td style="width: 383px;"> <form action='/index.php' method='post' name='contact_form' /> <textarea name="body" rows="5" cols="40">Add to the wall here.</textarea> </td> </tr> <tr> <td style="width: 383px;"><font size="3" />By: <input name="name" value="Anonymous" type="text" /><input value="Submit" name="Submit" type="submit" /><input value="Reset" name="Reset" type="reset" /> </td> </tr> <tr> <td style="width: 383px;"> <input name='reference' type='hidden' value='0' />What do you need to let go of? </td> </tr> </table> </td> </tr> </table> </body> </html> i have created a page, and i will chk that in firefox, the height of that page is not fixed, but i go through with chrome, the page size is fixed with browser? how to avoid this??? this is the page template code #panelIMG{ position:absolute; width:844px; height:652px; z-index:1; left: 203px; top: 14px; background-image:url(template_bg.jpg); background-repeat:no-repeat; } I cannot figure out what I am doing wrong. I have a page he http://www.bestsellersworld.com/revi...ke_a_stone.htm If you scroll down to the end of the review it states : send this page to a friend. If you click on it it will come up with the link to the page on my site. I did the same thing on another page: http://www.bestsellersworld.com/revi...ou_see_him.htm If you click on the "send this page to a friend" at the bottom it does not show the underlined link and now it is going to Amazon. I tried placing it on different parts of the page but don't know what is wrong. <a href="index.html" target="_blank" onclick="window.open(this.href,this.target,'status=no,toolbar=no,location=no,menubar=no,directories= no,resizable=no,scrollbars=no,height=600,width=800'); return false;" >Enter</a> This followed codes working properly, a window opened with the desired page and with desired conditions except resizable. It can be seen that "resizable=no" even then the page can be resized :S Lookin 4word hi everyone... I have divided a html page in two frames.one is header another is the main page. In main frame there is login form, when i am submitting form it calls the next page in the same frame by default and address in the address bar is not changing because page in the address bar is not changing only main frame is changing. I want that when i submit the form, page containing the header and main frame get vanished and next page should be called without these frames. thanks in advance I have created a page which consists of 2radio buttons(r1,r2). When user selects radio button1(r1) a table(t1) belong to r1 is displayed.This is by default I mean radio button(r1) is Checked and table(t1) is displayed when this page is runned. When user selects 2nd radio button(r2) a table(t2) is displayed in place of t1. Every thing is working fine.Problem is when user selects radio button2 and if he refreshes page table t1 is being displayed with r2 checked this is where I am Placing problem. Can anyone resolve this issue and give a suggestion how to display table belong to corresponding clicked radio button even after page refresh. Hi I have just finished editing a webpage for a compay and sent it to a html validator to clean up the code a bit. Now i have done this though and made the changes whenever i try to open the page in IE all it shows is an empty page with no errors. The page displays fine in firefox but i have no idea what i have done. The link is: www.bgp-group.co.uk/ben/index2.htm Thanks in advance Please tell me how I can get the login to sit directly under the menu on the following site: http://www.smilescanning.com/default.asp By the way, I am using ssi so I can't put the login into the menu div because the menu shows up on all pages and I just want the login to show up on the default page. Thanks~ I tried to embed a wmv video in my web page, using this code: <HEAD><meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="imagetoolbar" content="false"> </HEAD> <BODY bgcolor="#000000"> <p align="center"> <img border="0" dynsrc="baby_girl.wmv" start="fileopen"></p> </BODY></HTML> I uploaded the wmv into a folder called just_like_daddy on my website called www.lovetoamuse.com On a blog I placed this link to the page: www.lovetoamuse.com/just_like_daddy To complicate matters, the video shows up on my computer, but when I try to see to it from the blog on another computer, it doesn't work. What code can I use to ensure it works everywhere, using the url www.lovetomuse.com/just_like_daddy Thanks Hi, Please can someone have a look at the photo's page on my site here http://www.leeds-cityscape.co.uk/. The page is made up of a frame, so that I can have an advert at the top of the page that scrolls down as the visitor scrolls down. The problem is that when you go to the page there is a large gap at the top of the page. I have checked the code, but I cannot see what could be causing this. Any help would be appreciated. |
|||||||