HTML - Html Line Problem
I've create the line using html tag <hr> in my php program.
I modified the line style as <HR width="100%" COLOR="BLUE" SIZE="4" NOSHADE> but in the browser it doesn't show any color and line size as i modified. It only shows a line with no effect (not blue color and size is normal). When i tested it in the another php file, it works. Is it becuase of my php coding in a file?or what? My coding is HTML Code: <table id="content"> <tr><td id="content" colspan="2"><HR width="100%" COLOR="BLUE" SIZE="4" NOSHADE></td> </tr> <tr> <td align="left"><?php if ($breadcrumb != ""): ?> <?php print $breadcrumb ?> <?php endif; ?></td> <td><div align="right"><font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.yahoo.com" target="_blank">Yahoo</a> | <a href="http://www.google.com" target="_blank">Google</a></font></div></td> </tr> </table> Any idea or suggestions are welcome. Similar TutorialsI have found what seems to be a rather big problem in the HTML canvas When drawing circles, and I presume all shapes, the size of the circle is different based on whether one is filling it, or sketching it. If we have a circle of radius 10 and line width k, and we decide to fill it, that line width will be evenly dispersed about the perimeter of the circle such that half the line width is inside the circle, and half is outside the circle. If, however, the same circle is sketched, the line width will still be the same, but it will now be dispersed entirely on the outside of the circle, thus making it larger. If I am wrong, and this is how figures are supposed to be drawn, or if I am simply not using the right settings, please let me know =) hello, Im a noob at HTML and was wondeirng if you guys/gals could help me. Im trying to make a bracket and I am not sure how to make the line centered with the other lines. here is the code Code: td { vertical-align: middle; width: 10em; margin: 0; padding: 0; } See how each horizontal lines are centered with the 2 horizontal lines that come before it in this example? http://sharkspage.com/jpgs3/2007bracket2.gif my problem is the code i'm using centers the horizontal line with the words on the lines, not the actual 2 horizontal lines. So if the word on the top line is 50 characters taking up 3 rows, and the word on the bottom line it 5 characters using 1 row, the line is way off-centered. Here is my messed up Bracket http://warchant.0catch.com/WarchantBracket.html here is the HTML, couldn't fit the whole thing here so I only went as far as Region 1 HTML Code: Warchant Movies <html lang='en'> <head> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'> <title>Page Title</title> <!-- link rel='stylesheet' href='style.css' type='text/css' --> <style type="text/css"> <!-- table { border-collapse: collapse; border: none; font: small arial, helvetica, sans-serif; } td { vertical-align: middle; width: 10em; margin: 0; padding: 0; } td p { border-bottom: solid 1px black; margin: 0; padding: 5px 5px 2px 5px; } --> </style> </head> <body> <table summary="Tournament Bracket"> <tr> <td><b>Region 1</b><p>1. Star Wars: Episode IV - A New Hope</p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> <td rowspan="8"><p></p></td> <td rowspan="16"><p></p></td> <td rowspan="32"><p></p></td> <td rowspan="64"><p></p></td> <td rowspan="128"><b>Champion</b><p></p></td> </tr> <tr> <td><p>32. Wizard of Oz</p></td> </tr> <tr> <td><p><br>16. Fight Club</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>17. Old School</p></td> </tr> <tr> <td><p><br>9. Blazing Saddles</br></p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> </tr> <tr> <td><p>24. Deer Hunter</p></td> </tr> <tr> <td><p><br>8. Tombstone</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>25. Clockwork Orange</p></td> </tr> <tr> <td><p><br>4. Saving Private Ryan</br></p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> <td rowspan="8"><p></p></td> </tr> <tr> <td><p>29. Star Trek II: The Wrath of Kahn</p></td> </tr> <tr> <td><p><br>13. The Longest Day</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>20. The Longest Yard (Original)</p></td> </tr> <tr> <td><p><br>12. Apocalypse Now<br></p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> </tr> <tr> <td><p>21. Jaws</p></td> </tr> <tr> <td><p><br>5. Raiders of the Lost Ark</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>28. Boyz in the Hood</p></td> </tr> <tr> <td><p><br>2. Braveheart</br></p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> <td rowspan="8"><p></p></td> <td rowspan="16"><p></p></td> </tr> <tr> <td><p><br>31. Say Anything</br></p></td> </tr> <tr> <td><p><br>15. Bridge Over the River Kwai</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>18. The Magnificent Seven</p></td> </tr> <tr> <td><p><br>10. The Incredibles</br></p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> </tr> <tr> <td><p>23. The Quiet Man</p></td> </tr> <tr> <td><p><br>7. The Godfather</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>26. Tora, Tora, Tora</p></td> </tr> <tr> <td><p><br>3. The Big Labowski</br></p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> <td rowspan="8"><p></p></td> </tr> <tr> <td><p>30. Return to Me</p></td> </tr> <tr> <td><p><br>14. Young Frankenstein</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>19. Rocky IV</p></td> </tr> <tr> <td><p><br>11. A Bridge Too Far</br></p></td> <td rowspan="2"><p></p></td> <td rowspan="4"><p></p></td> </tr> <tr> <td><p>22. A Few Good Men</p></td> </tr> <tr> <td><p><br>6. Full Metal Jacket</br></p></td> <td rowspan="2"><p></p></td> </tr> <tr> <td><p>27. Goodfellas</p></td> </tr> <br> Appreciate any help Hi there, After moving some webpages around with Expression Web, all my HTML is now on one line for each page! Is there a tool, website or some way of changing all the text back to something like: <tag> content </tag> <another tag> something else </you get the idea...> Thanks! Good day/night ALL. I am new to html, I tried sample webpage but could not figure out how to start paragraph in new line. Please help. This is my sample page: <HTML> <HEAD> <TITLE>my first web page</TITLE> </HEAD> <BODY bgcolor="#0099FF" text="#FFFF00" background="bluetile.jpg"> <H1 align=left>Hello World</H1> <P align=left>Hello World</P> <font face="arial">this is the arial font face</font> <font size=7>size 7</font> <font face="georgia, times new roman, arial">alternative fonts</font> <font face="arial" color="#FF0000">this is the arial font face</font> <TT>teletype text is monospaced which means each letter takes up exactly the same amount of space</TT> <PRE> .--, .-. __,,,__/ | / \-'` `-./_ | | `) \ ` `\ ; / , , | | / : O /_ | O .--;__ '. | ( )`. | \ `-` / | \ ,_ _.-./` / \ \``-.( / | `---' /--. ,--\___..__ _.' /--. jgs \ `-._ _`/ ' '. .-' ` ' . `` ' ; </PRE> <a href="index.html"><img src="home.gif"></a> <CENTER> <BR> <BR> <BR>This is my very first webpage, aint i clever? </CENTER> </body> </HTML> I am having no luck changing the line spacing of a single paragraph. I looked online and found something on using it in a div tag: Code: div {line-height: 5px;} but everything else is with CSS. What would be the simplest way to encode a paragraph with a smaller line space between lines? Anders Hi when i click on the echolot link it goes to http://mydomain/modified/Echolot.html but i want it to go to http://www.mydomain/echolot/echolot.html how do I change the line below which is on the index.html page: <TR> <TH COLSPAN=2 BGCOLOR=green;><a href="./Echolot.html" title="Echolot" alt="Echolot">Echolot</a></TH> </TR> xstation HTML Code: <textarea wrap='soft' name='newsMsg' cols='20' rows='7' class='newsMsg cleardefault'></textarea> And that is my textarea code. The problem is that is doesn't wrap the text when typing it in the textarea. Any help would be appreciated. Thanks in advance. I'm trying to come up with a way to mimic a "tab fill" in html: Like this only the page numbers would be justified to the same line, and the . .. is "auto generated" to fill the empty space: 1. The First Line ................................... 25 2. Below The First ................................. 32 3. After That .......................................... 47 The "titles" would be in column 'a', and the numbers would be in column 'b' The space after the "titles" would be filled with ... I have come close using 'bottom border' but that puts the ... under the text as well. I tried using span and div, but that will either putt the ... on a new line below the text, or if i use 'display:inline;' it puts it on the same, but it no longer fills the empty space to the edge, and only displays the ... when there is text inside. I tried stretching it out with a clear image but it didn't work either. Also tried using a 'highlight' (background color) on the text to cover the bottom border but that didn't really work. (the closest i got was using this method with a background image of a dot. but that wasn't much better...) Any thoughts? Thanks. Hey i am having trouble with putting a horizontal line in. I got the line in but it doesn't go all the way across the page. It stops a bit before then end can someone please help? Hello, I add a HTML page within wordpress site at http://www.cowism.com/pg_0003-2/ and the entire HTML section of page is shown as a single line of overlapped text. Please help me add HTML perfectly within the wordpress post/page Thanks in advance in the past when ever I have string that is longer than the width specified in the <td>it always automatically line breaked for me. But now I am encountering an issue with the <td> stop auto line breaking, and instead just increase the width of the table to make the string fit in 1 line. if anyone know whats possibly causing this problem please reply, any thing suggestion is greatly appreciated. Thanks Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Hey Guys, I just got my latest project online and finished the flash banner for it but for some reason the flash banner seems to be off by 1 pixel to the right, its hardly noticeable but it's buggin me. I dont know if this is an HTML fix or CSS but this is the site. Thanks! Hi, I am using tables in dreamweaver, making a bottom border for each cell, but I dont want it to go all the way across, I want a short bottom line, here is the code: <td colspan="2" valign="top"style="border-bottom: 1px solid #AF0A10"> let me know how to make the bottom line at like 50% Thanks! -Sean Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Something in this page is causing a vertical white line on the right hand side of the main table. Can anyone help me figure this out? www.massagelaunch.com Thanks. 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> Hi all, Having a bit of a problem trying to verify a site with Google. Uploaded the meta tag code to the index.html page of our site via an FTP server, however when I view the site, it doesn't interpret the html as html, it just shows me the code. The coding that I put in the index.html file is the standard google meta tag verification code: <html> <head> <meta name="google-site-verification" content="iQ3ySqJZaIc0njNiOJyDq1OnskxGqraQvuGKaNAGlbY" /> <title> My title </title> </head> <body> page contents </body> </html> Any ideas why it isn't interpreting it as HTML? I can't verify by the other method because of some issues with forwarding. Any help would be much appreciated! Thanks, Joel Can some one please take a look at this and help me get the images to line up as they should!!! http://www.ardmoreweatherlive.com/wx3.php code: <!-- ##### Main Copy ##### --> <br> <font face="verdana,arial" size="3"><center>Click on radar image for full size</center></font> <br> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></TH> <TH>Echo Tops<br><a href="/wx17.html""><img src="/resize-et-image.php"></img></a></TH> </TR> </TABLE> </center> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Velocity<br><a href="/wx18.html"><img src="/resize-bv1-image.php"></img></a></TH> <TH>Relative Velocity<br><a href="/wx19.html"><img src="/resize-srv1-image.php"></img></a></TH> </TR> </TABLE> </center> <br> </div> <!-- ##### Footer ##### --> Thanks again for the help,Doug I think this is a CSS issue so I posted in the CSS section. |