|
HTML - Automaric Graphic Changes By Date
OK what I need to do is find a way to make a specific graphic change automatically on a certain date and change again on another date.
A client of mine is having me design his logo so that the logo resembles the season eg: On Christmas his logo would include a Santa Clause and on Halloween there would be a pumpkin within his logo etc... You get the idea... I want to design each logo and have them change at the appropriate time of year. Thank you all in advance Similar TutorialsI'm attempting to center the logo / table located at the top of the page. I tried several various forms of alignment commands, all with no success. Any help is appreciated. Site: http://blog.camhabib.com I'm starting to develop a (rudimentary) website for my sis. I've noticed a little graphic glitch in IE only. What's the best forum to post my question? HTML? CSS? Here's the page in question: http://www.coldvalleyfarm.com/sheep.htm In IE only, at the bottom of the left row of pictures, there's a small white square with a white dot in the middle. Any idea what could be causing that? I've validated the pages, but I know IE isn't always compliant. This is with IE 7.0, btw. Thanks in advance! On some websites where you type in the link and you are on the site in front of the link where normally E for the internet they change it to an image. Here is an example http://www.bf2player.com click on the link and look at the address bar. HOW CAN I DO THAT. Please Help MCBGamer. In Opera, IE 8, and Chrome, a single graphic image on my webpage apprears distorted. It looks fine in Firefox. The website is the main page of cousincouples.com and the problem is the yellow pixels/yellow line at the very bottom left of the page (Left of the copyright information). One of the graphics appears to wrap within the cell! If anyone could point me in the right direction, I would appreciate it. Hi Am here to look for some help about a problem I can't seem to "overcome" in the layout of my website. I put the background in bright pink so the problem kinda "jumps" to the eye. It is available here : http://www.guitarbattle.fr/gb_test.html or you can also copy and paste this code in an HTML document and see how it behaves (this is a full copy of the source code of that page linked above) : HTML Code: <HTML> <HEAD> <TITLE>Guitar Battle</TITLE> </HEAD> <body bgcolor=ff00ff> <br><br> <center> <table CELLSPACING="0" CELLPADDINg="0" BORDER="0"> <tr> <TD colspan="5"> <img src="http://www.guitarbattle.fr/interface_haut.jpg"> </TD> </tr> <tr> <TD rowspan="2"> <img src="http://www.guitarbattle.fr/interface_gauche.jpg"> </TD> <TD> <img src="http://www.guitarbattle.fr/interface_situ.jpg"> </TD> <TD> <img src="http://www.guitarbattle.fr/interface_prin.jpg"> </TD> <TD rowspan="2"> <img src="http://www.guitarbattle.fr/interface_video.jpg"> </TD> <TD rowspan="2"> <img src="http://www.guitarbattle.fr/interface_droite.jpg"> </TD> </tr> <tr> <TD colspan="2"> <img src="http://www.guitarbattle.fr/interface_part.jpg"> </TD> </tr> <tr> <TD colspan="5"> <img src="http://www.guitarbattle.fr/interface_bas.jpg"> </TD> </tr> </table> </center> </HTML> I hope someone can tell me what mistake I did that makes the various parts not well aligned and loosing 1 to 3 pixels here and there. Thanks a lot ! Hi guys, I'm very new here - literally just searched the web for help on this problem which has been plaguing me for some time... I'll post the code below, but basically, the div_id centre_image, the body text and the right hand side graphics are correctly formatted just in the wrong place! I need them to be to the right hand side of the Left hand menu... I'm hoping I make sense!? There is CSS as well but not sure whether or not this is a CSS issue or html! I would be really greatful if someone could help me out. I'm fairly new to website design but am trying my best using various tutorials on the web and compile something half decent! Thanks in advance, Graham. 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>Double Glazing | Windows | Doors | Conservatories | Rooftrim</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="email_header"><a href=" mailto: xxxx@zurichtitanium.com">xxxx@zurichtitanium.com</a></div>
</div>
<div id="blue_banner">
<h1>Double Glazing Worcester</h1>
</div>
<div class="cleaner"></div>
<div id="menu_wrap">
<div id="tabs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Windows</a></li>
<li><a href="#">Doors</a></li>
<li><a href="#">Conservatories</a></li>
<li><a href="#">Rooftrim</a></li>
<li><a href="#">Get a Quote</a></li>
</ul>
</div>
</div>
<div id="holder">
<div id="lhs_menu_wrap">
<div id="windows_menu">
<ul>
<li><a href="#">Sleek White</a></li>
<li><a href="#">Woodgrain Collection</a></li>
<li><a href="#">Specialist Finishes</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">Energy Saving</a></li>
<li><a href="#">Maintenance Free</a></li>
<li><a href="#">The Logical Choice</a></li>
</ul>
</div></div>
<div id="centre_image">
<div id="centre_LHS_pic"></div>
<div id="centre_RHS_pic"></div>
<div id="getquote_button"><a href="#">Get a Free Quote...</a></div>
</div>
<div id="RHS_Content">
<div id="rhs_window_offer">Double Glazed Windows...<div id="win_text1"><a href="#">Get Quote</a></div></div>
<div id="rhs_cons_offer">Your New Conservatory...<div id="win_text2"><a href="#">Get Quote</a></div></div>
<div id="rhs_trim_offer">Transform Your Roofline...<div id="win_text3"><a href="#">Get Quote</a></div></div>
<div class="guarantee_logo"></div>
</div>
<div id="body_text">
If you are considering enhancing your home, you owe it to yourself to get a professional consultation. At Zurich Titanium we pride ourselves on giving you exactly what you want. Whether it be treating yourself and your home to new <h2>double glazing windows</h2>, <h2>doors</h2>
or a <h2>conservatory</h2>, invite us to show you what we can do. We guarantee you won't be disappointed.
<p>We offer a fully customisable suite of Home Improvement Products, tailor made for your home, to ensure you get what you want and need, and not wasting money on features you'll never use. With our own highly skilled installers, we are able to keep quality control in house, enabling us to give, as standard, the unrivalled <b>Zurich Titanium 10 Year Guarantee</b> on all work undertaken.</p> <p>Our bespoke quotation service, available totally free of charge, will allow you to design the windows or doors, conservatory or roofline, most suited to your home, give you an accurate assessment of the work involved, and of course an exact price.</p>
<div id="body_footer"></div>
</div>
</div>
<div id="footer">Zurich Titanium Home Enhancements Ltd, Registered in England and Wales xxxxxxxx. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.</div>
</body>
</html>
And CSS to follow... It may be somewhat rough around the edges; different hints and tips put together from across the web! Thanks so far Michael... Hey guys I'm having a terrible time getting some graphic logos to layout. I know the coloring right now is not looking up to par either so don't judge me too bad I have a header div with a nav div inside and then a content div below this with a swf slide show inside. Basically inside the header div I have 5 graphics and then a nav div nested inside below that. My problem is that I want 2 of the logos aligned to the left and close to centered up/down inside the header div, then I want the main masthead logo centered in the middle of the header div up/down and left/right, and finally I want the other 2 logos floated right and centered up/down. I'm trying various methods and the best I have so far shows the middle masthead logo not correctly centered, and the 2 left logos floating left, but the far 2 right logos do not show up at all. The page is located at http://www.atlanta-web.com and I'll past all of my code below. index.html snippet Code:
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#000080" alink="#800000" leftmargin="0" topmargin="5" marginleft="0" margintop="5">
<script type="text/javascript" src="fsmenu_commented.js"></script>
<script type="text/javascript" src="menuset.js"></script>
<link rel="stylesheet" type="text/css" href="listmenu_h.css" />
<link rel="stylesheet" type="text/css" href="listmenu_h_settings.css" />
<style type="text/css">
#navitoolbarcontainer a {
line-height: 16px;
}
</style>
<div id="header">
<img class="award1" src="nahb.gif" /><img class="award2" src="gahomebuilders.gif" />
<center><img src="Jhomes.jpg" /></center>
<img class="award3" src="southernlivingmember_sm.gif" /><img class="award4" src="lobb.gif" />
<!-- START TOP TOOLBAR -->
<!--<div id="heightcontainer"></div>-->
<div style="width: 100%;" id="navitoolbarcontainer">
<div style="margin: 0px; padding: 0px; width: 100%;">
<div id="navitile" style="width: 100%;">
<ul class="menulist" id="listMenuRoot" style="height:22px;">
<li style="margin-top:0px;">
<a class="gt" href="index.html" style="font-size: 10px; font-family: arial,verdana,helvetica; text-decoration:none;"> <b>Jeffery Homes Inc.</b> </a>
<ul id="listMenu-id-1">
.
.
.
NAV Bar HTML Cut for space sake
.
.
.
<div style="margin-top: 0px;" id="lightgrey">
</div>
</div>
</div>
</div>
</div>
<div id="content" style="width: 100%; background-color: #6B6637">
<div id="slideshow">
<object width="600" height="350">
<param name="movie" value="slideshow1.swf" wmode="transparent">
<embed src="slideshow1.swf" width="600" height="350" wmode="transparent">
</embed>
</object>
<br />
<br />
</div>
</div>
<!-- END TOP TOOLBAR -->
css file1 Code: @charset "UTF-8";
a.gt{ text-decoration:none}
a.gt:hover{text-decoration:none}
a.gt:visited{text-decoration:none}
a.gt:link{text-decoration:none}
a.gt:active{text-decoration:none}
#header { margin: 0px; padding: 0px; width:100%; min-width:830px; width:100%; background-color: #AFAB73; position: absolute; left: 0px; top:0px; font-family: arial, verdana, helvetica; font-size: 8px; white-space: nowrap; z-index: 0}
.award1 { float:left }
.award2 { float:left }
.award3 { float: right }
.award4 { float: right }
#navitile{width:820px; margin-left:0px; height:22px; background-repeat:repeat-x; position:absolute; color: #F2FFE4; left:0px; top: 0px; font-family:arial,verdana,helvetica; font-size:8px; white-space:nowrap; }
#navtile a{ color: #F2FFE4 }
#navitoolbarcontainer{width:100%; min-width:830px; width:100%; height:22px; position:absolute; top: 100px; left:0px; font-family:arial,verdana,helvetica; font-size:8px; background-image:url('background_end_fixed.png'); background-repeat:repeat-x; white-space:nowrap; margin:0px; padding:0px; z-index:1000}
#navitoolbarcontainer a{color: #F2FFE4}
#content {margin: 0px; padding: 0px; width:100%; min-width:830px; width:expression('100%'); position: absolute; left: 0px; top: 122px; font-family: arial, verdana, helvetica; font-size: 8px; white-space: nowrap; z-index: 1}
#slideshow {
margin: 0 auto;
position: relative;
top: 30px;
height: 480px;
width: 600px;
}
#heightcontainer{position:relative; height:17px; width:99%; background:transparent;}
#globalform{padding:0px; margin:0px}
#lightgrey{text-align:left; color: #F2FFE4; text-indent:5px; background-image:url('background_end_fixed.png')}
#lightgrey .inputglobal{font-size:9px; font-size:expression('8px'); text-align:left; margin-top:0px; margin-left:2px; background-repeat:no-repeat}
#lightgrey .inputglobal:hover{font-size:9px; text-align:left; margin-top:0px; background-color:#ccc}
#lightgrey a{font-family:sans-serif; text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px; padding:0px; top:1px; top:expression('-2px'); position:relative}
#lightgrey a:link{text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px}
#lightgrey a:visited{display:inline; text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px; padding:0px; margin:0px}
#lightgrey a:active{display:inline; text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px; padding:0px; margin:0px}
#lightgrey a:hover{display:inline; text-decoration:none; color:#fcf2ca; text-decoration:none; FONT-SIZE:10px; padding:0px; margin:0px}
A lot of this css is for the menus that i found on a site and have highly modifed, but I've used class/id's for most of everything so it should be easy to see what is what. Thanks for any help that you all can provide. This site has been a godsend for getting help. I created a sliced image / navigation in Fireworks CS5 and implemented it on a page with success. I then attempted to implement the same code to the header of a WordPress theme, giving me some issues. The actions work correctly, but the images are significantly lower, blocking a portion of the remaining page, and not correctly aligned with one another. I checked for conflicts in the CSS, as well as other simple errors, but couldn't really find what the cause was. Any suggestions? Homepage (correctly displayed graphic): http://camhabib.com WordPress (incorrectly displayed): http://blog.camhabib.com Hi, I was trying to get the system date on a form and an excel spreadsheet, but with no success.I am new to the web concept.Any help will be appreciated. Thanks, Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! Hi, I was wondering if anyone knew how to make the second date in the following code default to 1 year ahead of the first date <td><strong>Issue Date:</strong> <td><script>DateInput('issue_date', true, 'MON-DD-YYYY')</script><td align="left"><font color="red">*</font> <tr> <td><strong>Valid Thru:</strong> <td><script>DateInput('valid_thru', true, 'MON-DD-YYYY')</script><td><font color="red">*</font> Thank You Why is it that thise date appears in front of my website, and others dont have that date? Im not understandinng how it got there.. should I use another doctype or something? Its my first site that has gotten it. Ive done some digging and found that its not removable........ but, i fear that it replaces some words from my meta descriptions.. Does anyone have some advice? Or a way to remove it. Appreciate it. thanks How do I get the little symbol to appear before the date 2010? the date for 2011 has one ,but I can't get one for 2010.I can't find it in the code I've saved.Thanks http://www.imagebam.com/image/da0c19113490618 <h3><strong><strong>2010</strong></strong></h3> <blockquote> <strong><strong><a href="http://www.youtube.com/user/RockandRollIncTV" target="_blank">Rock & Roll,Inc</a><br> <a href="http://www.examiner.com/horror-in-national/exclusive-interview-with-actress-kelli-maroney-1" target="_blank">Horror Examiner Interview</a><br> </strong></strong></blockquote Hi M8's I am struggling a bit here I am no HTML expert but I am sure someone out there will say - hey! that's easy man. I wnat to put a date on my web site that shows 10 days ahead of the live date and changes every day to maintain that gap, anyone any ideas. regards Hi, I just changed my template using one of the top 20 from blogbuster.com. Anyways, now that I have changed it, the time i posted is showing as "undefined, undefined" I'm not very good with html so I'm not sure what I should do. Can anyone help me? My blog is at readerrabbit.blogspot.com Thank you. Html coding :The html coding for the layout is : <?xml version="1.0" encoding="UTF-8" ?> <!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' xmlns:b='http:// www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/ data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* /* Theme Name: CreativeArt Theme URI: http://freethemelayouts.com/ Description: Designed by <a href="http://freethemelayouts.com">FTL</ a>.<br> This work is licensed <a href="http://creativecommons.org/ licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use. Version: 1 Author: FreeThemeLayout/DreamTemplate Author URI: http://www.freethemelayouts.com/ */ body { background: #dde4dc url(http://i425.photobucket.com/albums/ pp336/creativeartimages/bg.gif) center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;} html { padding: 0; margin: 0;} a:link { text-decoration: none; color : #9f974b; border: 0px; -moz- outline-style: none;} a:active { text-decoration: underline; color : #9f974b; border: 0px; - moz-outline-style: none;} a:visited { text-decoration: none; color : #9f974b; border: 0px; -moz- outline-style: none;} a:hover { text-decoration: underline; color : #7f262e; border: 0px; - moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} .clr { clear:both;} h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans- serif;} img { padding: 0px; margin: 0px; border: none; text-align: center;} hr { border-left:0px solid #7f262e; border-right:0px solid #7f262e; border-top:0px dotted #7f262e; border-bottom:1px solid #7f262e; height : 1px; } form { padding: 0px; margin: 0px;} input { font-family: 'Verdana'; color: #282b31; font-size: 11px;} textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;} select { font-family: 'Verdana'; color: #282b31; font-size: 11px;} #bgcontainer { width: 1000px; margin: 0 auto; padding:0; background:url (http://i425.photobucket.com/albums/p...ages/right.jpg) no-repeat top right;} /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Header { height: 158px;} /* */ .Syn { height:110px; width:119px; background: url(http:// i425.photobucket.com/albums/pp336/creativeartimages/rss.jpg) no-repeat right; float:left;} .Syn ul { margin: 0px; padding: 50px 0px 10px 0px;} .Syn li { margin: 0px 5px 0px 0px; padding: 0px 10px 0px 20px; list- style-type: none; font-size: 9px; color:#c5793d; font-weight: normal;} .Syn li a {color:#c5793d; } .Syn li a:visited {color:#c5793d; } .Syn li a:hover {color:#81292e; } .Header { width: 840px; position:relative; height: 158px; background:url(http://i425.photobucket.com/albums/pp336/ creativeartimages/hed_t.jpg) no-repeat right bottom;} .Logo { float: left; background: url(http://i434.photobucket.com/ albums/qq62/gosuimages/1111log.jpg) no-repeat; width: 310px; height: 158px;} .Header .LogoText h1 { font-size:50px; line-height:55px; letter- spacing:-2px; padding:53px 25px 0 0; margin:0; font:bold 28px Arial, Helvetica, sans-serif; text-align:right;} .Header .LogoText a { color: #fffcd3; text-decoration:none; width: 310px; height:158px;} .Header .LogoText a:visited { color:#fffcd3; text-decoration:none; } .Header .LogoText a:hover { color:#fffcd3; text-decoration:none; } .Header .Desc { color:#eeede5; line-height:14px; font:bold 14px Arial, Helvetica, sans-serif; padding:5px 10px 0 0; margin:0; text- align:right;} /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++ */ .Menu { padding: 0px 0px 0px 0px; float: left;} .Menu em { display: none;} .Menu ul { list-style: none; margin: 0px; padding: 0px;} .Menu ul li { padding: 0px; margin: 0px; display: inline; float: left; } .Menu ul li a { padding: 0; margin:0; outline:0; line-height:0;} /* Container ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++ */ .CON { width: 840px; padding:0px; margin:0; } /* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++ */ .SC { width: 507px; float: right; background:url(http:// i425.photobucket.com/albums/pp336/creativeartimages/bl_bg.gif);} .head_bg { background: url(http://i425.photobucket.com/albums/pp336/ creativeartimages/b_bg.jpg) no-repeat top;} .foot_bg { background:url(http://i425.photobucket.com/albums/pp336/ creativeartimages/b_bot.jpg) no-repeat bottom; padding: 10px; min- height:696px;} .pagetitle { font-size: 24px; line-height: 24px; font-weight: bold; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1;padding: 15px 0px; margin-top: 0px; color:#303030;} /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++ */ .Post { padding: 10px 0px;} .PostHead { border:0; padding: 5px; } .PostHead h2 { font-size: 24px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 10px 10px; margin: 0px; color:#303030; background:url(http://i425.photobucket.com/albums/pp336/ creativeartimages/line.gif) no-repeat bottom;} .PostHead h2 a { color: #303030; text-decoration: none;} .PostHead h2 a:visited { color: #303030; text-decoration: none;} .PostHead h2 a:hover { color:#303030; text-decoration: underline;} .PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;} /**/ * html .PostTime { } /**/ .PostTime { padding: 3px 0px 3px 20px; margin: 5px 0px; color:#6699ff; background:url(http://i425.photobucket.com/albums/pp336/ creativeartimages/nt_l.gif) no-repeat left; line-height: 18px; } .PostTime strong { font-weight: normal; font-size: 14px;} .PostTime .day { font-size: 14px;} .PostTime .month { font-size: 14px;} .PostTime .year { font-size: 14px;} .PostHead small {padding:3px 10px 3px 0px; margin: 0px; font-size: 14px; line-height: 18px; font-weight: normal;} .PostAuthor { color:#5c6f6c; } .PostCat { color:#5c6f6c; background: #dbd9c6 url(http:// i425.photobucket.com/albums/pp336/creativeartimages/nt_r.gif) no- repeat right; padding:3px 10px 3px 0px; } .PostCat a { color:#7f262e; text-decoration: none; } .PostCat a:visited { color:#7f262e; text-decoration: none; } .PostCat a:hover { color:#7f262e; text-decoration: undreline; } .PostContent { padding: 10px 0px 0px 0px; font-size: 11px; line- height: 1.4em ; color:#303030; font-family:Verdana, Arial, Helvetica, sans-serif;} .PostContent p { font-size: 11px; line-height: 1.4em; color:#303030;} .PostContent p strong {} .PostContent img {} .PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; } .PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line- height: 15px; color:#929292; } .PostContent ul { padding: 5px 0px 5px 25px; margin: 0px; } .PostContent ul li { padding: 2px 0px 2px 0px; font-size: 11px; line- height: 15px; color:#929292; } .PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;} .PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;} .PostContent blockquote li { padding: 2px 0px 2px 15px; list-style- type: none; font-size: 12px; line-height: 15px;} .PostContent blockquote a { color:#7f262e;} .PostContent blockquote a:visited { color:#7f262e;} .PostContent blockquote a:hover { color:#7f262e; text- decoration:underline;} /**/ * html .PostContent p img {} /* */ .PostContent p img { max-width: 420px;} .PostContent p img { width:expression(this.width > 420 ? "420px" : this.width); } .PostContent img { margin: 0px 10px 10px 0px; float: left;} .PostCom { border-top:1px solid #d3d4ce; padding:10px 0;} .PostCom ul { padding: 0px; margin: 0px;} .PostCom li { padding: 5px 0px 5px 25px; margin: 0px 5px 0px 0px; list- style-type: none; display: inline; color:#2a688c; font-size: 14px; } .PostCom li a { font-weight: normal; text-decoration: underline; color:#7f262e;} .PostCom li a:visited { font-weight: normal; text-decoration: underline; color:#7f262e;} .PostCom li a:hover { font-weight: normal; text-decoration: none; color:#7f262e;} .PostCom .Com { background: url(http://i425.photobucket.com/albums/ pp336/creativeartimages/ct.gif) no-repeat left center; } .PostCom .Tags { padding-left: 0px;} Hello, I have the following form on my webpage, however I need to modify the code so that where it says value ="20080916", i.e. todays date in the format YYYYMMDD, I need it to change to whatever the date is on the particular day that the site is accessed and the form used. Any ideas? Thanks Damian <form action="http://logis.korail.go.kr/driveinfo/TrainDriveSearchp.jsp" method="get"> <input name="opsDd" type="hidden" id="opsDd" value="20080916"> <p align="center"> <!--webbot bot="Validation" B-Value-Required="TRUE" I-Minimum-Length="5" I-Maximum-Length="5" --> <input name="trnNo" id="trnNo" style="font-family: Arial;" size="3" maxlength="4"> <input name="pageNo" type="hidden" id="pageNo" value="1"> </p> <p align="center"> <input type="submit" value="Submit" style="font-family: Arial; font-weight: bold"> </p> </form> Can anyone help me add a date to my form? This is HTML, not PHP. I have tried using a JAVA script to create a date variable. I cannot figure out how to get this variable into my form and have it SUBMIT properly. Thanks rmsowell123 This might be a .css question, but I have several html pages with a copyright date at the bottom, and I want to be able to change the date from within a text file and display that date (use a function to open the text file) so that I can just change the text file instead of every html page. Maybe there's an easier or more logical way of accomplishing this, so I'm open to any suggestions. I just revamped my blog using a pre-made template. I have changed the background successfully, but the date seems to not be working. Could someone please tell me how to fix it? i already checked my setting on Blogspot, so it must be the HTML code from the template I used. I've looked all through the HTML, but I didn't see anything about a date stamp. This is the template I used: http://www.bloggerstyles.com/paper-c...gger-template/ And this is my blog, so you can see what I mean: http://supopi.blogspot.com Any help would be extremely appreciated! Hi Guys, Code: <TD colspan="4" class="csPMacro_css_tiTD" id="CSP_ESSentDate">ES Date</TD> <TD colspan="5" class="csPMacro_css_coTD"> <input type="Date" style="width:100%; height:20px; " id="CSP_ESSentDate" /> </TD> My form is using this piece of code which displays a date by picking from our database , now it displays the date in this format YYYY-MM-DD , can i make it display in mm/dd/yyyy ?? Please help ... i am very new to this... |
|||||||