|
HTML - Urgently Needing Help!! Div Displaying Differently In Ie To Firefox
I have created a div which sits on the right hand side. I have created two different size ones as one of my html pages has a lot more content on it. here are in the divs in CSS:
Code:
#picstrip{
width:200px;
height:740px;
padding: 10px 10px 20px 10px;
background-color:#8d6cd1;
z-index:999999;
float:right;
}
#picstrip2{
width:200px;
height:1270px;
padding: 10px 10px 20px 10px;
background-color:#8d6cd1;
z-index:999999;
float:right;
}
I want these divs to be touching the footer i have created: Code: #footer{
background-color:#2ba475;
width:800px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
table.foot{
text-align:center;
}
I am currently able to make it work it just one of the web browsers at a time. The div seems to be shorter in size in IE. is there any way round this problem? I will be so greatful for any help. Thank You Similar Tutorialshello, the attached below is a position template for displaying merchandise. in IE the html shows properlly with no internal borders. in FIREFOX (version 1.5.0.9), the cells and tables are all bordered. i have now intentionally put - BORDERCOLOR="FFFFFF' and BORDERWIDTH="0" -wherever i possibly could in order to try and eliminate the borders from showing in firefox - to no avail. any suggestions? weblost here is the link if you prefer to view it. the position is the one marked "test 2" http://cafepanik.com/lobby/3_sneekee...ial/index.html Hey guys, hope someone can help. I have a website that is displaying correctly in FF 3.05 but incorrectly in IE7 If you look at this page in FF and then IE you will see the problem... http://www.debt-rescued.co.uk/applynow.html Hope someone can help Good evening all - our site: http://www.proliant-hard-drives.com/ was designed about a month ago - we just installed IE7 today and the header of our site has a white line displaying horizontally through the middle of it. http://www.globalonetechnology.com/ff-vs-ie7.jpg Does anyone know why this is happening? Is there a fix for it? Thanks! g1tech Hi, I've been making a website but have only been testing it in Internet explorer, now I've tried opening it in Firefox and noticed alot of problems. When I open it in IE, there is about a 4-5mm gap at the top before the header appears andeverything is positioned fine because I have layed it out this way, but in Firefox the gap at the top doesnt exist and therefore everything is a few millimeters out of position (text, images etc). Is there anyway that I can get rid of this gap at the top of the IE page so that it looks the same? I have tried margin-top with no luck. CSS code: Code: /*This first piece of 'body' code defines what colour the background of the whole website is. It is set to #000000, I.E. black.*/
body
{
background: #000000;
color: white;
}
div#site
{
display: block;
color: #000000;
margin-top: -10px;
}
/*This header code sets the size and background image of the header section of the website. It sets the image to a picture I have created called
'header2', and the code also needs to link to the image as it's not in the same folder as the css/html files, so the code 'images/header2.gif'
finds the file 'header2.gif' in the sub-folder 'images'. */
#header
{
background: url(images/header2.gif);
width: 865px;
height: 143px;
}
/*This header .text section defines any text properties that will be used if I decide to add any text to the header area.*/
#header .text
{
position:relative;
top:42px;
left:322px;
word-spacing: 24px;
font-size: large;
}
/*The navbar2 section of code defines how the navigation bar is set out. The width is set at 70% so that the bar doesnt go all the way across the
screen. It is also center-aligned to make the page look neat.*/
div#navbar2 {
width: 70%;
border-top: solid #000 0px;
border-bottom: solid #000 0px;
background-image: url(images/button.gif);
}
div#navbar2 ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: 30px;
white-space: nowrap;
}
div#navbar2 li {
list-style-type: none;
display: inline;
}
/*This code sets how the text should be layed out on the navigation bar. It has margins and padding to place it in the centre of the buttons.
It also sets the text colour to white.*/
div#navbar2 li a {
text-decoration: none;
margin: 20px;
padding: 7px 15px;
color: #FFFFFF;
}
div#navbar2 li a:visited {
color: #FFFFFF; /*This code is used so that when people click on the links, they stay white next time rather than changing colour.*/
}
div#navbar2 li a:hover {
font-weight: bold;
color: #FFFFFF;
background-color: #FF00FF; /*This code causes a pink/purple box appear around the text when the cursor is hovered over it.*/
}
/*The content code sets the background image of the main section of the website, and defines where on the page it should be placed.*/
#content
{
background: url(images/content.gif);
width: 865px;
height: 534px;
margin-left: 0px;
margin-right: 0px;
float: left;
margin: 0px 187px;
}
#content_nobars
{
background: url(images/content_nobars.gif);
width: 865px;
height: 534px;
margin-left: 0px;
margin-right: 0px;
float: left;
margin: 0px 187px;
}
/*The content .title, .title2 and .title3 sections of code define where each title should be placed, what text size and colour it should be,
and also how wide/tall the text box is allowed to be.*/
#content .title
{
color: #CC66FF;
font-size:16px;
position:absolute;
text-align:left;
left:515px;
top:215px;
width:500px;
height:18px;
overflow:hidden; /*This 'overflow' command stops the text box from spreading all of the page if too much information is placed into it.*/
/*If any extra text is in an area and there is no more room, the page will just hide it from sight, therefore keeping tidiness.*/
}
#content .text
{
color:black;
font-size:14px;
position:absolute;
text-align:left;
left:500px;
top: 255px;
width:500px;
height:80px;
overflow:hidden;
}
#content .title2
{
color: #CC66FF;
font-size:16px;
position:absolute;
text-align:left;
left:515px;
top:375px;
width:500px;
height:18px;
overflow:hidden;
}
#content .text2
{
color:black;
font-size:14px;
position:absolute;
text-align:left;
left:500px;
top: 415px;
width:500px;
height:80px;
overflow:hidden;
}
#content .title3
{
color: #CC66FF;
font-size:16px;
position:absolute;
text-align:left;
left:515px;
top:541px;
width:500px;
height:18px;
overflow:hidden;
}
#content .text3
{
color:black;
font-size:14px;
position:absolute;
text-align:left;
left:500px;
top: 580px;
width:500px;
height:80px;
overflow:hidden;
}
#content .read_more
{
color:black;
font-size:14px;
position:relative;
text-align:center;
left:355px;
top: 168px;
width:100px;
height:16px;
overflow:hidden;
}
#content .read_more2
{
color:black;
font-size:14px;
position:relative;
text-align:center;
left:355px;
top: 318px;
width:100px;
height:16px;
overflow:hidden;
}
#content .read_more3
{
color:black;
font-size:14px;
position:relative;
text-align:center;
left:355px;
top: 468px;
width:100px;
height:16px;
overflow:hidden;
}
#content_nobars .about_us_text
{
color:black;
font-size:14px;
position:absolute;
text-align:left;
left:480px;
top: 425px;
width:550px;
height:250px;
overflow:auto;
}
#content_nobars .other_title
{
color: #000000;
font-size:24px;
text-decoration:underline;
position:absolute;
text-align:center;
left:510px;
top:200px;
width:500px;
height:30px;
overflow:hidden;
}
#content_nobars .other_text
{
color:black;
font-size:14px;
position:absolute;
text-align:left;
left:480px;
top: 250px;
width:550px;
height:432px;
overflow:auto;
}
#content_nobars .about_us_picture
{
background: url(images/1.jpg);
width: 290px;
height: 175px;
position:relative;
left:130px;
top:50px;
}
/*The footer code defines the location of the footer image, and the size of it.*/
#footer
{
background: url(images/footer.gif);
width: 870px;
height: 105px;
}
/*These 2 commands keep URL links coloured black, before and after they have been visited.*/
a:link { color:black }
a:visited { color:black }
HTML: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!--This head code defines the title that is displayed at the top of the screen on the Browser's bar. It also links the html document to the css file which will be used to create the layout and look of the website.--> <head> <title>Pampered Pooches Grooming</title> <link rel="stylesheet" type="text/css" href="pampered-pooches-grooming.css"> </head> <!--This code uses different div tags in conjuction with the css file, which will each be layed out according to individual needs.--> <body> <div id="site"> <div id="header"> </div> <div id="navbar2"> <ul> <!--This code creates a list of the navigational links to other pages of the website--> <li><a href="index.html">Home</a></li> <li><a href="aboutus.html ">About Us</a></li> <li><a href="services.html ">Services</a></li> <li><a href="theparlour.html ">The Parlour</a></li> <li><a href="dogofthemonth.html ">Dog of the Month</a></li> <li><a href="contactus.html ">Contact Us</a></li> </ul> </div> <div id="content"> <!--This footer code is placed at the bottom of all of the other code so that it appears at the bottom of the screen in the webpage.--> <div id="footer"> </div> </div> </body> </html> Thanks for any help. Greetings and thanks for checking my question out. I oversee an academic site for mostly text at www.zeitschrift.co.uk and when I recently updated it with new material, specifically at www.zeitschrift.co.uk/v4n1jryskamp, it will not seat properly in the browser window, but this page seems to work ok with explorer. Does anyone have any suggestions. Much appreciated, HTML Dad Here is the code: EDIT: I missed part of the code: <id class = "vision"> CLEAN is founded </class>on the belief that education is the essential foundation for global climate change solutions. CLEAN is a program designed to supplement existing elementary (1st-8th grade) science education. First, children learn the fundamental scientific background they need in order to understand global climate change. Second, CLEAN provides them with the tools and support they need to take positive action. Particular emphasis is placed on climate change as a concern that is not only individual and local, but equally collective and global. This emphasis is supported through the development of communication and collaboration between classrooms locally and internationally. The problems presented by global climate change can seem overwhelming, often leading to apathy and inaction. By combining practical information with a fun, engaging, play-based learning environment, CLEAN fosters a positive attitude that empowers children to take meaningful action. and the "Vision" code in my css is very simple: .vision { font: bold 25px Tahoma, 'trebuchet MS', Sans-serif; } In firefox it renders like this: while here it is in Explorer: Why the difference and how do I fix it? I have read that Microsoft doesn't follow the "rules" established by the web boards about how code should be done. Is this the problem in this case? Thanks! Hello all, Im having problems displaying my website in firefox, it displays fine in IE, however its displaying 1/2 way down the page in firefox. Any ideas where im going wrong? www.best-mobile-contracts.co.uk Hi, Im a bit of an amateur and for some reason I cant get an image to display in firefox, but its fine in explorer.... Does anyone know why this might be? Thanks Aly_ve Hi...I am looking to create a vertical solid bar, in an HTML table. But it's not displaying right in Firefox! In IE it's fine...I want the bar to go to 100% of the <td> cell. Here is what I have: <td rowspan="2"> <center> <img src="bluepixel.gif" style="width: 5px; height: 100%;" /> </center> </td> bluepixel.gif is a 1x1 pixel GIF file. Basically I'm creating a vertical colored version of a <hr> tag. Again...in IE it fills out 100% of the height. But Firefox only shows a 5x5 square...no matter how big the browser is resized. Any ideas?? Thanks! Jason I am experiencing frustration due to the website that I've designed is being displayed perfectly in the Explorer browser, but in Firefox its all screwed up. Is it coding issues? My website is at www.wolfdenexpeditions.ca cheers hi guys. I am trying to get rounded edges to appear around my tables when displayed in Firefox. However, while it does display rounded edges, it also displays an angular border, which takes whatever colour the text has. here is the code. Quote: <!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" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- #MainCell { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; width: 800px; background-color: #FFF; height: 1000px; } .whitebackground { } #LogoCell { background-color: #006; height: 15px; } #LinksCell { background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; width: 77%; } #ContentCells { text-align: center; } #BottomLinksCell { } table { -moz-border-radius: 30px; border: #cc2800; } body { background-color: #006; color: #0F0; border: transparent; } .TableBackground { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link rel="stylesheet" href="../ajxmenu.css" type="text/css" /> <script src="../ajxmenu.js" type="text/javascript"></script> </head> <body> <table width="100%" border="1" align="center" id="MainCell"> <tr> <th scope="row"><table width="100%" border="1" id="LogoCell"> <tr> <th class="whitebackground" scope="row">LogoCell - I'll see if my guy will do something for you or if you can get a mate to, if not I'd go to a professional</th> </tr> </table> <table width="78%" border="1" align="center" id="LinksCell"> <tr> <th scope="row"><div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:../ajxmenu.css --> <div class="ajxmw1"> <div class="ajxmw2"> <ul> <li><a href="#"><b>Home</b></a></li> <li><a class="ajxsub" href="#"><b>Gallery</b></a> <ul> <li class="sfirst slast"><a href="#">Slideshow</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>Corporate Work</b></a> <ul> <li class="sfirst slast"><a href="#">Testimonials</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>About Us</b></a> <ul> <li class="sfirst"><a href="#">Qualifications</a></li> <li class="slast"><a href="#">Business Associates</a></li> </ul> </li> <li class="tlast"><a href="#"><b>Contact Us</b></a></li> </ul> </div> </div> <br /> </div> </th> </tr> </table> <!-- TemplateBeginEditable name="ContentRegion" --> <table width="68%" border="1" align="center" id="ContentCells"> <tr> <th width="50%" height="113" scope="row"><p> </p></th> <td width="50%"> </td> </tr> <tr> <th height="135" scope="row"> </th> <td> </td> </tr> </table> <!-- TemplateEndEditable --> <table width="100%" border="1" id="BottomLinksCell"> <tr> <th scope="row">BottomLinksCell</th> </tr> </table> </th> </tr> </table> </body> </html> Can anyone tell me how I can get rid of the angular border, and just be left with the rounded one? Thanks! Please help me to make given below design... My page requirement is -> http://yfrog.com/kfl4p My image that i have made for border -> http://yfrog.com/h354dg Since I have made the image for border in photoshop but when i use that image then it do show properly as i want. Please help me urgently for this thing... Regards.... Hi, i have created a website that shows some videos to users. but those videos are stored in temperory internet files folders. i dont want this thing to happen. can i have the solutions please..??? Thanks, Kunal Hi all...I hoping you can help me with a slight problem?! I recentely purchased a reseller account and i have several domains set-up as accounts. All files are published to their correct folders and the sites all display on my computer, but not on other peoples computors???? I`m selling a copy of my cleaning website on ebay made using HTML files nd uploaded to my Public_Html folder on my server. The reseller nameservers have been edited/branded via my WHM and those name servers have been added to the "Hosting summary" via Godaddy in the correct manner (ns1 and ns2 etc). Im getting people say that the link i placed in my ebay advert points to an error message yet its the right address! When i selected the link myself on my computer yesterday it was fine...but i went to a local internet cafe to see if the reported problem was true....and it was! The main link im worried about is: www.startyourowncleaningbusiness.biz However if you could check-out these domains and report back if you can not view these pages......Im pulling my hair out!!! Thanks in advance www.whichlogo.com www.wirelessconsole.com www.outlookwebhosting.com www.creditcheckscore.net head2headpoker.com Hi I realy need help with my coursework! I am really bad with HTML and forms I want my form to not send to the email address i have specified unless all the fields in the form are full, this wont be a problem with the select boxes and the radio buttons as they are already selected. I only need to validate the text field and area. This is my form so far ... 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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
.style1 {color: #FFFFFF}
.style2 {font-size: 14px}
-->
</style>
<form action="script.cgi" onSubmit="return checkform()">
<script>
function checkform()
{
if (value of textfield is null)
{
alert('Please insert your name');
return false;
}
else if(value of textarea is null)
{
alert('Please enter your comments for this website');
return false;
}
return true;
}
</head>
<body>
<form action="emailformhandler.php" method="post" name="Feedback Form" class="style2" id="Feedback Form">
<p align="left">Your Name <span class="style1"> .................................................</span>
<input type="text" name="textfield" size="30" maxlength="100" />
</p>
<p>Where do you live?
<span class="style1">....................................</span>
<select name="select" size="1">
<option>Dunstable</option>
<option>Luton</option>
<option>Houghton Regis</option>
<option>Other</option>
</select>
</p>
<p>How did you find out about this website?
<span class="style1">....</span>
<select name="select2" size="1">
<option>Your Teacher</option>
<option>Mr Holmes</option>
<option>Word Of Mouth</option>
<option>SSCO</option>
<option>Search Engine</option>
<option>Other</option>
</select>
</p>
<p><img src="http://himeshs.co.uk/ICT/untitled.GIF" width="181" height="56" /><span class="style1">.......................</span>
<textarea name="textarea" cols="30" rows="5"></textarea>
</p>
<p>
What is your rating of this website
<span class="style1">.............</span>
<input name="radiobutton" type="radio" value="radiobutton" checked />
Excellent
<input name="radiobutton" type="radio" value="radiobutton" />
Good
<input name="radiobutton" type="radio" value="radiobutton" />
Average
<input name="radiobutton" type="radio" value="radiobutton" />
Poor</p>
<p>
<input type="submit" name="Submit" value="Submit Form" />
<input type="reset" name="Submit2" value="Clear Form" />
</p>
</form>
</body>
</html>
I would appreciate any help i could get and dont forget im a noob at forms nd stuff like that lol Thanks! Himesh Hello there, I am in serious need of help. I am working on a site where I could update the navbar at any time and not have to change the code on numerous pages. After some reading, I concluded that the use of an SSI would be a suitable solution. With that being said, my headache ensues. I have developed an outline in dreamweaver for my website, and have created a div where the ssi will be placed. The navbar was created in Fireworks. In IE, i can get the menu to appear where I want it, which is below the flash image below the header, however, when I run the mouse over the dropdown, the drop down appears some 50 pixels above the navbar. I am thinking that this might be a css problem. In Firefox, the div tag appears off to the left and when the mouseover is done, the dropdown appears in the same place as they have in IE. In both instances, the dropdown menu is in line with the image used in the navbar. I would really appreciate any help someone could offer. If someone could send me a working solution, I would be even more grateful. I think my eyes are tired of viewing the code. the site can be viewed at the following url: http://www.prestigeinteractive.com/wmems2/ I would greatly appreciate any help you can offer. Thanks, Greg ps. if you would like the source files, email me at gwhite@prestigeinteractive.com hello me and my friend have paid a web developer to build us a website, and i like it, but the forum was so outdated that i don't think people would enjoy using it. anyway he said it was impossible to replace it, but mentioned HTML, which is why i'm here basically asking is there anything i can do. what i want to do is connect the forum to the actual website, not just the link where members would have to sign in all again. i've created a temporary forum, but would like a sollution for the long term. if you guys or girls got any advice, then please help. thank you. my website is www.dorsetghostinvestigators.com Im working on helping a good friend of mine update/clean up her site. I know basic HTML but not enough to do some basic changes. Not looking for a free ride...what so ever. Just some assistance. www.AZAUTOTRENDS.com is the site im looking to clean up. Ive done quite a bit already but just stuck on some things. Where is one to go to find some one for some help and direction? Thanks Aaron Aaron636r@yahoo.com Hello, I am a newbie to html and am struggling to change a colour of font - I am looking to be able to change the colour of the word 'CONTINUE' and 'terms of use' but cannot figure out how. If someone could help I would be so grateful! <!-- This is the javascript to hide and display the elements of the form --> <script src="2step.js"></script> <style type="text/css"> /* This CSS is used to format the page. */ #lbform {height: auto;margin: 0px auto;padding: 0;position: relative;width: 350px;} #lbform label {color: #000000;display: inline;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;margin: 5px 10px 5px 0;width: 90px;} #lbform .row {display: block;margin-bottom: 7px;padding-top: 7px;width: 325px;} #lbform input {border: 1px solid #9C8A7B;font-size: 14px;padding: 5px;width: 208px;} #lbform select {border: 1px solid #9C8A7B;font-size: 14px;height: 25px;} #lbform input.blur {color: #999999;font-style: italic;} #lbform input.focus, #lbform input.complete {color: #000000;font-style: normal;font-weight: bold;} .gender {width: 220px;} .day {width: 63px;} .month {width: 80px;} .year {width: 70px;} .note {color: #666666;font-family: Arial,Helvetica,sans-serif;font-size: 11px;position: relative;right: 0;top: -10px;width: 300px;} </style> <style type="text/css"> /* This CSS is used for the Show/Hide functionality. */ .more {display: none;} a.showLink, a.hideLink {cursor: pointer; display: block; height: 45px; margin: 5px 0 0 104px; width: 214px;} a.hideLink {} a.showLink:hover, a.hideLink:hover {} </style> <div style="margin:0px auto;"> <!-- Make sure you update the URL --> <form id="lbform" class="formlayout" action="$$_ADD APP URL_$$" method="post"> <fieldset> <div class="magic"> <input type="hidden" value="1" name="sexuality"> </div> <div class="row cf"> <label>I'm a:</label> <select class="gender" name="gender"> <option>Please select</option> <option value="1">man looking for a woman</option> <option value="2">woman looking for a man</option> </select> </div> <div class="row cf"> <label>First name:</label> <input type="text" class="text blur" name="firstname"> </div> <div class="row cf"> <label>D.O.B.:</label> <select class="day" name="dobday"> <option value="">Day</option> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select class="month" name="dobmonth"> <option value="">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select class="year" name="dobyear"> <option value="">Year</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> <option value="1923">1923</option> <option value="1922">1922</option> <option value="1921">1921</option> <option value="1920">1920</option> <option value="1919">1919</option> <option value="1918">1918</option> <option value="1917">1917</option> </select> </div> <div class="continue-btn"> <a onclick="showHide('example');return false;" class="showLink" id="example-show" href="#"> <!-- The <p> tags below can be swapped from an image. --> <p>CONTINUE</p> </a> </div> <!-- Anything that sits in the div class=more will be hidden until the Continue link is clicked --> <div class="more" id="example"> <div class="row cf"> <label for="email">Email:</label> <input type="text" class="text blur" name="email" id="email"> </div> <div class="row cf"> <label for="password">Password:</label> <input type="password" value="" name="password" id="password"> </div> <div class="row cf"> <button class="header" type="submit">JOIN FREE</button> </div> <div class="row cf"> <p class="note">By clicking 'Join Free' you are agreeing to our <a title="Terms of use" href="/help/terms.cfm">Terms of Use</a>.</p> </div> </div> </fieldset> </form> </div> |
|||||||