|
HTML - Masters Of Code World - I Can't Figure This One Out - Can You?
Hi Masters of Code World!
I admit - I'm a major newbie when it comes to code - but I'm always willing to learn from you experts. Here's my duh issue. In Word Press, I have these green buttons I made.. <div style="width: 100%;"> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/?page_id=746">Who I Work With</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/?page_id=750">How I Work</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/what-is-coaching/">What Is Coaching</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/?page_id=869">Clients</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/ ">Clarity Mind Blog</a></div> </div> They look pretty cool, see: http://www.claritymind.com/services/ my problem happens when I insert text after them... the text butts up to the green buttons. ARHH. In order to create a space or line break, I found a work around by adding 1 or 2 If I do other editing on the rest of the page, or if I update the page - I lose those spacers and have to re-input them over and over. It's driving me nuts. Sometimes, I'll have to use those spacers when line breaks don't work on the page. What a pain. So - masters of CODE world - what's up here? Why is it doing this? What am I missing? Why can't I just hit ENTER to provide a space and see it reflected on the front end? AWAITING YOUR WISDOM Ken: Similar TutorialsHello everyone. I know nothing about html and was wondering if someone could help me. I am trying to load this code into a website I am building but don't understand why nothing comes up. I downloaded the background tiles like the website said and then inserted the html to my website they provided. What do I need to do in order to get this page loaded and working properly. Any help would be greatly appreciated. Here is the code they provided: Code: <html> <head> <title>Title of Your Page</title> </head> <body background="tile-012-b.jpg"> <br> <p><center><table width="90%" cellpadding=40 cellspacing=0 border=1 background="tile-012-c.jpg"> <tr> <td width="100%"> <p><center><table width="100%" border=1 background="tile-012-a.jpg"> <tr> <td width="100%">Your Content Goes Here </td> </tr> </table> </center> </td> </tr> </table> </center> </body></html> And here are the background tiles I saved to my computer. tile-012-b.jpg (this being the very last background) tile-012-c.jpg (this one being the middle background) tile-012-a.jpg (and this one being the top background) What am I doing wrong? Please help! Can't figure out why the page is displaying only HTML code. My assumption is: I indicated a wrong path to the image hosted with 000webhost.com. Otherwise I have no clue why the code doesn't display online. Here is the code. Can anybody spot the problem? Thanks in advance! =========================================== HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title>Russkaya Zvezda</title> </head> <body> <table width='100%'> <tr> <td align ='center'> <img src = "http://www.russkayazvezda.com/GRAY_VK_RZ_MY_RABOTAEM_raster.jpg" width = "100%" alt = "RUSSKAYA ZVEZDA"/> </td> </tr> <tr> <td> <p style = "text-align: center;"> Copyright © 2000 - 2012 by Russkaya Zvezda Inc. </p> </td> </tr> </table> </body> </html> Hello there! I want to start from scratch on HTML, XHTML, CSS and further. For that I need some guidance as to where to look for learning these languages from BASIC to MASTERY. I learned a bit from w3schools.com but it seems there it's less descriptive and explanatory and more on the practical side. After studying and completing the languages, I want to take an exam and get certifications for that all ONLINE! Thanx! Hi there guys, I'm a newb to forms in Dreamweaver, so any help will be appreciated. I would like a form on my DJ website that asks the potential customer how many hours they want a disco for, their location and any extras they want to have with the package. The form will then calculate the value of everything and give them a price. I would like to display this answer only after the visitor clicks on a button, rather than just have the information pop up/recalculate every time the visitor changes something on the form. Thanks guys! Hello, okay, so i was thinking about redesigning my site because i never really have done so before. but as i was thinking, i was thinking it would be nice to be able to fit more stuff across the screen width wise.... right now my website has like 750px width... and i was wondering if i increased it some, would the majority of the people not have a problem viewing it? and if so, how many pixels wide do u think i could go before its too wide... i have my screen resolution said at 1280x1024... does anybody know what the majority of people set their screen resolutions to? any help would be great..thanks.. Hello everyone. I'm not sure what type of menu this is called, and I believe it's Javascript, but I'm just not sure. What it is is a menu that just shows the top level, but when you click on it, it drops down to show you a sub-level. Does anyone know what this type of menu is called? Any help is greatly appreciated. Thanks! Hello all, Sent out my website to a bunch of people, noticed it only works on my firefox+mac what is going on?? Site is at www.dmrosemark.com Sorry this post can be removed, figured out problem. Ok, so I have this div set up like this: HTML Code: <div id="divbody"> <div id="menudivcenter"> Content of menu goes here </div> </div> <div id="footer">Content Of the Footer Goes Here</div> To me, this would stack the divs on top of eachother. Problem is they are side by side instead...... here is the site: http://dl.dropbox.com/u/9856200/baby...d-wrk/dfc.html here is the css: http://dl.dropbox.com/u/9856200/baby...bdb_colors.css Also this is a work in progress obviously so there's probably tons of errors and crap. I'm a novice so let me know if I'm horribly disfiguring this thing. Hi, new poster, as well as new web designer! I'm having trouble with having a javascript execute in an html table. What I'm trying to do is have the image background for the table to change with an onMouseOver, then change back with an onMouseOut: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> function mouseover () { document.getElementById("nav1").src="nav1_hover.bmp" } function mouseout () { document.getElementById("nav1").src="nav1.bmp" } </script> <STYLE type="text/css"> body { background-color: white; color: silver; font-size:12px; font-family: courier new; } </STYLE> <title>untitled</title> </head> <body> <a href="http://www.htmlgoodies.com"> <font color="#666666"> <table border="0" cellpadding"0" cellspacing="0"> <tr> <td onMouseOver="mouseover ()" onMouseOut="mouseout ()" id="nav1" width="120" height="34" background="TF221 site redo/menu1.bmp" align="center">nav1 </tr> </td> </table> </a> </body> </html> The bolded and underlined chunk of code is what I'm having trouble with. I've put it everywhere in here but it's not taking it. Heck, what I'm trying to do may not be possible anyway, I'm not sure. Help is appreciated, thanks! Please go to my site www.ithp.org 2.) Look at the very top gray horizontal menu that has the RSS | Twitter | Facebook etc. 3.) When I make the window smaller or resize my screen window that top gray bar gets all weird and looks bad. However the rest of the site just dissapears like it should and doesn't resize. CAN ANYONE HELP?? I'm doing a blog for a friend with a test run setup he http://www.g3concepts.com/tarablog This theme is setup in tables and based of a single HTML page. I cant seem to figure out how to get a header, with an intro paragraph added to this theme without jacking it all up. If you take a look at the blog now, youll see I simply added a table above the container, but nothing lines up right. I'm just trying to get the header and intro paragraph done right. (theme didnt have header or intro paragraph) I also cant for the life of me figure out how to make this red bordered section white And I wanted to add a small section below the container as well, but again, adding anything seems to hack this theme up Can anyone lend a hand? I'm sure it's pretty simple to do, I just cant figure this one out. i posted this earlier but its been hard to get a response, basicly im trying to get a form to submit to an e-mail, i have the form on a finance.html and a contact.php the form tabs are like this <td style="width:194px"><input name="input" type="text"></td> </tr></table><table style="height:23px"><tr><td height="28" style="width:67px"><br style="line-height:2px">Middle Initial:</td> <td style="width:194px"><input name="input2" type="text"></td> </tr></table><table style="height:23px"><tr> <td height="28" style="width:67px"><br style="line-height:2px"> Last Name</td><td style="width:194px"><input name="input3" type="text"></td></tr></table><table style="height:23px"> the submit tabs look like this <span><a href="contact.php" onClick="document.getElementById('form').reset()">Clear</a></span><img src="images/spacer.gif" alt="" width="20" height="1"><span><a href="contact.php" onClick="document.getElementById('form').submit()">Submit</a></span></p> </td></tr></table></td></tr></table><form name="contact_form" action="#" method="post"> </form> and the .php looks like this <? $subject="from ".$_POST['input']; $headers= "From: ".$_POST['input1']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("sirv101@hotmail.com", $subject, " <html> <head> <title>Contact letter</title> </head> <body> <br> ".$_POST['input']." ".$_POST['input1']." ".$_POST['input2']." ".$_POST['input3']." ".$_POST['input4']." ".$_POST['input5']." ".$_POST['input6']." ".$_POST['input7']." ".$_POST['input8']." ".$_POST['input9']." ".$_POST['input10']." ".$_POST['input11']." ".$_POST['input12']." ".$_POST['input13']." ".$_POST['input14']." ".$_POST['input15']." ".$_POST['input16']." ".$_POST['input17']." ".$_POST['input18']." ".$_POST['input19']." ".$_POST['input20']." ".$_POST['input21']." ".$_POST['input22']." ".$_POST['input23']." ".$_POST['input24']." ".$_POST['input25']." ".$_POST['input26']." </body> </html>" , $headers); echo ("Your message was successfully sent!"); ?> <script> resizeTo(300, 300) //window.close() </script> Hi. My website is http://scissorhands.50megs.com It's just an old personal website that I don't really update very often. But, I can't figure out why it's not working the way it used to work. It used to have a narrow, vertical part on the left side, which was a navigation bar (with choices to click on) and the right was aa much bigger window that took up most of the page and it would change when you clicked on the left side. The left is supposed to stay the same. But now it's gone all crazy! The part that says "Welcome" is supposed to be in a big window on the right side and the links that say "About Me," "Things I've Written," etc... should be in the narrow window on the left that doesn't change. Would someone please help me put it back to how it used to be? Thanks. Scissorhands Ive applied a content locker to my page http://backpagecontact.info/test.html it seems to work fine in Internet explorer but i cant seem to get it to work for firefox. Anyone have any idea what the problem is? Hey guys, I am currently stuck on something. If you view this website i am working on in firefox it looks good, but in internet explorer it doesnt. It's not the whole website its just a small part of it. website: guardianfence.com user: guardian pass: guardian If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up... This is how the first image starts: Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> Here is the CSS part fot the gallery_box_layout Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> and here is the code for gallery_text_layout Code: .gallery_text_layout
{
padding:9px 20px 0px 6px;
}
Can someone please help me figure out why it's like that in internet explorer? Thanks!! Hi Sorry if this is not strictly in the codes of conduct. I am an engineer who sometimes plays about with websites. I just built one and I cant get the frames to work for an on line catalog. 2 issues - Firstly it works with firefox on my pc b4 upload then will not display the pictures online. Secondly it will not work with ie7 correctly with the frames. It shoots off from a button on this website www.projectsuppliesdirect.com/shower.html the catalog was generated using Vevo catalogue builder Vevo have a htm suffix and this site is html suffix. The site is XHTML and the catalog is HTML. If you have any ideas I would be happy to hear thanks Si PS Just thinking that it will be simple for many of you to see what I am trying to do. If you could advise an alternative software that can provide a similar function, that would be very useful as I am not so confident in the code this application rolls out (easy to blame the tools ) Greetings. I have tried for nearly 10 hours total. But I can't get this to work. What I'd like to do is place a small image on the top right (or left) corner of a flash video. A watermark of sorts. I have seen sites do this, such as this. http://www.coolsport.tv/kiwi2.php I'd like to have my image, over my flash video. I know it has to do with setting transparency as well as positioning the image - however I simply don't understand it. This is the image, http://leboss.batcave.net/lebossover.png This is the flash I would like to place it over, http://leboss.batcave.net/channels/chan1.html Anyone have a clue? I appreciate the help. Warning. If you have firefox and ad block plus, you shouldn't get ad's on the sites linked. If you don't, you may see some ad's which aren't malicious. The flash server host (ilive.to) put's those stupid ad's. Thank you again. I want some links to be different colors than others. I tried making a new class and the new links are now colored perfectly, but even though the links changes to the correct color when hovered over, it doesn't actually link... The arrow doesn't turn into a hand to click, it just changes colors, all be it correctly... I know this is very basic and i'm missing something very obvious. I had the standard a class links, and I created a 2nd class called c2... Here's what I have in my css siheet... Code: a, a:visited {
color: #a8a2ee;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: none;
}
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none;
}
c2, b:visited {
color: #ff0000;
text-decoration: none;
}
c2:hover {
color: #0c00ff;
text-decoration: none;
}
c2 img {
border: none;
}
c2:focus, c2:hover, c2:active {
outline: none;
}
When I create a link like this... Code: <c2 href="http://itunes.apple.com/" target="_blank">download from iTunes</c2> It does not link... I think it has to be A and maybe have a sub class? I can't call links c2 maybe? So how would I do it? Thanks! Hi everyone, I have a few pages that have an issue with the footer. The footer on this page is correct Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH Inc - About Us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad.html">mcad<span id="moad"></span></a></li> <li><a href="mcad.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="cloud_mapping.html">cloud?<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a id="active" href="about_us.html">About Us</a></li> </ul> <div id="content"> <h1> Mr. Thomas Gruber</h1> <p>Mr. Thomas Gruber, MESH’s Director of Engineering has over 19 years experience in FTIR chemical sensor R&D. In this position he is responsible for managing project resources and directing the technical approaches.</p><br> <p>He is responsible for the design and development of the MCAD and CCTS products. This work includes embedded electronics, blackbody calibration devices, enclosure design, radiometric signal processing/signal modeling, quantitative detection, and tomographical mapping software.</p><br> <p>He developed the radiometric calibration, synthetic data, quantitative detection, and tomographic mapping software programs for MESH.</p><br> <p>Mr. Gruber is the Principle Investigator on both the Sensor Netting Algorithm SBIR and the Hyper-Spectral Imager SBIR.</p><br> <p><strong>Education:</strong></p> <p><br> MS Mechanical Engineering 1993, Texas A&M Univ., College Station, TX</p> <p>BS Mechanical Engineering 1991, Clemson Univ., Clemson, SC</p> </div><!-- end #content --> <div id="footer"> <img id="footer" src="images/footer.gif" alt="footer"></div> </div><!-- end #container --> </body> </html> and this page is not correct... the footer comes up to the bottom of the content instead of staying on its fixed location... and I dont see anything in lines 90-100 that would cause this... any thoughts Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH Inc - About Us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad.html">mcad<span id="moad"></span></a></li> <li><a href="mcad.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="cloud_mapping.html">cloud?<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a id="active" href="about_us.html">About Us</a></li> </ul> <div id="content"> <h1> Mr. Ryan Fauth</h1> <p>Mr. Ryan Fauth has over 12 year experience in software engineering, all related to chemical sensing. He has developed the human interface to the MESH chemical sensing hardware, including the map display used by CCTS. He was responsible for interfacing MESH’s MCAD to JWARN.</p><br> <p>His has expertise in Embedded Operating Systems, Wireless Networking Software, and Software Design/Implementation.</p><br> <p>Mr. Fauth is responsible for managing maintenance and improvements to the Pentagon Force Protection Agency network of MCAD sensors, which protect the National Capital Region.</p><br> <p>He is the Lead Software Developer on the Sensor Netting Algorithm SBIR involving sensor interfacing, sensor data fusion and algorithm development.</p><br> <p><strong>Education:</strong></p><br> <p>BS Computer Science 1999, Univ. of Delaware, Newark, DE</p> <p></p><!-- end #content --> <div id="footer"> <img id="footer" src="images/footer.gif" alt="footer"></div> </div><!-- end #container --> </body> </html> I had a thread about my page a few months ago but I could not seem to find it. |
|||||||