HTML - Html Help With Somewhat Complex Text Box
Hi. I have NO experience with website building, but i need to build a site. I am using wix and I think it's turning out pretty well. However, I now need to create a box for people to fill out specific info for others to see. Ill explain what it'd look like, and hopefully you have the time to post a code??? thanks a lot if you do.
It's look like this: We need: (here we would post for others to see what we need. somehow i guess i need to have administrator privileges to edit what is said. For example, "We need a baseball bat.") People see that then they need to "check" the box next to it to say they have it, and the click "okay". When they click okay i want it to link them to a login page where they fill out contact info(address, phone, email, date of availability, etc) once they do that then i want the box to appear shadowed/crossed out/whatever so that others viewing the site don't check the same box that someone else checked. Hope that makes sense. Thats the basic idea of it. All help is so greatly appreciated. Thanks a lot! Similar TutorialsI am attempting to put some things together, for my MySpace, and I can not figure out what I am doing wrong on one of these things, and I am completely lost on what to do regarding the second thing (of which I shall make another thread about labeled "Complex challenges Part 2"... I am hoping that someone here can help me, as the on the MySpace forums, I have been blatantly ignored... The first thing I am trying to accomplish is this... I have the speaker here... and the cat here... The code for video display is as follows... Code: <center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="450" align="middle" border="0" data="http://assets.myflashfetish.com/swf/video/lcd.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://assets.myflashfetish.com/swf/video/lcd.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="myid=87517&path=2008/08/18&mycolor=D13272&mycolor2=000000&mycolor3=E1FF00&autoplay=false&rand=true&f=&vol=100&pat=5&grad=true" /> </object></center><br /> Now here is my problem, I was trying to accomplish what you see in the first picture, by modifying the code Code: <center><img src= http://i35.tinypic.com/282gpya.jpg><img src= http://i38.tinypic.com/2emnzvk.jpg><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="450" align="middle" border="0" data="http://assets.myflashfetish.com/swf/video/lcd.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://assets.myflashfetish.com/swf/video/lcd.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="myid=87517&path=2008/08/18&mycolor=D13272&mycolor2=000000&mycolor3=E1FF00&autoplay=false&rand=true&f=&vol=100&pat=5&grad=true" /> </object><img src= http://i35.tinypic.com/282gpya.jpg></center><br /> But instead of getting what is in the picture... like (speaker cat (on top) video display speaker) I get it all spaced out like... speaker paragraph break cat paragraph break video display paragraph break speaker Can some one please explain what I am doing wrong here code wise and how I can go about fixing it so that I can have the desired effect that I have displayed in the first picture that I have provided. I would appreciate any sort of help on the matter, as I am truely frustrated. Thanks guys. Ok the second challenging task... This one I am so baffled by, I am told that it is possible to accomplish, but I can't make heads or tails of how to do it at all... I am again, hoping that someone here can help me, as the MySpace forums are ignoring me for the most part... Ok I hope I can explain what I am trying to accomplish, in a way that someone can help me achieve the desired effects. So here goes... I am working with some hover effects and imagery... I am starting off with two pictures. and Here is the code I am using: Code: <center><style> a.letsRoll {width:150px; height: 300px; display:block; background-image:url(http://i35.tinypic.com/23ww3k3.png);} a.letsRoll img {border:0px;} a.letsRoll:hover {cursor:default;} a.letsRoll:hover img {visibility:hidden;} </style> <a class="letsRoll" href="#"> <img src="http://i38.tinypic.com/20hsgup.png" /> </a></center> All this code does is switch my pictures from smirking to a toothy grin. Which is exactly what I was trying to do in the first place. Now here is where I am stumbling and having an aneurysm due to frustration... I want to do a side pop-up as well as the grin change upon hover, I was told that it can be done... People have provided me with this link... but I do not understand how to change it from links to pictures to give me my desired effects... Here's the link maybe someone can understand it and tell me how to change the code, because I don't... http://views-under-construction.blog...r-myspace.html What I want exactly is this... Upon hovering, the smirk changes to the toothy grin, and then at the same time a pop up (that was invisible until the hover, but will then stay visible upon moving the mouse cursor over to the right after it shows up) of a smaller picture... This is the picture that I would like to use. Now underneath it, I would like a link to a website... The link is... http://www.hide-city.com/ But instead of actually showing the link, I want it hidden, with text that reads... "hide's Official Website" instead. I would also like the pop-up (the little "Pink Spider" picture plus the link to hide-city) to be enclosed inside a solid or outset colored (the color I want is #ff00cc) border. See, when I said it was complex... I wasn't kidding... well it's complex to me anyway... As I said in the other "challenge" thread, I have asked around, and have been ignored... I am hoping in coming back here, my experience will be different. Thanks guys. I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason i have a lot of text files(2-400) all have quite alot of text inside them so is there some software that can help me convert it all into html pages?? somthing that i am doing right now is: copied all of my text files pasted them into other location and editing each file and giving extention html/htm. now can u tell somthing better?? all the files will open in same frame(obviously one at a time), all have styling n everything same. Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan This table contains 4 columns and 5 rows. I tried it but felt. I am sending you link of that table. http://sites.google.com/site/1024768images/Home Please resolve my problem Thanks i just started working on addicted2ally.com, and for some reason, my index.html is showing the text of the html instead of well, doing it lol helppp!? Hi everybody, I've invented a means of converting HTML to keywords. http://4nf.org/tool/ What do you think of it? Any kind of feedback is greatly appreciated! Thanks in advance and kind regards Hi! This isn't really a technical issue so much as just a plea for a little advice on how to handle this. There may be some technical solutions to help me out, but I don't know of any. I am currently working on a website for clients who happen to be very very particular about EVERYTHING. I have run into a bit of an issue and am confused as to how to solve this. Maybe you all could help me out? Lend some advice, tell me what you'd do if you were me, etc... I am going to start from the beginning. The people I'm designing for are architects that design 5 million dollar homes. They wanted a clean design with a gradient background and it took us a long time to get to the background we came to. The problem with the background is that although I designed for 1024x768 (it also displays well at resolutions up to 1440x900), my clients are working on computers with large monitors with a much higher resolution. As a result, the browser window gets stretched so far that the gradient background image isn't large enough to cover and begins to tile itself. Here is an example of one of the pages, the photo gallery, on the website. http://aciwebsites.com/dev/vanBrouck/photo.html I am in the process of trying to fix some things so I wouldn't suggest clicking around too much. Now, notice that I use PNG in my design. I had to find a way around that, as my clients wanted an HTML website (not a Flash website) with semi-opaque graphic elements and IE doesn't support PNG files. The code I use works on single images but will not work on tiled background images (I needed to use a tiled semi-opaque PNG on the sub nav and body content section backgrounds so the gradient background could show through slightly)...So I had to find a way around that as well. I ended up slicing up the background gradient image at the appropriate places in photoshop and changing the lightness on it so that when placed as the background image in the div layer, it would appear to be just a semi-opaque box with the gradient showing through. But really, it's just a jpg. (I know this is really confusing. I'm trying my best to just write it all out and explain it the best I can.) So. What my clients are seeing on their high-resolution screens is a lot of empty space filled with this tiled gradient background. This is what I need to do: Remedy the background gradient situation so that the background is no longer tiled. Why I can't decide how to do this: 1 - Stretching the background to fit the screen using a background div layer (code on how to do that he http://www.htmlcodetutorial.com/help/ftopic4503.html) will interfere with the background images in the "subnav" and "body content" boxes which were cut at specific points in Photoshop and placed within the backgrounds of the div layers as a sort of faux-opaque div layer. Basically, it'll just mess everything up and won't look right anymore. 2 - I really can't mess much with this background image. My clients are very happy with it as it is. I considered possibly messing with it a little so that it fades to one solid color at both edges and I think this may be my best bet. However, doing this would take a very very long time, as I'd have to go in and change the backgrounds on all of the pages as well as go into Photoshop and redo all the faux opaque backgrounds. 3 - I could also use javascript to automatically resize the browser window upon page load, but I often find that to be annoying and I can see how it won't go over very well with these people. Another problem is that because they're looking at this website at such a high resolution, the page content is smaller than they'd like it to be. But they don't seem to understand that their resolution is in the minority and I don't quite know how to explain to them that I optimized the website to fit on MOST screens. They just don't seem very confident about this and I feel like I'm misleading them or doing something wrong. What do you all think? I know this was a bit long-winded, but if you're up for a challenge or just feel like throwing some ideas around, feel free to take a look at the website page and go through my code. Thanks for your time. I need to have this text in html. I need only the text, no table. My problem was, that when i changed the fontsize, a new paragraph was created. But i want it on one line. Thanks for your help. Greetings, How can I add "Alt Tags" to text. Easy to do to images but can't figure it out on text. As always thanks in advance!!! Jack Hi, I added a rich text editor into my html page for text area fields, let us say description field. The user enters the text, modify its color, changes its size and fonts... The value saved for this field in the database is: <font color="#ff00ff">description text </font> and is showing as it is on the screen. If I look at the source code of the page, I notice the following: <font color="#ff00ff">description text </font> The problem is that, there are two conversions happening: < Converted To < > Converted To > How should I avoid this conversion so that the description text appears in its right format taking into consideration the html tags. Note: in the head of the page, I have the following: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> I would appreciate any help. Best Regards, Lara HTML to look at text or xml file - is there a way of creating a HTML tag or Div to look at another text file that can be easily edited as the source to the content. Basically a paragraph that can be easily edited by someone who doesn't understand html that affects paragraphs in divs on a web page. - could someone point me in the right direction - I can't seem to get my head around what I need being only a tuesday and not getting stuck into the week. Thanks in advance... Hello Everyone, I have just started learning html and I am facing a problem. I have wrote the following code in notepad: Code: <h3> HTML Images - The <img> Tag and the Src Attribute </h3> <p> The <img> tag is empty, which means that it contains attributes only, and has no closing tag.<b/><br/> When I open this html file in browser, text "<img>" does not display correctly. Please help me asap. Thanks! Hi, I've been trying to set up a page where I have my e-mail address on one side of the page and my phone number on the same line but on the other side of the page. The e-mail address aligns left automatically, and when I use <p align=right>, it moves the phone number down onto the next line. <align=right> on its own does nothing. Does anyone know the code to align right without bumping the text down to the next line? Thank you so much for any help you can provide. Michael Hi, I'm new at using html and I need help with placing text. I would like to place my text 12.5% across the screen from the left. Is there a way to do this or must I use the pixel way. Can you show me how Looking for the html code for center text, and text size. I want to center some text and increase its size from normal. I have tables containing text in them but the background does not appear its just a white error background the text appears however. Heres my html i don't know whats wrong. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Pink Pirates</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style12 {font-family: Tahoma; color: #999999; font-weight: bold; } .style13 {font-size: 9px; color: #666666; } .style14 {color: #CCCCCC} --> </style> </head> <link href="css.css" rel="STYLESHEET" type="text/css"> <body> <center> <table width="776" border="0" cellpadding="0" cellspacing="0" background="images/index_28.jpg"> <!--DWLayoutTable--> <tr> <td width="59" rowspan="2" valign="top"><img src="images/sides_01.jpg" width="59" height="459"></td> <td height="363" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="660" height="69" valign="top"><img src="images/index_02.jpg" width="230" height="69"><img src="images/index_03.jpg" width="201" height="69"><img src="images/index_04.jpg" width="229" height="69"></td> </tr> <tr> <td height="150" valign="top"><img src="images/index_06.jpg" width="371" height="171"><img src="images/index_07.jpg" width="289" height="171"></td> </tr> <tr> <td height="17" valign="top"><img src="images/index_08.jpg" width="660" height="17"></td> </tr> <tr> <td height="27" valign="top"><a href="index.php"><img src="images/index_09.jpg" alt="Home Page" width="104" height="27" border="0"></a><a href="team.php"><img src="images/index_10.jpg" alt="Our Team" width="101" height="27" border="0"></a><a href="videos.php"><img src="images/index_11.jpg" alt="Demo Videos and Screenshots" width="78" height="27" border="0"></a><a href="/forums/"><img src="images/index_12.jpg" alt="Community Message Boards" width="142" height="27" border="0"></a><a href="about.php"><img src="images/index_13.jpg" alt="About Our Clan" width="100" height="27" border="0"></a><a href="signup.php"><img src="images/index_14.jpg" alt="Join Our Team" width="135" height="27" border="0"></a></td> </tr> <tr> <td height="40" valign="top"><img src="images/index_15.jpg" width="660" height="40"></td> </tr> <tr> <td height="28" valign="top"><img src="images/index_16.jpg" width="660" height="28"></td> </tr> <tr> <td height="11" valign="top"><img src="images/index_17.jpg" width="660" height="11"></td> </tr> </table></td> <td width="57" rowspan="2" valign="top"><img src="images/sides_05.jpg" width="57" height="459"></td> </tr> <tr> <td width="231" height="163" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="231" height="122" valign="top"><img src="images/index_18.jpg" width="231" height="28"><img src="images/tdw_22.jpg" width="231" height="60" border="0"></a><img src="images/cathead_25.jpg" width="231" height="34"></td> </tr> <table> <tr> <td height="193" valign="top">text goes here blah</ </div></td> </tr> </table> </td> <td width="429" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="429" height="28" valign="top"><img src="images/index_19.jpg" width="429" height="28"></td> </tr> <tr> </tr> <tr> <td height="34" valign="top"><img src="images/catheadnews_26.jpg" width="429" height="34">dfdfdfdfdfdfd</td> </tr> <tr> <td height="193" valign="top"><div style="margin-left:10px; margin-right:10px"><span class="style12"></span><br> <span class="style13"></span><br> <span class="style14"> </tr> </table></td> </tr> </table> <table width="776" border="0" cellpadding="0" cellspacing="0" background="images/index_30.jpg"> <tr> <td width="136" height="32"></td> <td width="509"> </td> <td width="131"></td> </tr> <tr> <td height="12"></td> <td valign="top"><div align="center">Copyright PinkPirates.tk. All rights reserved. </div></td> <td></td> </tr> </table> </center> </body> </html> I would appreciate anyone's help in determining why my text is not going all the way to the right side of the "maintext" container. You can view the problematic webpage at: http://www.cornerstonecontractingcom...emp/about.html The associated CSS can be viewed at: [url="http://www.cornerstonecontractingcompany.com/temp/default.css"]http://www.cornerstonecontractingcompany.com/temp/default.css[/URL Thank you very much for your help. Hi All, I have come across a scenario where user enters credit card number. So I need to display user typing text (card number) as "*" in the text box. So I went and coded as password field since password box always mask user inputs. <input type="password" name="f1" value=""> But on hitting submit button, Mozilla firefox browser shows a pop up if I need to remember the password or not. My client dont want to display this pop-up. Can anyone pls tell me how to create a text box (not password box) to show user input as "*" so that it looks like as password box. Thanks in advance. |