HTML - Space Between Images Or Text Iver Image! Plz Help.
i am new, i found this site through google and seen how helpful everyone is and decided to join to try and find an answer.
i got the design for the site from a template but i remade a majority of it and used photoshop to slice it. so heres the problem, the page is fine the way it is, but i need to be able to type in the white area. i dont know if a code exists to do such a thing but i attempted to will in the white area with a table instead of the image. please help me. thanks in advance. http://haskinsart.awardspace.com/index.html above is the page with the image as the white space (the body(where i want to type)) http://haskinsart.awardspace.com/indexart.html and this one has the table. but as u can see now i have gaps!!! please help me. Similar TutorialsLook at the too pages. P1= http://chapai.net/xhtml_prob/html_smpl.htm Code: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>html Sample</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ....................... P2= http://chapai.net/xhtml_prob/x_smpl.html Code: <!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"> <head> <title>XHTML Sample</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> .......... P1 page is smooth but P2 page is not. Hare is white space at the uper side and lower side of the images. How to remove this space? Please Help. I have white space around my images with the grey border. I put in a picture that was larger than the previous cell size than removed it (the width and height code as well) but it still leaving the white space around the left and right sides of the images. http://www.diversink.com/publications.htm this is the page i'm working on Any ideas to why this is happening would be greatly appreciated Thank you, Rainseed I just started learning HTML from through Lynda.com. I ran into a problem of which I cant seem to find what went wrong. This image I horizontally splitted it in 3 parts which needed to resolve in HTML as 1 image. Between each image there now is a horizontal space. This is only the case in Firefox and Google Chrome. In Explorer it works fine. What did I do wrong? <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/1.gif" alt="" /></td> </tr> <tr> <td><img src="images/2.gif" alt="" /></td> </tr> <tr> <td><img src="images/3.gif" alt="" /></td> </tr> </table> Thank you. Whenever I use mouseover images on top of one another (in a column for example), there is always a small gap in between them. Is there anyway to get rid of this space? Even when I put border and vspace to 0 and even omit using a <br>, that annoying gap appears! Any suggestions? Hi all, I have a HTML document, with two images one below the other e.g. <img id="Image1" src="web/images/en/1.jpg" alt="Image"/><br/><img id="Image1" src="web/images/en/1.jpg" alt="Image"/> To make my doc XHTML compliant, i am adding following doctype declaration in my doc: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> But because of the above declation, there is a minor gap observed between the images, if i remove the Doctype declaration, the space disappears. Can somebody help me on this, is there any workaround to resolve the same or what could be the probable reason for this behavior. This must be a really basic question. Say you have a footer div(or any other div for that matter) and you want say 3 links and a copyright statement, by using the Design GUI in dreamweaver not but working directly with source, so for examaple in your div you have, copyright 2009 coolffdesign contact us friends links etc........... Now if i put the cursor directly after say 2009 and try and add more than one space then i cant i can only add one space so the best i could have would be, copyright 2009 coolffdesign contact us friends links which i obviouly can't use as it is unreadable... I guess you have to work with css to solve this but shouldn't i at least be able to do this in the design view in DW, what is the best/right way to solve this?? thanks Hi everyone, not sure if this is possible but I would like to have a page that has two textboxes - "1: Input" and "2: Output" So if you copy a few paragraphs from MSWord into that first input box, then click a button that says "Convert", the second Output box shows up with the same text only with a full line break in between paragraphs (not put html tags like <BR> in it) My reasoning is that in word, you can distinguish between paragraphs because of tabbing, but when you copy/paste it into a forum post, it just mushes together and becomes very difficult to read, making line breaks the best way to separate. Example: Input: Code: Once upon a time blah blah blah. The next day thirty people died. It was sad. Output: Code: Once upon a time blah blah blah. The next day thirty people died. It was sad. Thank you! Hey guys Ok so I have a table with one row and three columns, all sizes set. Now, this table is a part of a PHP script output. So what happens is the <td> on the left has an image in it, the <td> on the right has an image in it, and the <td> in the middle has the text output from the script. Problem: if someone inputs a row of letters "aaaaaaaaaaaaaaaaaaaaaaa..." after a certain point it's going to stretch the table and ruin the entire layout. I bypassed this by having the middle <td> completely filled with <textarea>, however this way I can't apply styling like <b> to the text inside of <textarea>. how do I make a table ABSOLUTELY set in size or that <td> ABSOLUTELY set to a certain size? Sorry for a long explanation. Thanks a bunch in advance. Hi All! I have a question about the (white) space above any text. I don't know if its possible or not but i hope yes... Please look at the attached picture. You can see the space between the text and the black border on the top... I tried padding, margin set to zero but nothing worked! Maybe its not possible to remove it? Thanks in advance! Hi folks, I'm an amateur webpage designer. I've recently set up a page and am trying to see if there's a solution to something I've noticed when I view my page. In Internet Explorer and icab, it shows the way I would like, but in Safari and Firefox, I see a problem. My webpage is: http://www.worldwideaccessiblewashrooms.com At the top, I have the webpage title in a table. In Safari and Firefox, there is more space on the bottom of the text inside the table than on the top. I used a straightforward table html: <center> <table bgcolor="#f2e891" border="0" style="border: 3px solid black;"> <tr> <td><h2>Worldwide Wheelchair Accessible Washrooms</h2></td> </tr> </table> </center> Is there a way I can change this so that there is equal space above and below the text inside the table box? Thanks![/url] Hello- A quick question for those in the know: Is it considered "proper" to put multiple between words to space them out, or is another method preferred as the "correct" way to do it? I've used tables and transparent 1x1 .gifs for spacing as well depending on the page, but there are a number of times where it's just easier to lay about ten or fifteen nbsps in there till the text is nudged over where you need it and be done with it. Makes for an ugly source, but seems to work fine. It seems to render properly doing it this way, at least in IE and Firefox, but is it still kosher to do so? Or is everything "proper" supposed to be done with style sheets now? Thanks, I am having a small problem after inserting a URL. all the text a head of it is spaced out far apart and not sure why or how to fix this. Here is this code and below is a screen shot. HTML Code: <p> <a href="/images/how_to/signframe/fig1_sign.JPG"><img src="/images/how_to/signframe/fig1_sign.JPG" style="float: left" height="150" width="150" hspace=10 border="0"></a> I got the idea to do this project from Ryan Johnson at <a STYLE="text-decoration:none" href="www.johnsonschristmascorner.com">www.johnsonschristmascorner.com</a> on the Texas Christmas Lights Forum as he had made one for himself. It really fit the look I had this year as well as what I would be implementing for the next year. So I decided to build one and document the process of the build for those that would be interested in building one for them selfs. These plans are for a 18" x 24" sign which was made from corrugated plastic. You can get these done from your favorite sign shop. I used Stellar Signs in Plano, Tx on Plano Pkwy. Took them about an hour to make with my design I gave them for $23. That was for a full color one sided sign which is not a bad price, cheapest I had found without ordering it online. So call Cassie and tell them Mesquite Christmas sent you and they will hook you up. You are going to need to set a side a couple of hours for assembly and I recommend a full day to allow the paint to dry before assembling.</p> Notice the first line the text is space wide apart. If I remove the URL from the HTML above it is fine. It only happens when I add the URL. Weird. I have never seen this before. Any help or feedback -Thanks Hi, I have a problem. some of my HTML text appears differently in the browsers. for e.g - I want my text to show normally like this - Hi My name is raj. BUT on the browser it is showing as Hi M Y na me is r aj. How do I get rid of the unwanted space. Pease help somebody and thanks in advance (",) iv been trying to make a header for a new ebay store. i have dream weaver with a table with 1 row and 2 col in the first column i have the main logo and 3 hotspot buttons, in the 2nd column i have a solid colour image set as the background for that row. the problem i am having is the 1st column with the logo image has a white space under the image which looks very annoying html code below: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="1200" height="292"> <img name="MainHeader" src="http://imagehost.vendio.com/a/35060807/view/MainHeader.jpg" width="1200" height="292" border="0" id="MainHeader" usemap="#m_Main20Header" alt="" /> <map name="m_Main20Header" id="m_Main20Header"> <area shape="poly" coords="810,21,964,21,964,55,810,55,810,21" href="javascript:;" title="Terms And Conditions Page" alt="Terms And Conditions Page" /> <area shape="poly" coords="990,21,1144,21,1144,55,990,55,990,21" href="javascript:;" title="Email Us Page" alt="Email Us Page" /> <area shape="poly" coords="630,21,784,21,784,55,630,55,630,21" href="javascript:;" title="About Our Company Page" alt="About Our Company Page" /> <area shape="poly" coords="450,21,604,21,604,55,450,55,450,21" href="javascript:;" title="Frequently Asked Questions Page" alt="Frequently Asked Questions Page" /> </map> </td> <td background="http://imagehost.vendio.com/a/35060807/view/headerbg.jpg" width="845" height="292" border="0"> </td> </tr> </table> here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. Hello HTML experts; a nooby here. Searched for this and found tons of posts but none seemed to fit my question or fix my problem. To show what I am trying to do, I put all the details he http://www.sticksite.com/align/ Is there a solution that a nooby can understand? THANKS for your time! I'm writing a blog posta nd I want to enter text and images. But when I do, the text and images appear next to one another and I don't want that. I want the text to come UNDER and ABOVE the image rather than on the side of it. Currently, I have: Code: <img src="/images/menu.jpg" alt="Menu" /> <p> </p><p> </p> <p> </p><p> </p> <p> </p><p> </p> Text Here As you can see, I have to enter a lot of manual paragraphs. Is there a better way of separating the text from the images hey ive been doing html a little while now and to move things around my webpage ive been using the <div> tag but when i change the screen resolution the images / words move to a different placee is there another way of doing it so they dont move if im adjusting the screen resolution somebody please help please, check http://members.dodo.com.au/~rouslan/...ite/index.html I need to know how to get rid off strange effect down the bottom and how do I make text and image aligned on the same "line", "level" e.g. image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text <div id="myBox"> <p>4 Wheel Madness</p> <img src='sampleimage.png' width="65" height ="65" alt="img"> </div> What would i add to this to make the image go to the LEFT of the box, and then the text to go to the RIGHT of the box? ##### Text here, ##### Text here, ##### Text here, ^ Just like that Thank you for any comments |