|
HTML - Very Basic Problem I Can't Figure Out...
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! Similar Tutorialsi 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> 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? I been reading books and taking online tutorials to start mixing php in with html, one of the basic examples from the books is echoing something unto a html site, done like this: <html> </body> <? echo "<p>Processed."; ?> </body> </html> The output should be the word "Processed" on the webpage but the output instead is this: Processed.";?> Everything after <p> is displayed. I checked the source code and this changes color: <? echo "<p> While everything else remains black and is displayed. I tried putting a </p> at the end and it reads it and sends everything after that to another line but it stills displays it. I also tried <h1> and others, everything time i open < and close> it stops reading and just displays everything after the > Simple ' instead of " don't change anything either. Any help or advice is appreciated. Hi Guys on this page www.thepullmanlodge.co.uk/weddings.htm the top 3 pictures are meant to slideshow into each other. When I preview the site in frontpage it works, but now I've uploaded it online it won't work and just shows the three pictures in a block. Can anyone help me get this working as it should? Thanks alot John Okay, it was all working great until I wanted to add another column to make the center logo clickable. Now I am having the problems with the little images being slightly out of alignment again. Any help would be greatly appreciated! The web address is: http://radarcartoons.com/test/test.html Here is the source code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Radar Cartoons </title>
<style type="text/css">
* { margin: 0; border: 0; padding: 0; }
body { background: #000000; text-align: center; }
#wrapper { width: 1101px; margin: 0 auto; }</style>
</head>
<body><br />
<br />
<div id="wrapper">
<table cellspacing="0">
<tbody>
<tr>
<td><img src="1.jpg" alt="1" /></td>
<td><br />
</td>
<td><a href="/shows.html" onmouseover="document.circle1.src='2_lit.jpg'" onmouseout="document.circle1.src='2.jpg'"><img src="2.jpg" alt="Shows Page" name="circle1" height="161" width="145" /></a></td>
<td><img src="3.jpg" alt="3" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="4.jpg" alt="4" /></td>
<td><br />
</td>
<td><a href="/news.html" onmouseover="document.circle2.src='5_lit.jpg'" onmouseout="document.circle2.src='5.jpg'"><img src="5.jpg" alt="News Page" name="circle2" height="151" width="140" /></a></td>
<td><img src="6.jpg" alt="6" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="7_1.jpg" alt="7_1" /></td>
<td><a href="/info.html"><img src="7_2.jpg" alt="7_2" /></a></td>
<td><a href="/credits.html" onmouseover="document.circle3.src='8_lit.jpg'" onmouseout="document.circle3.src='8.jpg'"><img src="8.jpg" alt="Credits Page" name="circle3" height="148" width="148" /></a></td>
<td><img src="9.jpg" alt="9" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="10.jpg" alt="10" /></td>
<td><br />
</td>
<td><a href="/links.html" onmouseover="document.circle4.src='11_lit.jpg'" onmouseout="document.circle4.src='11.jpg'"><img src="11.jpg" alt="Links Page" name="circle4" height="137" width="137" /></a></td>
<td><img src="12.jpg" alt="12" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="13.jpg" alt="13" /></td>
<td><br />
</td>
<td><a href="/contact.html" onmouseover="document.circle5.src='14_lit.jpg'" onmouseout="document.circle5.src='14.jpg'"><img src="14.jpg" alt="Contact Page" name="circle5" height="133" width="126" /></a></td>
<td><img src="15.jpg" alt="15" /></td></tr></tbody></table></div>
</body>
</html>
I have started making a simple website with notepad which me and my friend could use. I've got a bit of a problem though. I know basic HTML but don't know how to get around this: In the folder I have two files: Lauch(Which opens the website), and a folder called Pages. In the folder 'Pages' I want the other pages for the website, but as his system would have different names, I can't exactly put: C:\My Files\HH Tool, if his is C:\His Files. Get me? I tried linking to: \Pages\Information.html . But it didn't work. I'd appreciate and answer ASAP. Thanks for whoever replies or answers. Hello, First post! I'm going to start out with a stupid question (because that's what you do when you're a noob). I realise what I am trying to do is very basic, but I cant work out what I should google to achieve it. We have a website - www.rosietheband.com - which is incidentally my first site (the dimensions are a bit messed up atm, I changed a few bits and I haven't quite finished tweaking). At the minute I'm using a really awful flash-based flickr plugin for the photo page, which I'm not enjoying at all. I want to replace it with a really simple gallery consisting of lots of little 100x100 thumbnails (with no spaces) that completely fill the screen (no matter what your screen size is). As I click on them I'd like a larger version to pop-up (I should probably stick a header in so you can get back to the site). I'd rather not use flash. It sounds easy, but the more I think about it, the more I'm dreading the task. It will contain hundreds of images. Generating the thumbs will be no problem, but how will I implement a pop-up for each one? and how will I add new images without editing the code? If anyone could help in any way I'd really appreciate it! (also, any comments on the site itself would be welcome!) All the best, Rosie Hi everyone, I am having a basic problem with a header for my site. The header template is a 3 column 4 row table, with various graphic pieces plugged into each cell. On the second row, I have a graphic that is as wide as the 2nd column plus the 3rd column, and I used the colspan command so it should take up both columns. But, there is a goofy gap to the left of it! Can anyone help? The website is www.precisionpythons.com Thank you! JonV The website I am working on is he http://radarcartoons.com/test/test.html I want each of those "blips" to change to the other pictures I have of them lit when you rollover it, but I can't figure out how to do a rollover script for multiple images on one page. The names of my alternate files are the same as the regular ones, except they have an _lit.jpg after them. So if it's 2.jpg, then the lit one would be 2_lit.jpg. I will also of course want to make them links to pages which i still have to make, but maybe the code just to make them links and an example link could show me how to get it working. Thanks a lot to anyone who can help me out on my big request! I'm doing some homework for my basic html class and i put the code in the w3 validate and it keep's putting errors on my images what am i doing 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" /> <title>Tyler East, ITSE 1411 Lab Project 1, Tutorial 1 Case 4, Due 02/09/2011</title> <!-- Body System's Home Gym Equipment Tyler East 2/4/2011 --> </head> <body> <img src="logo.jpg" alt="Body Systems" /> <hr/> <h2>Body Systems LSM400 Linear Smith Machine</h2> <IMG src="smith.jpg" ALT="LSM4000" /> <h2>Overview</h2> <p>Linear Smith Machines are the ultimate in weight machines and the LSM400 leads the field. Designed for both serious fitness users and beginners, the LSM400's vertical design provides all of the safety and control associated with Smith Machines, while still allowing for the effective use of gravity for effective resistance. You don't even need a workout partner. Lock points can be set to prevent the bar from movement outside of your body's natural range of motion.</p> <p>You can tailor the LSM400 to meet you specific workout needs. Start with the basic package of the Smith Machine rack and, as your needs grow, add a lat/row, pec dec, plate tree, dip, and accessory organizer. Accessories are easy to insert and remove, allowing you to continue your workout without delay. The LSM400 works with all standard Olympic weight plates</p> <p>The LSM400 is compact with all components place one side of the unit for easy access. This makes the LSM400 perfect for people who want a quality home gym, but do not have a lot of space. Place the LSM400 against a wall and you're ready to go!</p> <p><b>Features</b> Smooth Smith Action: The bar (rated at 800 lb. capacity) slides on Teflon bushings alongside solid steel guide rods. Smooth motion is key to successful workouts, as the target muscles are utilized to their full potential with each repetition.</p> <p><b>Proper Angle:</b> The bar travels along a 7 degree path from vertical. Studies have shown that this is the proper lifting angle to increase your comfort and prevent injury.</p> <p><b>Safety:</b> The LSM400 has 20 lock-out points for a safe, solid stop at any point in your workout routine.</p> <p><b>Rugged:</b> Constructed with heavy 12 gauge steel and 7 gauge reinforcing plate. This is a unit built to last.</p> <p><b>Warranty:</b> Every part of the LSM400 has a lifetime guarantee. We will replace or repair anything that goes wrong.</p> <b>Dimensions</b> <ul> <li>Width: 85"</li> <li>Height: 82"</li> <li>Depth: 72"</li> </ul> <b>Optional Attachments</b> <ul> <li>Selectorized Lat/Row station (Part: MA831-4)</li> <li>Pec Dec station (Part: MA218-6)</li> <li>Dip station (Part: MA105-3)</li> <li>Plate tree (Part: MA488-0)</li> <li>Accessory organizer (MA212-1)</li> <li>Workout DVD (MA051-1)</li> <li>Workout poster (MA055-3)</li> </ul> <address> Body Systems 401 Commercial Drive Eaton, TX 87015 (800) 555-2811 </address> </body> </html> 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! 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. 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. 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?? Hello 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! 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. Hi! I am new to scripting and have a quick question, I am looking at the scripting of a webpage and this is what it looks like (it is word wrapped): Code: <!--
Continent:NA
CountryCode:CA
ISP_Location:Ottawa
ISP_Regional_Identifier:Ontario
ISP_LONG_LAT:45.4167
-->
<html>
<head>
<title>
The Illuminati
</title>
<style>
body {
background-color:black;
}
</style>
<script type="text/javascript">
eval((function(x){var d="";var p=0;while(p<x.length){if(x.charAt(p)!="`")d+=x.charAt(p++);else{var l=x.charCodeAt(p+3)-28;if(l>4)d+=d.substr(d.length-x.charCodeAt(p+1)*96-x.charCodeAt(p+2)+3104-l,l);else d+="`";p+=4}}return d})("var C=\"12\";var H=\"7` $\"K=8` #!L=-5` $!P=\"countdownTimer\";function Q(){displayTZCountDown(set` #(C,H,K,L),P);}window.onload=Q` b&` >3{var B=new Date;if(C==\"*\"){B.setMonth(B.g` #$)+1);}else if(C>0){if(C<=` 8(` V#Year` V\"` %!` U\"` l'C-1);}if(H.substr(0,1)==\"+\"`!S\"S=parseInt` 9&1));` _!Date` x\"` %!)+S`!R#`!7\"` 0!H`!)$Hours(K` T#Minutes(0-L*60` .#Seconds(0)`$4!J`\"k&J` H(J`\"C!` &#)+` *!TimezoneOffset()` \\\"M` Y%(0);M` _\"llis`!\"#B-J);return Math.floor(M.valueOf()/1000);}`$]%`%;/I,R`#~!I<0){document.getElementById(`&4,).innerHTML=\"Sorry, you are too late.\"`#H#var D=I%60;if(D<10){D=\"0\"+D;}var G=(I-D)/60`\"S!F=G` E#F` G!F` G!F;}G=(G-F` ?%O=G%24` &!N=(G-O)/24;`!OPN+\" day\"+(N==1?\"\":\"s\")+\" + \"+O+\"h : \"+F+\"m` $!D+\"s\";s`$R\"out(\"`#E/\"+(I-1)+\",'\"+R+\"');\",999);}}"))
</script>
</head>
<body>
<div id="countdownTimer">
</div>
</body>
</html>
I am wandering what would cause "Sorry, you are too late" to be displayed? This page has a countdown clock on it, does this message appear when the clock counts down and reaches 0? any help would be fantastic Thanks 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!! 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. |
|||||||