|
HTML - Hopefully A Simple One...
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> Similar TutorialsHi 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, 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. Hello tere. I have been coding in HTML for a long time, but I haven't done so in a year or so. I took a fat break from coding, since I found no use for it. Now I'm creating a website, and I seem to have forgotten all the easiest things I forgot how to move forms. I got a div that I call .content, how do I move it around so it for example is on the upper hand right corner instead of being below everything else? Ty 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 I have a code i am making for my nan so she can get to all her sites easy. But i want to to show up in tabs and it always shows up in a new window. Can cha edit it for me? Code: <style><!--body{background: black url(http://www.minutecity.com/images-for-myspace/background1/clouds/clouds_4.gif) fixed}--></style>
<p>
<a href="http://webmail.aliant.net">
<font siZe="15" Color="white" face="Boopee" Target="_self" ><b>Webmail</b>
</p>
<p>
<a href="http://facebook.com" Target="_popup" >
<font size="15" color="white" face="Boopee"><b>Facebook</b>
</a>
</p>
I'm trying to create something simple, I know how to do it in flash, but I can't get it in html, which is the way this needs to be done. I've attached a picture with an area in red. The area in red is the only area that needs to scroll, the rest of the image, the book area, needs to be static and not move. Can you help me? 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'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. I am trying to get the copyright symbol into my web pages. It works fine in the HTML program but in firefox it becomes a '?' and in ie it becomes a square. The method I tried was using '©'. Can anyone help me out? Hi, When writing something on the internet, say a paragraph that has a URL in the middle of the paragraph, can the URL be hidden until someone clicks on it? How does one do that. Simple html, no java please. Thanks. I have been learning HTML and other web languages for a couple weeks now and one thing is bothering me. I noticed that sometimes when I am reading tutorials and such they put in a /> instead of just a > . So my question is why do I need a / in front of a > sometimes and sometimes I just put a >. I hope my question is clear Very simple question here. I'm pretty inexperienced with html, past the basics. I have copied the source code of a webpage into a text file and alltered it. I would like to open the file in Firefox and view this as it would appear as a web page. How would this be done? I have tried opening it as an html file, but the text only appears as the source code. How can I create an HTML file on like a word processor, and then save it as a file and upload it to a hosting site? Hey all, New user here, wanted to ask a bit of help from some of you web gurus. I am currently assisting my company at work to make some modifications to our website. What I need done is probably really simple for some of you advanced guys on here, but I am not a web master by trade and it's really got me stumped! You see, I have a simple table with some image thumbnails on it. Above this table is a slightly larger view of one of the thumbs. (See attached code example) Now when I hover my mouse over one of the smaller thumbs, I would like the larger image above the table to change to whatever image is being hovered over. So if the user hovers the '3' on the thumbnail table, the top most image will change accordingly to display the '3' in the larger view. I have also attached the html document if it is any assistance.. And here's a snippet of my code: <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> </head> <body> <p> <a style="text-decoration: none" href="../mysite/somewhere.html"> <img src="1.jpg" width="350" height="233" align="middle" border="0" /></a></p> <table border="1" width="31%"> <tr> <td width="99"> <a style="text-decoration: none" href="../mysite/somewhere"> <img border="0" src="1.jpg" width="243" height="162" id="img2"></a></td> <td width="107"> <a style="text-decoration: none" href="../mysite/somewhere"> <img border="0" src="2.jpg" width="243" height="162"></a></td> <td> <a style="text-decoration: none" href="../mysite/somewhere.html"> <img border="0" src="3.jpg" width="243" height="162"></a></td> </tr> <tr> <td width="99"> <a style="text-decoration: none" href="../mysite/somewhere.html"> <img border="0" src="4.jpg" width="243" height="162"></a></td> <td width="107"> <a style="text-decoration: none" href="../mysite/Somewhere.html"> <img border="0" src="5.jpg" width="243" height="162"></a></td> <td> <a href="../mysite/somewhere.html"> <img border="0" src="6.jpg" width="243" height="162"></a></td> </tr> <tr> <td width="99"> <a style="text-decoration: none" href="../mysite/somewhere.html"> <img border="0" src="7.jpg" width="243" height="162"></a></td> <td width="107"> <a style="text-decoration: none" href="../mysite/somewhere.html"> <img border="0" src="8.jpg" width="243" height="162"></a></td> <td> <a style="text-decoration: none" href="../mysite/somewhere.html"> <img border="0" src="9.jpg" width="243" height="162"></a></td> </tr> </table> </body> </html> Thank you guys for your time! Hello 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! _ |_| Diagnostic _ |_| System Restore _ |_| PC Tune Diagnostic ~ To find whats wrong System Restore ~ Restores software to factory defaults PC Tune ~ Performance optimizer -------------------------- My goal is that when a technician checks a box ( one or more of the following above ) an automatic message is added to a separate page that can be printed out. So to say, if I where to check 'diagnostic' and 'pc tune' my internet browser will open a second page with the descriptions of the two services. The more boxes you click the more paragraphs that get added to the second page. hello again i see all sorts of ways to do a No Right Click for your webpage, but all of them have a box that comes up or a message. can someone please give me a Simple code to insert into my page that will not allow people to Right Click and save my pictures but also will not give any messages or boxes pop up. i understand that there are ways around the right click but that is okay and i am fine with using it for what it is worth. thanks so much Is there a simple way to center a div horizontally? 'align="center"' works fine but it's deprecated. '<center>' works fine, but it's deprecated. 'text-align="center"' doesn't work. I've searched this site with 'center div,' and tried several things I didn't understand; none had any effect save one, which moved it to the right. This is such a basic thing, CSS ought to have a 'horizontal-align:center,' but of course it doesn't. I don't have a site for an example, as it is now I'm using 'align="center".' I',m going to rebuild it, and I'd like to get it right. Any and all help appreciated. Hello! I just want some help to figure out how to get a picture to appear next to another picture, by changing the html code. Can someone help me? Guess it goes really fast for someone who knows these things. A quick response is highly appreciated! Thanks! / Hedvig Here's the code: <!-- Facebook Badge START --><a href="http://www.facebook.com/hedvig.lindahl" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Hedvig Lindahl">Hedvig Lindahl</a><br /><a href="http://www.facebook.com/hedvig.lindahl" target="_TOP" title="Hedvig Lindahl"><img src="http://badge.facebook.com/badge/86010192783.4320.1327210997.png" width="120" height="180" style="border: 0px;" /></a><a href="http://www.facebook.com/keepitandplayit" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Keep It and Play It">Keep It and Play It</a><br /><a href="http://www.facebook.com/keepitandplayit" target="_TOP" title="Keep It and Play It"><img src="http://badge.facebook.com/badge/164904078384.4257.46510960.png" width="120" height="155" style="border: 0px;" /></a><br /><!-- Facebook Badge END --> goodness, been a couple months since ive done html, but im back and I got a question... So how do you put text in an image because I have a background color, and I have an image that's a different color, but I want to put text in the image, so how do i do that??? Thx |
|||||||