|
HTML - Hmmm Cannot Get Image In Centre But The Code Looks Perfect
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 Similar TutorialsHi, 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'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 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, 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 having trouble getting a few things to behave in IE. Please look at this page [the links don't work, coz none of the other pages are on the server yet]: http://napftest.org/ 1 -- On the upper left hand side, you'll see a 'Search' box. In FF, it lines up perfecly, it obeys the code which tells it to be in the 'middle' of the cell. But in IE, the search box goes to the 'top' of the cell. 2 -- At the bottom left, you'll see a drop down menu: 'Visit our Sister sites', In FF, the spacing between the text and the drop down is perfect. But in IE, there is an extra high space. Can anyone tell me why these anomolies are occurring. Usually, I've been able to figure out what's causing the difference, but here, I've tried everything, and nothing changes the behavior in IE. Thanks very much http://recwar.exofire.net/ i know the code is horrible, i used a mix of MS word, frontpage, and dreamweaver, so please dont bite my head off on that, this post is simply about a crossbrowser layout issue. I was able to position everything the right way in dreamweaver. I got a few screenshots from http://browsershots.org/ and its showing completely messed up in ie6, and slightly wonky in ie7 & ie8. the main problem is the text/image in the middle is somehow ending up in the bottom right corner of the page in IE. Also ie6 doesnt seem to like the transparent background on my title/banner/logo. Can anyone figure out a way to at least get the text box in the right spot for IE? So I found this perfect layout my mathew taylor and Im dissecting it to understand the layout and css. My first questions off the bat are, how does he get the links at the top to be indented? I cant see where he placed the command so that their is an inch of indent and then the links start. Also, how does he make it so the links at the top intersect with a black line the spans the header? I really dont see this in the html where the black line is. And lastly, if i want to create a banner for my website in the header how do i go about doing that in the space above the links and spanning the header. I really want to create a clean title in photoshop and place it there but I dont know what dimension width and heighth to use. Thanks http://matthewjamestaylor.com/blog/perfect-3-column.htm 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 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> as the title suggests my web page just comes out blank when previewed in I.E but works perfectly for firefox. I have run validation tests with no error results so i have no idea what could be causing this. Hi I am very new to website design and html code therefore I cannot spot what may be a very simple error in my webpage code. The page in question is http://www.stephanieholmes.co.uk/videos.html I have made the page in dreamweaver. The content is layed out in a table 7x8 with the two outer column's rows merged to contain the left and right floral border. However, in Firefox the centre columns are displaced vertically, but this problem does not occur in IE which confuses me. Please help! Hi guys and girls out there on the forum My website has a problem with showing properly in Firefox Here is my url: http://lessons-4-success.com Can you tell me what i can do to get it to show properly like it do in IE ? Thanks much in advance for answers.. Michael I hand coded my website myself, but whilst working perfectly in IE, there are some problems when viewing it using Firefox. Specifically, the table rows have double-spacings (scroll down to the 'Education' section he www.lombrozo.co.uk/resume.html), and also table borders have a 3D look (a black border to emphasise the shadow), again, this shadow is not visible in IE... Any ideas anyone? Any help would be most appreciated! 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. 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. Hello Everyone I'm having trouble putting a picture code on my myspace page, what I'm trying to do is put the picture above the advertisments and I got the code just how I want the picture to display but the only problem is, is that the picture will display under "Preview Profile" but after saving the changes and then viewing my profile it doesn't show the picture but still has the space above to where the picture would actually be? Here's the code that I'm using: <style type="text/css"> body{ background-position:top center;margin-top: 650;} div.topbanner { top: -990; left: 25%; margin-left: --200px; width: 100%; height: 150px; position: absolute; } </style> <div class="topbanner"><a href="http://www.yourpimpspace.com"><img src="http://i80.photobucket.com/albums/j174/skinny120/Clouds.jpg" border="0"></a></div><a target="_blank" href="http://www.yourpimpspace.com/"><img border="0" src="http://www.yourpimpspace.com/support.gif" alt="MySpace Layouts" style="left: 0px; position: absolute; top: 0px" /></a><a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 35px;">MySpace Layouts</a> <a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 50px;">MySpace Codes</a> <a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 65px;">MySpace Backgrounds</a><br><center><a href="http://www.yourpimpspace.com">PUT AN IMAGE AT THE TOP OF YOUR PAGE</a></center><br> Here's the pictures URL that I'm using for the Image: http://i80.photobucket.com/albums/j1...120/Clouds.jpg Please try and help Thanks |
|||||||