|
HTML - Centre My Site... Please?
Hi All
I am working on a new and very very simple site for myself and have been asking friends to check it as i am going along on my screen res the site is fine but on anyone with hugh monitor resolutions they are getting the home page of the site showing up tiny in the top left corner... and all pages are showing with huge white space below is there an easy way for me to make the site show up in the middle of the browser no matter the reolution? i dont mind if theres white space around the site i just dont want it all at the bottom or for the site to be stuck up in a corner.. i dont just want it centred at the top of the screen either I hope this makes sense? appreciate any help.. thanks http://www.steverobertson.co.uk Similar TutorialsHi, My website sits of center on the iphone's. I think logic tells me that its something to do with the background image. http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Please can someone help as I've been stuck on this for AGGGGEEEEESSS Thanks alot Joe Hi, I'm a complete novice at html - am building a site from a wordpress template and want to centre the image in my header but it seems to be automatically pushing it to the right. At the moment i have: <div id="title"><center><a href="http://www.bar-23.co.uk"><img src="http://www.bar-23.co.uk/finallogo2.png"></center></img></a></div> Is this all wrong?!! I suspect this is a very simple question but for the life of me I cannot figure this out. I have tried almost everything but I cannot get an image to centre widthwise. Here is the page: http://outdoorphotographycanada.com/ I am trying to centre the image on the left side of the page which is our Forum banner (picture of an eagle). Here is the code for that piece: <td width="189" rowspan="4" valign="top" bgcolor="#fba71b"><br /> <p><a href="http://www.outdoorphotographycanada.com/ccount/click.php?id=2" target="_blank" onMouseover="return hidestatus()"> <img src="http://www.outdoorphotographycanada.com/images/site_pics/OPCForum.jpg" alt="Forum" width="187" height="600" border="0" /></a></p></td> I have tried <center> , <div align="center"> and also various valign entries but no luck. I am working in Dreamweaver and using a template. My browser is IE 6.0 and Firefox 2.0.0.15 Does anyone know how I can do this? Thanks, Dave I need to create a page like the image its really simple but i just cant get my divs working. Please help me im tearing no ripping my hair out. Many thanks in advance Matthew CSS body { background-color:#F0F; margin: 0; } #wrapper { width: 700px; height: 100%; min-height: 100%; position: relative; margin: 0 auto; background-color: #CCC; } #main { left: 0; position: relative; top: 50%; height: 500px; width:700px; background-color: #666; } #footer { height: 50px; width:500px; bottom: 0; position: absolute; background-color: #CCC; } HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>2010</title> <link href="test.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <div id="main"><p>container</p></div> <div id="footer"><p>footer</p></div> </div> </body> </html> Hello, I have a website I am working on and I have almost finished and have just noticed that when I use Chrome or Opera the different pages on my website shift 20 pixels or so to the left. That is some jump left and some don't. Under IE8 this is o.k. Having spent a few hours trying to work out the difference( I assumed this would be easy ) I have discovered that sometimes by adding a <p>Hello World</P> into the centre DIV causes the webpage to fix itself. I have no styling on the P other than to change the colour and can't work out what is causing it. I was trying to make the website HMTML 4.01 strict to avoid these inter-browser problems using but this one has caught me out. I am new to this FORUM and so I am not sure of the correct way of doing this. So I am happy to post code here or if someone wants to have a look at the website its he http://www.sharpcoders.co.uk/index.htm Simple clicking on HOME and then the tab marked "Windows Apps" will show the shifting I am talking about. Thanks for any support or suggestions anyone can give me. Regards, Please could anyone help me. Adding items to the left column moves the centre column, increasing the space betweeen centre column text and the header. Could anyone help me with this. Here is the detail. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Web Shop</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="default.css" title="default"/> </head> <body> <div id="WholePage"> <div id="Inner"> <div id="Container"> <div id="Head"> <div id="Head_left"> <div id="Leaf_top"></div> <div id="Leaf_bottom"> <a class="registration" href="">REGISTRATION</a> <a class="log-in" ">LOG IN</a> </div> </div> <div id="Head_right"> <div id="Logo"> <div id="Name"><span class="blue">A</span><span>dvance </span> <span class="blue">P</span><span>rofessional</span> </div> <div id="Informations">Laundry | Catering | Auto Dosing Equipment </div> </div> <div id="Top_menu"> <a class="kart" href=""><span>KART</span></a> <a class="orders" href=""><span>ORDERS</span></a> <a class="contact" href=""><span>CONTACT</span></a> </div> </div> </div> <div id="CentralPart"> <div id="LeftPart"> <div id="Menu"> <div id="Menu_header"> <div class="menu_header_left"> <span class="menu_text">LAUNDRY PRODUCTS</span> </div> <div class="menu_header_right"> </div> </div> <div id="Menu_content"> <a class="menu_item" href=""><span>Professional Powder </span></a><br/> <a class="menu_item2" href=""><span>Non- Biological</span></a><br/> <a class="menu_item2" href=""><span>Biological</span></a><br/> <a class="menu_item" href=""><span>Professional Liquids</span></a><br/> <a class="menu_item2" href=""><span>Biological</span></a><br/> <a class="menu_item2" href="<span>Non-Biological</span></a><br/><a class="menu_item" href=""><span>Fabric Conditioners</span></a><br/> <a class="menu_item2" href=""><span>Disinfecting</span></a><br/> <a class="menu_item2" href=""><span>Peach Liquid</span></a><br/> <a class="menu_item" href=""><span>Destainers</span></a><br/> <a class="menu_item" href=""><span>Oxy Boost</span></a><br/> </div> </div> <div id="Menu"> <div id="Menu_header"> <div class="menu_header_left"> <span class="menu_text">CATERING PRODUCTS</span> </div> <div class="menu_header_right"> </div> </div> <div id="Menu_content"> <a class="menu_item""><span>Warewashing</span></a><br/> <a class="menu_item2" href=""><span>Auto Dishwash Liquid</span></a><br/> <a class="menu_item2" href=""><span>Biological</span></a><br/> <a class="menu_item2" href=""><span>Dish Wash Powder</span></a><br/> <a class="menu_item2" href=""><span>Dish Wash Tablets</span></a><br/> <a class="menu_item2" href=""><span>Rinse Aid</span></a><br/> <a class="menu_item2" href=""><span>Tanin Stain Remover</span></a><br/> <div id="Menu_content"> <a class="menu_item" "><span>Glass Washing</span></a><br/> <a class="menu_item2" href=""><span>Auto Glasswash</span></a><br/> <a class="menu_item2" href=""><span>Rinse Aid-Glasswash</span></a><br/> <a class="menu_item2" href=""><span>Glass Renovating Powder</span></a><br/> <a class="menu_item2" href=""><span>.....</span></a><br/> <a class="menu_item2" href=""><span>Rinse Aid</span></a><br/> <div id="Poll"> <div id="Poll_header"> <div class="menu_header_left"> <span class="menu_text">SERVICE</span> </div> <div class="menu_header_right"> </div> </div> <div id="Poll_content"> <span class="poll_question">Laundry Systems</span><br/> <a class="menu_item2" href=""><span>1111111</span></a><br/> <a class="menu_item2" href=""><span>2222222</span></a><br/> </div> <div id="Poll_content"> <span class="poll_question">Warewashing Systems</span><br/><a class="menu_item2" href=""><span>3333333</span></a><br/> <a class="menu_item2" href=""><span>44444</span></a><br/> <a class="menu_item2" href=""><span>55555</span></a><br/> <a class="poll_unswer" href=""><span>Laundry Dispensers</span></a><br/> <a class="poll_unswer" href=""><span>Dishwash Dispensers</span></a><br/> </div> </div> <div id="Banner"> <img src="img/banner.jpg" alt="" /> </div> </div> <div id="RightPart"> <div id="Page"> <div id="Page_header"> <h1>Save money by buying direct...</h1> <table> <tr> <td class="page_header_img"><img src="img/basket.gif" alt="" /></td> <td class="page_header_text"><p>Buy on-line direct from us. No middlemen and achive massive savings.</p></td> <td class="page_header_img"><img src="img/idea.gif" alt="" /></td> <td class="page_header_text"><p>All prices on our website include delivery. No hidden charges.</p></td> </tr> <tr> <td class="page_header_img"><img src="img/car.gif" alt="" /></td> <td class="page_header_text"><p>Should you have any queries or need some techinical advice, we are on hand. Just send us an email.</p></td> <td class="page_header_img"><img src="img/envelope.gif" alt="" /></td> <td class="page_header_text"><p>Donec at justo ac ipsum laoreet dapibus. Vivamus lacinia. Suspendisse ipsum. Morbi vitae nulla. In hac habitasse platea dictumst.</p></td> </tr> </table> </div> <div id="Page_top"> <p> Introductory Offer...Buy any 100 litres Get any 20 litres FREE<br/> Great savings every month <a href="http://www.free-css.com/">libero,</a> <a href="">vestibulum ut,</a> <a href="">venenatis ac,</a> <a href="">interdum quis, mi.</a><br/> Donec at justo ac ipsum laoreet <a href="">dapibus</a><br/> <a href="http://www.free-css.com/">1</a> 2 3 .... 11 12 13<br/> </p> </div> <div id="Page_center"> <table> <tr> <td class="page_center_button"><a class="page_center_buy" href="http://www.free-css.com/"><span>buy</span></a><a class="page_center_info" href=""><span>more-info</span></a> </td> <td class="page_center_content"><div class="page_center_text"> <span class="blue2">Lorem ipsum dolor</span><br/> <span class="gray">Donec at: justo ac</span><br/> <span class="gray">Cras ut: ligula nec</span><br/> <br/> <span class="green">Price: $156</span><br/> </div></td> <td class="page_center_img"> </td> <td class="page_center_button"> </td> <td class="page_center_content"></td> <td class="page_center_img2" > </td> </tr> <tr> <td class="page_center_button"><a class="page_center_buy" href="http://www.free-css.com/"><span>buy</span></a><a class="page_center_info" href=""><span>more-info</span></a> </td> <td class="page_center_content"><div class="page_center_text"> <span class="blue2">Lorem ipsum dolor</span><br/> <span class="gray">Donec at: justo ac</span><br/> <span class="gray">Cras ut: ligula nec</span><br/> <br/> <span class="green">Price: $156</span><br/> </div></td> <td class="page_center_img" > </td> <td class="page_center_button"> </td> <td class="page_center_content"></td> <td class="page_center_img2" > </td> </tr> </table> </div> </div> </div> <div class="cleaner"></div> </div> <div id="Bottom"> <p class="down">Copyright © 2007 <a href="">Design by: Sunlight webdesign</a> </p> <div class="down2"> <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" /></a> </p> </div> </div> </div> </div> </div> </body> </html> Thanks in anticipation...Any other comments welcome to this novice. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Brew Records - Leeds Independent label</title> </head> <img src="images/logo/brew%20logo%20black.jpg" align="absmiddle"> <body> </html> when i put in align="right" it goes to the far right but absmiddle doesn't make it go in the middle of the page. driving mer nuts i'm certain its correct I'm using firework and dreamweaver, but i need to expand some side bar images in html in a table so client can input their own copy so it expands vertically without compromising the design. I need to use HTML code not CSS What code can i use to vertical align the background image in a table? Presently i have this working... <td rowspan="9" background="expansion_images/right_001_r2_c5 copy.png"> </td> Hi I'm designing a simple website in NVU, but although it displays correctly in NVU and Firefox, for some reason the tables aren't centred in Internet Explorer (they stay on the left side of the browser). The site is at www.saturdaynightmusical.com Any tips on why this is displaying differently in IE would be greatly appreciated! Many thanks for your time. I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Hi there, Hoping I can explain my situation without having to post an example. I have a logo, which I want to be centred... Easy enough. However, on the left of the text for the logo, there is an image, which kind of overlaps the text (imagine someone holding there arm out straight across top of text, and the person is fat lol). My predicament is this... If I leave the person as a part of the original logo, the font isn't centred and does look kinda odd with the rest of the page. So what I'd like to do is have the text centred, and have the person to the left, without affecting the centre of the text. Although I will need the person on the left to be close enough to the text to look like the complete logo. Also, might be worth me mentioning, the person on the left is taller than the font, and so I'd like the text to be in the midle of them (say waist height). Anyone understand me or am I gonna have to post up an example? lol Cheers Ps, I think I've done something similar in XML and CSS using just text, but never with an image, and don't really remember it too well anyway. Hi I am currently working on a site on webnode. I am trying to make a site where users can submit game links that they like so it will be like a compilation of user contributed link data system. I just want them to be able to post website links that show up on my site automatically. I also need this to be alphabetized. So basically every letter will have a submit option where they can submit the name and link of this game they are trying to share. I pretty much need an embedded code to use on this site that will do this. Can anyone help me with this? I will offer a little bit of money if necessary! Hi well i am finally getting read to put my site together this weekend and i just have a few questions. my site has been designed by a designer who has mocked it up in photoshop, illustrator etc. so the question that i have is how do i translate that into HTML? here are a few screen shots of what my site will look like. also i'll be taking them down in a couple of days. so here they are... Thanks I built my web site using NVU. It looks OK when I open it in the Firefox browser but not in IE. Could anyone tell me what is wrong? I know very little about HTML code. Take a look at it in both browsers and you will see what I mean. I would like to for it to work with both browsers. http://www.kentuckybarrels.com Thank you for any assistance. does anyone knows a code or how to put a log in to a site? like i want before going in the site, before anything comes up in the screen a box with a log in.. could someone explain me hello everyone im new to html but im learning slowly but surely. anyways the reason why i came he is im having an issue with a table on my site Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Julian Plumbing Inc.</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type>
<META name="Julian Plumbing Inc." content="">
<META name="Julian Plumbing Inc." content="">
<META name="Dylan Isley" content="">
<META name=GENERATOR content="MSHTML 8.00.6001.18904"></HEAD>
<BODY>
<TABLE border=1 cellspacing=1 cellpadding=1 width=240 align=center <thead>
<TBODY>
<TR>
<TD></TD>
<TD>
<P>Blockages and leaky and noisy pipes are a hassle to fix and can
indicate an even bigger system problem. Don't leave your home in the hands
of normal plungers, liquid cleaning agents, or inexperienced plumbers who
can't get the problem fixed the first time. Call the plumbing
professionals at Julian's Plumbing, Inc.</P>
<P> We are a full-service plumbing company serving the Charlotte area
that handles all types of repair. Our dependable and professional staff is
committed to providing fast and accurate service to all of our customers.
From drains and clogs to sewer and water installs, we handle it all and at
affordable prices our loyal customers can appreciate.</P></TD>
<TD>
<img src="Plumbing, Drains, Pipes, Julian's Plumbing, Inc_, Charlotte, NC_files/pipe.jpg" width="250" height="312">
</TD>
</TR></TBODY></TABLE>
</BODY></HTML>
there is my code and whats happens is. and here is pretty much what i want it to look like. can someone tell me how to do it I have just created a site with 50+ pages and want to create a HTML site plan page of just text links for the entire site, is there a simple way to do this, i have had a quick google search and can only seem to find PC software, any ideas for a mac user or any dreamweaver exensions etc that can help!!!! Thanks in advance hi there www.brewrecords.net everyone can see my site but me! all i can see is 'this domain has just been registered' i delete my cookies and cache in internet explorer, still nothing. can anyone shed some light on this? thanks. Hi there all, this looks like a great place to get answers. I'm trying to make a site which is "centered" but I need to add a vertical scrolling text box on top of one of the graphics. You can see what I mean at Http://www.Senor-Dicks.co.uk/tester.html I can get the box up but it has an absolute position and won't stay in the right place. I'm using Dreamweaver and any help would be appreciated. It's been driving me nuts for about 3 weeks now. Thanks in advance. and when i go on google and put the name of my site in i get this message.. Quote: Temporary holding page. This domain has been registered by registron.co.uk on behalf of a client. where as other sites have say for example Quote: The local version of this pre-eminent search engine, offering UK-specific pages as well as world results. www.google.co.uk/ - 4k im holding out to unveil my page Thanks |
|||||||