HTML - Getting Everything To Fit Correctly On An Html Page.
I am having trouble getting everything to fit correctly on a page. Below is a picture of my page and the sections I have split it up into.
As you can see, the problem lies in the banner on the right. It is longer than all of the other rows, but I can't split it up because it is a banner. The way I have set up my page is by creating a table and then each row is another table in side of the first table. I'm not sure if this is even correct. How do I go about setting up my page so that everything fits together (including the banner)? (this is a picture of what's wrong) Similar TutorialsFor the life of me I can't seem to figure out why this page jump isn't working. http://www.thegoheens.com/resources/test.html Any help is greatly appreciated. Thanks! As stated can anyone see where my "main" issue is this page... http://materialmaterial.com/products/sunshop/ I have checked it in FF, Chrome and Opera and there is problem with any of them but for some reason in Safari the entire content is thrown to the right of the main container. Also, it works fine throughout the rest of the site (which is in static HTML /the shop part is dynamic...) I am sure that it is a simple miscalculation in the CSS but I cannot find it... Any help would be humbly appreciated... Thanks Hey guys, I am not sure how to explain this correctly so I hope just seeing it and the page source can help explain it. On this page.. http://www.outdoorescapade.com/hiking.html About 3 quarters of the way down, if you click on the slide panel 'button' under lake louise and smith dorrien, it slides down but the text of 'slide panel' changes to being squished on the right hand side and the list on the left doesn't end where it is suppose to. It is pushed a bit down which I think is what is causing the text in the button to be messed up a little. I've checked it many times and even copied it from the other parts where I have used it on the page but it still does the same thing... Any ideas? Any help would be greatly appreciated. Thanks! OK, I've really been tearing my hair out with this one and now getting frustrated beyond beliief! LOL. I have as a bolt on within my phpBB2 (v2.0.22) forum a Mass email HTML MOD (uses a program called MICE). Now, my forum style is Aphrodite and I have successfully got this into a draft email yet when I go to preview the email, everything is set-out perfect. Once it gets sent to any email client, ie Hotmail, Yahoo mail, etc, etc, a lot of the style gets stripped making it all look very messy. Best way to explain this is by screenshots. The below is how it SHOULD look (small section of the email): And this is how it looks in email clients (same section): This is the header from the html file: 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 content="text/html; charset=ISO-8859-1" http-equiv="content-type" /> <title>screwball newsletter 1</title> <link rel="STYLESHEET" href="http://www.screwballscrabble.co.uk/forum/templates/ca_aphrodite/style.css" type="text/css" /> </head> <body> I'm hoping it's something that is easy to remedy as I've obviously overlooked something. Look forward to any responses. Thanks! Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma HI everyone, I am in process of creating a sample page. I need to pass values from one HTML page and i should get those values in other page. For example i have used two sample pages like, sample.html l<html> <head> <title> My first page </title> </head> <body> <a href="sample1.html" id="1001">Welcome to html </a> </body> </html> sample1.html <html> <head> <title> My second page </title> </head> <body> <a href="sample1.html">Sample HTML page values came here</a></body> </html> I have used those two sample pages and i need to get the value of id="1001" in sample 1.html page could anyone help me to solve this problem. Thanks in advance Regards, Martin I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. Hi, Is there any possible to show a HTML or ASP page inside the table. I have tried with frames but i dont know how to execute exacltly. Thanks Hey all, me and my friend have a cleaning company and we deciced to make a webpage. It's been a good 6 years since i have worked on a website. My biggest accomplishment so far was getting the contact form to work properly on the site. It does, i feel like i've done alot lol. Anyway, the current design is a rough layout (suggestions are welcome). It still needs a lot of little touches to make it look more "full". My biggest concern now is when your clicking from page to page the table jumps around. In firefox, the Contact Us and Services page are perfect, nice and centered. The image i'm using where the navigation buttons are is in place as well. When you go to the other pages though the table moves a bit and it looks like the image i'm using where the navigation buttons are starts to repeat. In Internet Exploder, everything doesn't look centered. There seems to be more space on the right than on the left, but the image i'm using for the navigation buttons seems to be fine, it's not repeating. I dunno what's causing this. I know different browsers display stuff in different ways but i'm far from having a good understanding as to why (that's why i'm here). I even copied txt from one of the messed up pages and pasted it on one of the pages that is ok and that didn't work. I assume it's a CSS thing. Also, try and avoid saying things like "Table designs are for teh n00bz!11!" or "This is why CSS is better than using a table design!!!". This is how i did it. Im ok with CSS but i don't have a thorough understanding of it to design an entire website using CSS. I'm hoping this is an easy CSS fix, or maybe something else? The website is www.gocleantoday.com. Thanks. I am stuck with this stupid code that i have been trying to fix for an hour! Please help. Heres my problem...: I want to embed a webpage within another and scroll it to the bottom of the page automaticly because i want the information at the bottom which is updated frequently. I also dont want a scroll bar, so all that is seen is the table. the website is www.totalfta.com. I want from below the ENTER|EXIT sign to the bottom of the table. I have attached what i have so far. ***I have the embed into another page, and the no scroll bar... i just want to make it auto scroll to the table..**** Thank you..! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tester</title> </head> <iframe height="410" width="100%" frameBorder="0" src="http://www.totalfta.com" mce_src="http://www.totalfta.com" scrolling="no" body onLoad="for (i=0;i<window.screen.availHeight;i++) {window.scroll(0,i); }"</iframe> <body> Hello Friends, I need a tool which can remove HTML comments from an HTML page. I don't want to create a regular expression to remove HTML comments rather I need a tool which should have command line support also so that it can be integrated with build process. Please advice. Thank you. Hello I have a custom made template which is done using html. I also have phpproxy which uses .php and I would like on my index.html page to call the index.php in the table created for text content. i have tried to use the include comand however it doesnt have any effect. any and all help appreciated. Thank you This is The template This is phproxy Hi, I am new to HTML coding and am not aware of all the options that are available with HTML, my requirement is as below I have a page 1.html on the server to which i don't have the edit access, I have some data which I check on this page at regular intervals of 10 seconds...... Now my problem lies here since this page is not editable i cannot change the refresh settings for 1.HTML My query : Is there an option available wherein I create my own page 2.HTML on my local desktop and write a code in 2.html such that page 1.HTML is refreshed every 10 seconds and obviously 2.html being open all the while.. Any kind of suggestions will be appreciated.... Thanks, Jay How to link one page to another page in HTML? ------------------------------------------------------ Can I put an HTML page within a html page in a table? I have this template that I need to email to people, it will not be on my website. Wow ever I need to change the information in one table every few days. The information is live I think it's called. It's like if I place google adsense in that table and decide to change it to ad-clicks later, I can't send everyone a new template, I need to be able to change just the information within that table. I'm going to go read up on frames, haven't used them in years. Any ideas! ~eDee I have the following code: Code: Protected Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles form1.Load Dim objDB As New clsDB Dim dsrepeater As New DataSet Dim sql As String = [String].Empty If Not Page.IsPostBack Then 'Session.Item("DCNo") = lblNo.Text If (Session.Item("DCNo") <> "") Then Else End If If Request("MenuVisible") = "No" Then pnlSideMenuVisible.Visible = False pnlTopBannerVisible.Visible = False pnlSubBanner.Visible = False ' btnInvoice.Visible = False If Request("Pdf") <> "Yes" Then Dim strScript As String strScript = "<script>" strScript &= " window.print(); " strScript &= "</" + "script>" ClientScript.RegisterClientScriptBlock(Me.GetType, "anything", strScript) End If End If sql = "SELECT Top 93 [content] FROM DC_VendorDetails_Temp " sql &= "WHERE DCID='5AC469B3-D421-4B69-A1D6-E748CEE292EA' Order By LineNum;" objDB.OpenDataSet(dsrepeater, sql) dsrepeater.Tables(0).TableName = "DCAllowance" dsrepeater.DataSetName = "DCAllowance" Dim a As Integer = 0 lbl.Text = "<table width=""80%"">" For a = 0 To dsrepeater.Tables(0).Rows.Count - 1 lbl.Text = lbl.Text & "<tr>" lbl.Text = lbl.Text & "<td style=""font-size: 10px;""><pre>" & dsrepeater.Tables(0).Rows(a).Item("Content").ToString() lbl.Text = lbl.Text & "</pre></td>" lbl.Text = lbl.Text & "</tr>" Next lbl.Text = lbl.Text & "</table>" End If End Sub Protected Sub btnPrint_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnPrint.Click Dim strScript As String strScript = "<script>window.open('" & Session.Item("FormName") & "?id=" & Session.Item("DCID") & "&ArhieveList=" & Session.Item("SelectedMenuItem") & "&History=false&MenuVisible=No','cal','width=1200,height=600,left=0,top=0,menubar=yes,scrollbars=yes,resizable=no');" strScript &= "</" + "script>" ClientScript.RegisterClientScriptBlock(Me.GetType, "anything", strScript) ' documentlog.Add(Session.Item("UserID"), Session.Item("UserCompanyID"), Session.Item("DCID"), Session.Item("DCID"), "DC Allowance", "Print") End Sub Basically, when the user click Print button, it will print out the page after select the data from database, all the codes works fine, but i am having the problem to fix all the data into one page,is there anyway for me to fix all the data to one page during printing using vb/net code? HTML 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>Untitled Document</title> <style type="text/css"> div.tableContainer { width: 100%; /* table width will be 99% of this*/ height: 250px; /* must be greater than tbody*/ overflow: auto; margin: 0 auto; } .style1 { color: #FF9966; font-weight: bold; } </style> </head> <body> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr > <td width="26%" bgcolor="#00CCFF" rowspan="2"> <div class="tableContainer"> <table cellspacing="0" width="96%" border="1" > <thead> <tr > <td width="38%" align="center">Users</td> </tr> </thead> <tbody> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> <tr> <td align="center"><a href="userRoles">user</a></td> </tr> </tbody> </table> </div> </td> <td width="74%" valign="top"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td><table width="100%" height="133" border="1" cellpadding="0" cellspacing="0" bgcolor="#3366CC"> <tr> <td align="center"><span class="style1">Assigned Roles for userX</span></td> </tr> <tr> <td> <div class="tableContainer"> <table cellspacing="0" width="100%" > <thead align="center"> <tr> <td width="18%">Role</td> <td width="38%">Action</td> </tr> </thead> <tbody align="center"> <tr> <td >role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> <tr> <td>role1</td> <td ><a href="revoke">revoke</a></td> </tr> </tbody> </table> </div> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" height="133" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFF99"> <tr> <td align="center"><span class="style1">Not Assigned Roles</span></td> </tr> <tr> <td> <div class="tableContainer"> <table cellspacing="0" width="100%" > <thead align="center"> <tr> <td width="18%">Role</td> <td width="38%">Action</td> </tr> </thead> <tbody align="center"> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> <tr> <td>role1</td> <td><a href="add">add</a></td> </tr> </tbody> </table> </div> </td> </tr> </table></td> </tr> </table> </body> </html> Hello everyone. I am VERY interested in creating a site using only html, and slowly adding more things once I master html. I was wondering though, does This Page only use html? When I view the source it does look like it. Although, I think the registering and stuff would use PHP possibly? I want to know if the page (minus the log in stuff) uses only html? And if so, how hard would it be to create a page like this? Thanks. hi i want to make some thing like this for example i have 100 pages how can i make this work i want this to happen it shows 9 or 10 numbers per page and after user goes to 9th page it will show more 5 numbers how can i make this any one?? that's how it will goes upto 100 page and i want First page and last page link too anyone can help me give me guide how can i make this???? Hi. My latest project is a website that I plan to update via a vBulletin "back end" I wanted to do this via RSS feeds from the forums. What I am trying to do is have it so I can put ONLY the data from a single forum post inside a HTML page, that will then update as I update the forum post. I have started reading up a little and found that vBulletin offers the following methods: -XML -RSS -RSS1 -RSS2 All of them methods appear to pull data that I do not need/want (posted by, date, time, link to the post). I literally JUST want the data from inside the post to be inserted in to the HTML page. Besides that, I am unsure of how to add the actual data to the web page. Looking for a simple (if possible) guide on how to do this. I will be formatting the data via. .CSS Could anyone point me in the right direction? thx. |