|
HTML - Please Help With Simple Code
Similar TutorialsHello there. I have a question regarding a simple html table code I made. My problem is, that when using it at livejournal.com as a profile layout, it shows up like this: BUT when I open it with FireFox it looks like this, and this is way it is supossed to look like: And here is the code for it: Code: <table width="500" height="704" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="246" height="704" background="http://img696.imageshack.us/img696/1996/border1.png"></td> <td width="245" height="704" valign="top" background="http://img266.imageshack.us/img266/1804/border2.png"> <div align="right"><font face="garamond" color="#8998a6" size="6">❝<b><i>your title here</i></b>❞</font></div><br><br> <div align="left"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div> <div align="left"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</font></div> <br><div align="right"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div> <div align="right"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</font></div> <br><div align="left"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div> <div align="left"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.</font></div> <br><br><div align="center"><font face="garamond" color="#8998a6" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link1</font></a> // <font face="garamond" color="#62130e" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link2</font></a> // <font face="garamond" color="#8998a6" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link3</font></a> // <font face="garamond" color="#8998a6" size="1"><a href="http://kessha.livejournal.com/"><font face="trebuchet ms" color="#62130e" size="1">profile</font></a></td <td width="14" height="704" background="http://img257.imageshack.us/img257/3012/border3g.png"</td> </tr> </table> Where is the error? I cant seem to find it, nor the reason why it shows up so differently when using it on livejournal. Thanks! Hello, i would like a code that would allow one user at a time to enter ONE word into a box and submit, once its submitted the word is put on the page, in order so it creates a sort of story. Any help is good!! Please read before moving to different forum. I feel the MP3 player is not the issue... I have an MP3 that is available to be played when the index page is loaded - users choice - works great. My situation is that I would like to have some text displayed over the activex control. The control and the text should always be displayed in the CENTER of the page, with the text (something like "Our Theme") tightly displayed & centered over top. I figured it is either extremely simple, or impossible. My current EMBED SRC is shown below. HTML Code: <span style="position: absolute; left:410; top:135"> <EMBED SRC="LittleGTO.mp3" autostart="false" VOLUME="50" HEIGHT="25" WIDTH="175"></span> Any help y'all can offer would be greatly appreciated. Bob Hello, I have a link on my homepage to another page of mine but I don't want the spiders to follow the link and index that page and the pages in it. Is there a simple way to fix this? I've heard of a "No Follow" thing but not sure if thats what I need or how to write it. Thanks. I'm not good at writing HTML code, but I'm sure this is a simple problem. I have one background image on top repeating horizontally but would like another that shows up below it... basically one that repeats both horizontally and vertically but doesn't cover up the previous code. My second background is called: backtexture.PNG If you could modify the code I have, I'd GREATLY appreciate it... and THANK YOU in advance! ---------------------------------------------------------------------------- <img src="back.PNG"> <style><body marginheight="0" marginwidth="0"> <STYLE TYPE="text/css"> <!-- BODY {margin: 0} ---> <style> html { overflow-x: hidden; overflow-y: auto; } </style> <style type="text/css"> body { background-image: url("backtp.PNG"); background-position:Top Center; background-attachment:scroll; background-repeat:repeat-x; } </style> Hi guys, I have on my webhost a ton of pictures and I would like to be able to go to that directory... xxx.com/photos ...and have a page display all the files located in that directory just in a list....then be able to click on them so it displays. Just a file list basically. eg: pic1.jpeg pic2.jpeg etc Is there a simple code to allow me to do this? Thanks! hello i am new to javascript and i can't figure out why this code will not sort the user's line of text into alphabetical order. any help would be great thank you Code: <html>
<head>
<title>
JavaScript array sort() alphabetically
</title>
<script type="text/javascript">
var arr = new Array(1);
arr[1]=prompt("enter a line of text")
document.write("Original Array is: "+arr+"<br>");
document.write("Sorted array is: "+arr.sort()+"<br> ");
</script>
</head>
</body>
</html>
Hi ! Found this code below in this HTML section.( How to make images & text boxes line up.) Thanks Coothead, but needs a "table" apparently. Need ( 6, say ) thumbnails across the page. Space around. Then, underneath, same again - and so on. Like a chess board This code brings up the FULL size image, in line across. Please could you add what is needed? Then I could use it as a template (?) and tweek the sizes (?) No text required. <table> <tr> <td><img src="pic1.gif"></td> <td><img src="pic2.gif"></td> </tr> </table> Thank you in advance for any help - Hi . Here is my script HTML Code: <table width="200" border="0">
<tr>
<td><span class="style2">
<input name="button" type="button" onclick="show('Hello')" value="Button 1" />
</span></td>
</tr>
<tr>
<td><span class="style2">
<input name="button22" type="button" onclick="show('Goodbye')" value="Button 2" />
</span></td>
</tr>
<tr>
<td><span class="style2">
<input name="button23" type="button" onclick="show('Good Morning')" value="Button 3" />
</span></td>
</tr>
<tr>
<td><span class="style2">
<input name="button2" type="button" onclick="show('Goodnight')" value="Button 4" />
</span></td>
</tr>
</table>
<p class="style2"> </p>
<p class="style2">
<textarea name="textarea" cols="50" rows="10" readonly id="area">
</textarea>
In the areas where it says, for example ="show('Goodnight')", how do I add HTML code in the brackets but as normal text? At the moment it is trying to read it as HTML code but I want it to be displayed as text. How would I accomplish this. It is probably pretty simple but I am a bit of a noob 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> Hey. So I'm pretty good at stuff in general, my problem is that I do not have extensive experience with HTML/CSS so I don't know the best way to do this, or where to look for a way to do this. Basically, I want my layout to be like this: http://people.virginia.edu/~eee2a/Welcome.html in that I want there to be gray space on the side and a middle that scrolls. super simple right? I just don't know how to do it, and I don't know the best keywords to use on google for it. Thanks. Hi all, This is my first post and its so simple that i am a bit embarrassed to post it, I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated, Here is the code, http://www.ogeetek.com/dave_test/test.txt And here is the website http://www.ogeetek.com/dave_test/test.html Thanks in advance, Hello, I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong. Sample code I'm using - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Simple Link Example 2</TITLE> </HEAD> <BODY> <H1 ALIGN="CENTER">Creating Relative Reference Links</H> <HR> <P>Open <A HREF="practice1.html">Practice 1</A>.</P> <P> Open <A HREF="practice2.html">Practice 2</A>.</P> <P>Open <A HREF="practice3.html" TARGET="_blank"> Practice 3</A> in a new window.</P> </BODY> </HTML> Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night. Thanks! cordelia Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum? Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff. Thanks. I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. I'm trying to create linked images based off URLs within my XML file. XML file: Code: <?xml version="1.0" encoding="ISO-8859-1"?> <projects> <list> <name1>Carrier Management</name1> <sharepoint1>https://portal.foorbar.com/sites/default.aspx</sharepoint1> <image1>../images/CarrierMgmt.jpg" border="0" alt="Carrier Management"</image1> </list> <list> ... XSL FIle: Code: <td> <a href='<xsl:value-of select="projects/list/sharepoint1"/>'> <img src='<xsl:value-of select="projects/list/image1"/>'> </a> <br/> <center><b> <xsl:value-of select="projects/list/name1"/> </b></center> </td> It's printing the < and > as text, not rendering then as HTML tags. Thanks. If you look at my page you will see on the left hand side two links to subscribe to my entries and my comments. I would like the text next to the subscribe image to have both lines indented the same amount. In other words, I want the second line to not wrap underneath the image and instead start at the same place as the first line, just to the right of the image. I know this should be simple but somehow my brain is not finding the solution. I am designing a page for our store - everything is fine with the code except for one thing: the code for the left and main tables on the page. I am having to write a string of <br /> to create breaks between my merchandise pics and the bottom of the page. In addition, on the left table is a border line dividing the two tables running the length of the page. I know there is an easier way of writing this, but I am at a loss as to how. Any help would be most appreciated. Thanks. http://piratesisland.leadhoster.com/booty.html Hi All, Hopefully someone hear can help me please. I've created a search box and it displays fine in Firefox but it's not lining up right in IE Anyone got any ideas what I need to change? You obviously won't see the two images used in the search box here but you will see how the textbox and the "Search" link don't line up. The lines above and below these should join each other. Here's the code below: Thanks in advance, much appreciated. <!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> <title>Untitled Page</title> <style> .SearchBox { margins:0px; padding:0px; width:300px; vertical-align:top; height:26px; } INPUT.SearchBarTextbox { position:relative; margins:0px; border-top: solid 1px #bababa; border-bottom: solid 1px #b8b8b8; border-left:0px; border-right:0px; height:20px; padding-top:3px; color:#888888; width:210px } a.SearchLink { color:#0087FF; height:20px; font-weight:bold; padding-top:1px; padding-bottom:4px; border-top: solid 1px #bababa; border-bottom: solid 1px #b8b8b8; background-color:#fff; text-decoration:none; } </style> </head> <body> <form> <br /> <div class="SearchBox"><img src="images/SearchBarLeft.gif" align="top" /><input id="Text1" type="text" class="SearchBarTextbox" value="What are you looking for?" /><a href="#" class="SearchLink">Search</a><img src="images/SearchBarRight.gif" align="top"/> </div> </form> </body> </html> |
|||||||