HTML - Hi :) Please Help Me With A 'simple' Html Issue, Thanks!
hi, i tried looking through forums but couldnt find an answer. i hope u can please help! i have a photography ad up on a site that i use html for, its simply a block of code hosting a list/tall page of pics, one line/pic goes like this... <img src="http://img715.imageshack.us/img715/3126/img7899small.jpg"><br> the other lines in the text are the same code. problem is they all try to load up simultaneously causing a slow ad to see anything, potentially losing observers attention span. do u know if theres some code i can add to each line so each pic loads up fully before the next one begins to load and this starts at the top? this will help keep attention due to somin at the top loading straight away, thanks!
Similar TutorialsHello HTMLforums.com community! I am doing some minor web design for an NPO (non-profit organization) in my community. There are some pages that exhibit this strange spacing between the headers and body as you will see on the following pages: http://www.gadshillcenter.org/progra...grams_main.php http://www.gadshillcenter.org/progra...enservices.php http://www.gadshillcenter.org/progra...connection.php This same thing happens with all other program_??.php pages. However, it does not happen on the following, seemingly identical templates: http://gadshillcenter.org/report/report_main.php http://gadshillcenter.org/newsevents...herreading.php http://gadshillcenter.org/newsevents...blications.php There doesn't seem to be borders on any of the pictures, so I see no reason for the indent that pushed the picture and top-left edge down one row. I use Microsoft Office Sharepoint Designer 2007. If you would like to view the code for any pages, just ask! Any ideas why? I could ENTIRELY reformat the pages, put them into tables and what-not, but that would take a while. Is there any way around this? Thank you all! Sincerely, Andrew My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> I have a simple 2 column 2 row table that looks like the code below. I want to expand cell 2's height without expanding cell 1's height. I need this to be dynamic due to different users seeing different heights in cell 2. Cell 3's height can change all it wants to...I just dont want cell 1's height to change!! <html> <head> <title>Height Issue</title> </head> <body> <table> <tr> <td width="100px" height="100px"style="background-color: ##00FF00">cell 1</td> <td rowspan="2" width ="100px" height="200px"style="background-color: #00FFFF">Cell 2</td> </tr> <tr> <td width ="100px"height="100px"style="background-color: #FFFF00">Cell 3</td> </table> </body> </html> This should be a pretty easy one, I think that I've just been staring at this for too long. The question is, why is the first row in this table so tall? I am expecting it to be around 400px tall, but it's about 950px. HTML Code: <html> <head> <style> table.container{ width: 1400px; } table.subcontainer{ border: 1px solid #000; text-align: center; width: 100%; } td.container{ background: #DDD; line-height: 4px; vertical-align: top; } </style> </head> <body> <table class="container"> <tr> <td class="container" rowspan="2" width="200"><table class="subcontainer"> <tr> <td height="1000">Toolbar<br />1000 x 200</td> </tr> </table></td> <td class="container" width="400" rowspan="2"><table class="subcontainer"> <tr> <td height="200">400 x 200</td> </tr> </table><br /> <table class="subcontainer"> <tr> <td height="400">400 x 400</td> </tr> </table><br /> <table class="subcontainer"> <tr> <td height="400">400 x 400</td> </tr> </table></td> <td class="container" colspan="2" width="800"><table class="subcontainer"> <tr> <td height="400">800 x 400</td> </tr> </table></td> </tr> <tr> <td class="container" width="400"><table class="subcontainer"> <tr> <td>400 x 200</td> </tr> </table></td> <td class="container" width="400"><table class="subcontainer"> <tr> <td>400 x 200</td> </tr> </table></td> </tr> </table> </body> </html> Okay I have a table that has two rows and eight columns. I want to make a third row with only ONE column so that the third row is the length of the table. How do I go about doing that? I have a Very simple page laid out using <div>'s and at the bottom, IE6 is displaying some of my text (a text link) twice, and wrapping it to the next line? ANY help at all would be a life saver. http://www.jhilgert.com/em/index.html thanks in advance for any help. hey forum. first timer here with what i think should be a simple fix...but i'm frustrated and out of patience. can anyone tell me why i can't get rid of the blank space above "bedrooms" in the left column here? http://jimbwayne.com/kdtest/interiordesign.html same issue with the middle column, actually. i'm stumped. any intel would be much appreciated. thanks in advance. jim Hello World! (Where did that tradition start anyways?) Yes, I am fairly new at web design, and am using the method of "search-Google-whenever-you-have-a-problem-as-you-go" to learn HTML. I am pretty happy with the results I am getting in Dreamweaver, but there is one nagging thing that is throwing a kink into my designs. I have the majority of the content that is unique to each page within a table cell (<td>). Since I wanted to have the background color of the cell match exactly to an image that tops off the page body, I decided to have the background be one pixel of that color that repeats across the whole table cell. Originally, I just defined the background in the starting tag using "style=" then specifying the background. (Dreamweaver made sure I had it right using its Code Hinting). The background shows up perfectly when in the Dreamweaver editing view, but when looking at the page in any other view (Live view, preview in browser, etc.), the background of that cell is just white. I tried defining the background with a CSS ID, which has worked on other parts of the page, but no beans. What am I doing wrong? Is the fact it is only one pixel that has to repeat an issue? Here is the code: <td width="100%" height="103" colspan="8" align="center" id="page_background_beige" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: solid; border-top-width: 1; border-bottom-style: none; border-bottom-width: medium;"> <!-- TemplateBeginEditable name="Body" --> //In here goes all of the content of the page <!-- TemplateEndEditable --></td> The CSS: #page_background_beige { background-image: url(Background_Pixel.png); background-repeat: repeat; } Thanks, Wookieguy (Heh, I know tables are a fairly sloppy way to do things, but this is a fairly simple site anyways.) Hi folks first time on this particular board. I once encountered a realy simple "CMS" system. somehow there was an area on "index.htm" that called in a .txt file and displayed it. what would the code be to do this? I thought about Iframes but this is depricated nowadays. Also I want to use this method (if it exists) to build an admin area which writes to the afore-mentioned .txt file in order to make simple updates to the text on the site. Can I do this? Thanks for helping sorry im a bit of a n00b! I just launched my first web page (free on GoDaddy) and it doesn't run right. It is only simple html. it keeps trying to reload. I thought at first the header GD inserts was try to fit into a space not big enough, so I put in a few <br/> to make room but that did not work. Here is a sample of my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title></title> </head> <frameset rows="18%,82%"> <frame src="CryofFreedomheader.htm" marginwidth="0" marginheight="0" scrolling="no"/> <frameset cols="25%,75%"> <frame src="navbar.htm"/> <frame src="cofcontent.htm" name="cofcontent" /> </frameset> <noframes> <h1>>This frameset document contains:</h1> <ul> <li>page1</li> <li>page2</li> <li>page3</li> </ul> </noframes> </frameset> </html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>cofcontent</title> </head> <body> <br/> <br/> <br/> <br/> <br/> <h1></h1> <p style="font-size: 15pt; font-weight: bold"></p> <p> © 2009 </p> </body> </html> Any help will be appreciated. What HTML code is to make your first page show your company logo and then automaticly proceed to main page? Probably simple but I can't seem to find answer. Thanks. -Chris I need a table that has 1 row and 3 columns. The entire table must be 100% width of the screen, yet the center column needs to be 550 pix wide and centered between the 2 outer columns It has to be this table, and it can't be a table within a table. Is there anyway of doing this? and is this understandable? If so can you send me the code for this Thanks in advanced. Alex I am having trouble getting my email signature to be single spaced. Hopefully, you guys can help me out. Here is the existing code: <p><strong>Landmark Tax Group</strong></p> <p><strong></strong>2701 Harbor Blvd., Ste. E2-303</p> <div>Costa Mesa, CA 92626</div> <p> </p> Which looks like this when viewed in Roundcube Webmail: Landmark Tax Group 2701 Harbor Blvd., Ste. E2-303 Costa Mesa, CA 92626 I need the above lines to look like this: Landmark Tax Group 2701 Harbor Blvd., Ste. E2-303 Costa Mesa, CA 92626 I appreciate your help! Thank you! Michael Hi. In a table data I have four lines of text each line separated by a <br> The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html? text line 1 | (this space) | text line 2 Regards Hello, on my page i am having 3 problems at the moment. >>The first, is that in firefox my page is centered, and in IE it is not. >>The second, is that my navigation bar (in a table) seems to be putting a pixel in between my image links, EVEN THOUGH i have specified border="0" and border:0 in my css and my html. >>The third, is that 4 images arent showing up (on test.html), but i can click on the area where they SHOULD be showing up, and use them as invisible links. I want the images to show up. I must also specify that i am working to make it look perfect in FIREFOX, but if you could suggest anything that would improve it visually in IE too, that would be a bonus. Thanks in advance if you can help me! I've included a zip of the files rather than pasting all the code. Thanks again. First let me excuse myself for being so un-educated with HTML. Or any language for that matter.. I currently am starting a photography business and since Facebook is a great way to connect, I am in the process of making a professional looking Page via their FBML Tab (the fact that I am coding through facebook shouldn't interfere with my questions). There are two thing I am trying to achieve that I am sure are simple too, but I don't know how. Here goes: Question 1: These boxes are almost literally what I will be doing on my site. There are three images below this text, the first two you see are seamlessly touching horizontally. I need to know how to achieve this vertically also, with not even 1px between a top and bottom image (Here would be about a 2px space if I were to put <br> in my code [or return key]. But If I don't do something, the boxes would stay horizontal) Question 2: This is a mock-up of what the starting page will look like. In the blue box is my question. I hope this ^ made since. And the reason why I mentioned imageshack.us is because I dont have anywhere else to host images, so the code would have to accommodate several completely different image URLs. If any additional info is needed please lmk. I am pretty eager to get to workin on this. - Brandon Hi, Im making a website for a family member. It turns out we need to modify some html to get it to look how we want. (we are using a control panel / template style program) to make the website I have a search box and go button layered on top of the header/banner of my website. In internet explorer the banner is partially blanked out by the search box (but not in firefox or safari). Take a look at: http://cart.street-pharmacy.com. Below is the code I think needs modifiying. Thanks in advance Ben <div> <form action="{$url_http}" method="get" style="padding:0px;margin:0px;"> <table border="0" style="float:right; margin:32px 4px 0px 0px;"> <tr><td><input type="hidden" name="p" value="catalog"/> <input type="hidden" name="mode" value="search"/> <input type="hidden" name="search_in" value="all"/> <input maxlength="256" type="text" name="search_str" style="width:122px;font-size:10px;"/></td> <td><input type="submit" value="Go"/></td></tr> </table> </form> </div> Hello, I want to sell something on ebay, and I want to make a thumbnail picture that when clicked, opens in a FITTED new window. As far as I know, eBay only allows basic html (I could be wrong). I already know the target="_blank" thing, but I want the new popup window to be the exact size of the photo that's popping up. How do I do that? Additionally if possible, can I take out the File Edit etc, and the scrollbars? Hi. In a table data I have four lines of text each line separated by a <br> The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html? text line 1 | (this space) | text line 2 Regards hi guys, this will make no sense why I want to do it, but its part of a bigger thing. I want a text box on a page, with a button next to it, (like google.com) you put in a *TextStringVariable* in the text box. you click the button. this launches a new browser with the url http://www.hyperthetical.com.au/*TextStringVariable* I only have front page by the way. I am thinking this is a piece of cake to those who know. I hope someone will help me. Cheers R |