ELATED: ELATED.com Site Help http://www.elated.com/ Need help with the PageKits, ActionKits, ImageKits or any other Elated resource? Post your questions here! en-us Sun, 12 Feb 2012 09:29:18 GMT Sun, 12 Feb 2012 09:29:18 GMT http://blogs.law.harvard.edu/tech/rss ELATED.com feeder recovery disc w-7 trying to create http://www.elated.com/forums/topic/5409/#post22307 From: jacobi


new hp windows 7
I'm trying to create recovery disc and I started it and didn't get the dvdr
in fast enough and it started,you can't stop it once it starts.
So after it copied the partition or tryed to.
I started and put the dvdr in this time but I wonder if I didn't ruin the
part of the drive I need to make the recovery disc.
How can I check to see if the dvdr I had in there has the information
I need in case down the road I need it?
Would I just put the dvdr in the computer and open it at the hard drive?
Maybe see the files there?
I had w-xp before and I had no trouble making recovery disc there. jacobi

View » | Reply »

]]> Sat, 11 Feb 2012 20:52:42 GMT http://www.elated.com/forums/topic/5409#post22307 Re: help with mute sound http://www.elated.com/forums/topic/5403/#post22287 From: matt


@mjt: Sorry, I don't work much with Flash these days, and anyway, it all depends on the code inside "flashHeader.swf", which I can't see. At a guess though, assuming this Flash movie accepts a "mute" parameter, then you'd probably want to set mute=1, not mute=0 ?

That's about as far as I can help I'm afraid.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Wed, 08 Feb 2012 05:18:35 GMT http://www.elated.com/forums/topic/5403#post22287 help with mute sound http://www.elated.com/forums/topic/5403/#post22269 From: mjt


Hi,

I hope I have posted on the right forum....my apologies if I didn't

I was wondering if somebody could please help me with this code
I just added to my website....I want to keep the animation but mute
the sound of the fireworks.....didn't realize that it would be as loud
as it is for some people....could somebody help me mute the sound
I have tried the code below, but apparently I didn't do it properly
because its still booming....any help would be greatly appreciated
and my sincere thanks in advance


Here is the code I'm trying to edit.............


[CODE]<div id="I914_html"><center><object width="465" height="320"><param name="movie" value="http://www.notcelebrity.co.uk/flashcontent/flashHeader.swf?thename=Class+Act+Spaders&mute=0"></param><param name="wmode" value="transparent"></param><embed src="http://www.notcelebrity.co.uk/flashcontent/flashHeader.swf?thename=Class+Act+Spaders&mute=0" type="application/x-shockwave-flash" wmode="transparent" width="465" height="320"></embed></object><br /><small></a></small>[CODE]

View » | Reply »

]]> Fri, 03 Feb 2012 21:57:29 GMT http://www.elated.com/forums/topic/5403#post22269 Re: IE8 start in quriks mode http://www.elated.com/forums/topic/5305/#post21528 From: matt


@heat21: The doctype looks OK. Are you sure you don't have anything before the doctype in the markup? That can trigger quirks mode in IE8.

Also how are you determining that IE8 is running in quirks mode?

You can also ensure IE8 isn't using the IE7 rendering engine with:


Code:
--------------------
<meta http-equiv="X-UA-Compatible" content="IE=8" />
--------------------


--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Wed, 05 Oct 2011 04:49:28 GMT http://www.elated.com/forums/topic/5305#post21528 IE8 start in quriks mode http://www.elated.com/forums/topic/5305/#post21516 From: heat21


i dont know why
i suspect there is someting wrong with my doctype IE8 seams to start in quirks mode.


Code:
--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
--------------------




Thanks

View » | Reply »

]]> Sat, 01 Oct 2011 06:24:25 GMT http://www.elated.com/forums/topic/5305#post21516 Re: CMS Help http://www.elated.com/forums/topic/5180/#post20641 From: matt


Hi Chris,

So all the dates you're seeing in phpmyadmin are December 31, 1969?

Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Thu, 14 Apr 2011 12:04:06 GMT http://www.elated.com/forums/topic/5180#post20641 Re: CMS Help http://www.elated.com/forums/topic/5180/#post20629 From: christopherjc


Hi Matt,

Yeah, that was me. I think I had remembered you asking me to post a new thread if I was still having a problem. So here I am lol.

I did see in phpmyadmin that the dates are showing up in the database. But whenever I make a new article, it always populates the same date - which is the December 31, 1969. It never populates the accurate date in the database and I'm not sure what's wrong.

Thank you for any help you can provide.

Chris

View » | Reply »

]]> Tue, 12 Apr 2011 08:03:07 GMT http://www.elated.com/forums/topic/5180#post20629 Re: CMS Help http://www.elated.com/forums/topic/5180/#post20628 From: matt


Hi Chris,

Is this the same problem you mentioned in http://www.elated.com/forums/topic/5114/#post20487 ? Did my reply there help at all?

Cheers,
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Tue, 12 Apr 2011 07:19:57 GMT http://www.elated.com/forums/topic/5180#post20628 CMS Help http://www.elated.com/forums/topic/5180/#post20624 From: christopherjc


Hello,

I'm having problems with the CMS Tutorial. I got everything working on it, but when the dates are not appearing correctly when a new article is posted. I believe I have everything set up correctly in the database. Do you know what the problem might be?

Thanks!

Chris

View » | Reply »

]]> Tue, 12 Apr 2011 02:42:30 GMT http://www.elated.com/forums/topic/5180#post20624 Re: How to place an image in the menu navigation http://www.elated.com/forums/topic/5172/#post20584 From: matt


@Gemini: Put your img tag at the end of your "smoothmenu1" div, just after the clearing <br> element, and float it right.


Code:
--------------------
<div id="smoothmenu1" class="ddsmoothmenu"><!-- The Menu -->
  <ul>
  ...
  </ul>
  <br style="clear: left" />
  <img src="yourimage" style="float: right;" />
</div>
<!-- End of Menu -->
--------------------


Not sure what you mean by "image script" - there are quite a few different scripts included in that page. (Too many in my opinion!) You'll find all the script linked to using <script> tags in the document head - just remove the one(s) you don't need.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Tue, 05 Apr 2011 10:31:11 GMT http://www.elated.com/forums/topic/5172#post20584 Re: How to place an image in the menu navigation http://www.elated.com/forums/topic/5172/#post20572 From: Gemini


Hi, sorry for making a mess, but thanks for looking into the this.

In fact, its not a float right I need, I want an overlay I think, however I am having other code errors with this template.

This was my first client and I am getting really stressed out, I dont want to upset my first customer, as they say first impressions last!

If you coudl help me I would be honoured and would even said a drink to your paypal address, I have tried a few bits of code already, none of it worked.

Also please bare in mind, that the code thats on the site live is wrong from my febel attempts to make this work, I have been editing the version offline now.

http://img638.imageshack.us/i/acexecu.png/
www.ac-executives.com

Also, I would love to know how to remove the image script found on the vehicles page, as I dont really need it.

Thanks in advance my friend.

View » | Reply »

]]> Mon, 04 Apr 2011 14:51:19 GMT http://www.elated.com/forums/topic/5172#post20572 Re: How to place an image in the menu navigation http://www.elated.com/forums/topic/5172/#post20567 From: matt


Hi Gemini, welcome to the forums!

Well you probably just want to put an img tag after the navigation list, and float it right in your CSS. Or if you want the image to be clickable then add a link instead, and add the image as a background on the link using CSS.

I can't really help further without seeing your actual page with the markup, CSS and images in place. Can you post the URL of the page with the problem please?

Cheers,
Matt

PS: Please use the code (<>) button when posting code in the forum - makes it much easier to read.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Mon, 04 Apr 2011 10:15:11 GMT http://www.elated.com/forums/topic/5172#post20567 How to place an image in the menu navigation http://www.elated.com/forums/topic/5172/#post20559 From: Gemini


Hi there, I really could do with some help, I have been working on a friends website for his business and everything was going pretty well modifying a template I bought.

I am not clueless when it comes to CSS or html, however, I am by far an expert.

I have come to a standpoint as I dont know how to do what I require for the site.

You will see the image below, and hopefully this is self explanatory. I just need an image placed where you see under the menu nav, possibly with a rollover image, or just a still image.

Please could some kind soul help me. This is what the index file looks like.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="wrapper">
<div id="topwrapper"></div>
<div id="mainwrapper">
<!-- Header Start -->
<div id="header">
<div class="center">
<!-- Logo Start -->
<div id="logo">
<a href="./index.html"><img src="./images/logo.png" alt="logo" /></a>
</div>
<!-- Logo End -->

<div class="sidebartop" id="headerright">

<!-- Menu Navigation Start -->
<div id="mainmenu">
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="http://www.a.com" class="selected">Home</a>

<li><a href="./about.html">About</a>
<ul>
<li><a href="#">Our Company</a></li>
<li><a href="#">Vision and Mission</a></li>
<li><a href="#">Testomonials</a></li>
</ul>
</li>
<li><a href="#./services.html">Services</a>
<li><a href="./vehicles.html">Vehicles</a>
<ul>
<li><a href="#">Saloons</a></li>
<li><a href="#">6 Seaters</a></li>
<li><a href="#">Mercedes E/S Class</a></li>
<li><a href="#">Viano</a> </li> </ul>
</li>
<li><a href="./testimonial.html">Testomonials</a>
<ul>
</ul>
<li><a href="./contact.html">Contact</a></li>
</ul>
</div>
</div>

<!-- Menu Navigation End -->
</div>
</div>
</div>

<!-- Header End -->

http://img638.imageshack.us/i/acexecu.png/

[Edited by Gemini on 02-Apr-11 10:53]

View » | Reply »

]]> Sat, 02 Apr 2011 15:52:38 GMT http://www.elated.com/forums/topic/5172#post20559 Re: Removing posts. http://www.elated.com/forums/topic/5170/#post20547 From: matt


@TruthConquers: OK, done

Thanks for the compliment!

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 01 Apr 2011 11:57:37 GMT http://www.elated.com/forums/topic/5170#post20547 Re: Removing posts. http://www.elated.com/forums/topic/5170/#post20546 From: TruthConquers


That would be great, thank-you.

Thanks for a top class site.

View » | Reply »

]]> Fri, 01 Apr 2011 11:39:41 GMT http://www.elated.com/forums/topic/5170#post20546 Re: Removing posts. http://www.elated.com/forums/topic/5170/#post20539 From: matt


@TruthConquers: Ah, yes!

Would you like me to delete the whole topic?

Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Thu, 31 Mar 2011 09:51:44 GMT http://www.elated.com/forums/topic/5170#post20539 Re: Removing posts. http://www.elated.com/forums/topic/5170/#post20538 From: TruthConquers


Hi Matt,

I get this "* You do not have permission to edit this post. You can only edit posts if you originally posted them and they have not been replied to, or if you are a forum moderator or administrator."

http://www.elated.com/forums/topic/5115/

This one seems troublesome to them. I should of thought about being more discrete.

Sorry for any trouble.

View » | Reply »

]]> Thu, 31 Mar 2011 09:24:00 GMT http://www.elated.com/forums/topic/5170#post20538 Re: Removing posts. http://www.elated.com/forums/topic/5170/#post20532 From: matt


@TruthConquers: You should be able to edit a post to remove content I think. If not then email me with the post you'd like to delete, and I'll delete it for you.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Wed, 30 Mar 2011 10:31:16 GMT http://www.elated.com/forums/topic/5170#post20532 Removing posts. http://www.elated.com/forums/topic/5170/#post20527 From: TruthConquers


Is it possible to remove a post, especially as posts which link a clients website are causing them some consternation.

View » | Reply »

]]> Tue, 29 Mar 2011 23:23:41 GMT http://www.elated.com/forums/topic/5170#post20527 Re: Javatabs - Focus first form field in tabContent div when that tab is activated? http://www.elated.com/forums/topic/5083/#post20040 From: Stanley


Thanks Chris - I'll give it a go. I did take a (very) quick look but I think I must have put it in the wrong place because a) it didn't work, and b) when I clicked on the three tabs with the forms on, in succession, the content of each unhid itself and stacked up on the page, and the tabs I clicked all remained in the active (big) state.

Interesting effect - but not quite what I was looking for.

On further investigation my forms all have the same name - but I'm not sure if that's what's causing the problem, or if I've just been placing the code in the wrong place (I added it just above the "else" statement in function showTab).

I'll have a play around with it and report back if I can get it to work.

View » | Reply »

]]> Sun, 05 Dec 2010 21:13:19 GMT http://www.elated.com/forums/topic/5083#post20040 Re: Javatabs - Focus first form field in tabContent div when that tab is activated? http://www.elated.com/forums/topic/5083/#post20039 From: chrishirst


use



Code:
--------------------
document.formname.elementname.focus();
--------------------



in your tab activation function.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/

View » | Reply »

]]> Sun, 05 Dec 2010 19:57:13 GMT http://www.elated.com/forums/topic/5083#post20039 Javatabs - Focus first form field in tabContent div when that tab is activated? http://www.elated.com/forums/topic/5083/#post20028 From: Stanley


I hope my post title says it all - I'm using your java tabs to put together a little web application and it works grrrreat! Thanks.

But I have a form in three of the tab content divs on my page and, while setting the focus on the first field of the page should be fairly easy for me to work out, what I'd really like is for the focus to shift to the first field in whichever tab was activated.

Can it be done?

I'm not sure if this helps but bear in mind that the first fields in each of these three forms are text fields with different names - but no IDs or classes have been assigned to them so I was wondering whether a possible solution might be to assign a class name to each and use getElementsByClassName somehow - but I'm just a old hack and far from being an expert in javascript.

[Edited by Stanley on 03-Dec-10 16:55]

View » | Reply »

]]> Fri, 03 Dec 2010 22:54:00 GMT http://www.elated.com/forums/topic/5083#post20028 Re: IE support for HTML5 elements. http://www.elated.com/forums/topic/5034/#post19778 From: matt


@knotdnot: A great free automated browser tester is http://browsershots.org/ . However this won't work for hover states (for obvious reasons).

You could of course just change your CSS temporarily to emulate the hover state, then run it through http://browsershots.org/ .

Generally though, there's no substitute for actually having the browsers to hand for testing! I run VMware Fusion on my Mac with 2 Windows VMs which gives me access to IE6/7/8 (and all Mac browsers of course).

Cheers,
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Thu, 14 Oct 2010 01:10:17 GMT http://www.elated.com/forums/topic/5034#post19778 Re: IE support for HTML5 elements. http://www.elated.com/forums/topic/5034/#post19774 From: knotdnot


Thank you Matt! Much appreciated. Will try that.

Quick question for you please and thank you:

Do you know of a useful tool that allows you to see if your site fully functions i.e., the transparent background for the figure:hover figcaption in various browsers such as IE 7/8? I don't think Adobe's Browserlab lets you.

Thank you!

View » | Reply »

]]> Wed, 13 Oct 2010 01:45:25 GMT http://www.elated.com/forums/topic/5034#post19774 Re: IE support for HTML5 elements. http://www.elated.com/forums/topic/5034/#post19771 From: matt


Hmm, the figures are in the right place for me (in IE7/8). They don't have the semitransparent grey background - that might be because you have a space between progId: and DXImageTransform :


Code:
--------------------
#wrapper #bits figure:hover figcaption{
  opacity: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
}
--------------------


Try:


Code:
--------------------
#wrapper #bits figure:hover figcaption{
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
}
--------------------


--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Tue, 12 Oct 2010 05:48:14 GMT http://www.elated.com/forums/topic/5034#post19771 Re: IE support for HTML5 elements. http://www.elated.com/forums/topic/5034/#post19763 From: knotdnot


Hi Matt!

Nice to be here.

Here is the url:

www.cabinetsdeart.com/personal portfolio/pages/fullpagead.html

Thank you so much.

ps: sorry for the broken link, you actually need to type in the whole address in order for you to see it. Thanks again.

[Edited by knotdnot on 11-Oct-10 02:37]

View » | Reply »

]]> Mon, 11 Oct 2010 07:32:06 GMT http://www.elated.com/forums/topic/5034#post19763 Re: IE support for HTML5 elements. http://www.elated.com/forums/topic/5034/#post19762 From: matt


Hi knotdnot, welcome to Elated!

We'll need to see the page with the problem - can you upload it somewhere and post the URL?

Thanks
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Mon, 11 Oct 2010 01:31:52 GMT http://www.elated.com/forums/topic/5034#post19762 IE support for HTML5 elements. http://www.elated.com/forums/topic/5034/#post19757 From: knotdnot


Hello. I have a question about making HTML5 elements work in IE browsers. I am trying the very helpful and much appreciated Smooth Fading Image Captions with Pure CSS3 tutorial from this very site. Yay!! Anyway, everything seems to work fine except for the fact that I can't get it to work in Internet Explorer. The figure caption and heading display below my image. And my figure (and figure caption) are not where I positioned them. In Firefox, they are positioned in the middle of my page. In Internet Explorer they are displaying on the far left side. Gahh! Any help would be great. Thanks.

View » | Reply »

]]> Sun, 10 Oct 2010 05:27:38 GMT http://www.elated.com/forums/topic/5034#post19757 Re: Tope help http://www.elated.com/forums/topic/4942/#post19139 From: cat


Hi there,

You need to copy and rename the file rather than opening the file and copying the contents.

(I assume from your wording that you are using some version of Windows, so I'm trying to give windows instructions from memory - years since I've actually used windows.)

So you need to:
open the tope folder - using windows explorer
select (rather than open) the index.html file - click it once with your mouse
use ctrl-C to copy the file and then ctrl-V to paste a new file
then I think it's F2 to rename the file. call the copy "tope.xml"
then you can open the new file with notepad to edit (see below if it tries to open in another application...)

Each file extension has a default application to handle (or open) it. (In your case .html is being handled by chrome.) If you need to use a different application to the default (e.g. you need to use a text editor) then you can click the item once and right click to bring up a context menu. In here there should be an option called something like "Open with ..." and then you can choose from a list of applications that can handle that type of file.

Hope that helps!
Cat

--
http://web.soothed.com.au/
Web design for natural therapists

View » | Reply »

]]> Sun, 02 May 2010 00:26:40 GMT http://www.elated.com/forums/topic/4942#post19139 Tope help http://www.elated.com/forums/topic/4942/#post19129 From: artcrator


Hi, last night I went through the step by step three times. Each time something different happened when I got to the testing part. I have been cutting and pasting the source code from the index page that comes up in Chrome. Is this where I am going wrong? The directions seem confusing, because in the beginning I am assuming that index.html is the index Chrome file, and that in order to get the code, I just leaped to going to 'view source' and cut and pasting the code from the Chrome html page. But I have no idea if this is what I am supposed to be doing. The only 'notepad' document is the style.css.
The directions state:
"Now, open the tope folder on your hard drive and find the index.html file. Copy this file to a new file called tope.xml. This will be your Blogger template. Open tope.xml for editing in your favourite text editor (I like to use Notepad on Windows and TextWrangler or vim on the Mac)."
What does it mean to open the index.html file and copy? If it does not mean to open the file in Chrome, then go to the upper right pull down window (in Explorer) and open the "view source" then where would I get the code to copy and paste? And further, "open tope.xml in your favourite text editor" but would the text editor already be open if I was cutting and pasting code?

View » | Reply »

]]> Fri, 30 Apr 2010 02:39:59 GMT http://www.elated.com/forums/topic/4942#post19129 Re: text position http://www.elated.com/forums/topic/873/#post19008 From: laura28


Me too had the same problem for my website and thanks Matt for the solution.

View » | Reply »

]]> Thu, 01 Apr 2010 07:06:57 GMT http://www.elated.com/forums/topic/873#post19008 Re: photoshop crop tool deleted everything http://www.elated.com/forums/topic/4891/#post18851 From: simon


Hi Ashes,

Welcome to the ELATED forums!

It's really hard to diagnose this one without seeing the PSD file to be honest. Even then, it might just be tricky. Could you post the file anywhere for us to download?

Simon

--
ELATED : )
http://www.PageKits.com
Professional Website Templates

View » | Reply »

]]> Wed, 03 Mar 2010 17:23:05 GMT http://www.elated.com/forums/topic/4891#post18851 photoshop crop tool deleted everything http://www.elated.com/forums/topic/4891/#post18841 From: Ashes


I was moving and cropping selections when suddenly instead of cropping the edges, my entire image disappeared and left a blue field. And it won't quit doing this. What did I do wrong?

--
I need help. I must have done something wrong in my Photoshop cs3. I was placing photo selections and cropping them when suddenly, instead of cropping my image disappeared and only blue was left. What happened and how can I make it go back to normal?

View » | Reply »

]]> Tue, 02 Mar 2010 07:16:44 GMT http://www.elated.com/forums/topic/4891#post18841 Re: help needed with Hilite please http://www.elated.com/forums/topic/4858/#post18667 From: simon


Hmm. That's odd - it worked on my local copy here. Can you upload what you have somewhere and post the web address so i can take a look, please?

Simon

--
ELATED : )
http://www.PageKits.com
Professional Website Templates

View » | Reply »

]]> Tue, 26 Jan 2010 10:46:02 GMT http://www.elated.com/forums/topic/4858#post18667 Re: help needed with Hilite please http://www.elated.com/forums/topic/4858/#post18664 From: sandym


Hi again. Thanks for replying so quickly. I tried this (see copy CSS code below) but no, it didn't do it - the text in the promo box is still black.
Would it work if I add a new paragraph style with colour #fff? As you can guess my knowledge is very limited and I really appreciate your help.
Thanks.

#top-promo-right p
{
font-size: 1.2em;
padding: 10px;
colour: #fff;
}

View » | Reply »

]]> Mon, 25 Jan 2010 11:13:51 GMT http://www.elated.com/forums/topic/4858#post18664 Re: help needed with Hilite please http://www.elated.com/forums/topic/4858/#post18659 From: simon


Hi Sandym,

Welcome to ELATED's forums!

You can define the colour for the text in the pink boxes by adding a "color" attribute to the "#top-promo-right p" definition in style.css.

It should then look like this:

#top-promo-right p
{
font-size: 1.2em;
padding: 10px;
color: #fff;
}

That should do it!

Hope that helps,

Simon

--
ELATED : )
http://www.PageKits.com
Professional Website Templates

View » | Reply »

]]> Sat, 23 Jan 2010 19:02:16 GMT http://www.elated.com/forums/topic/4858#post18659 help needed with Hilite please http://www.elated.com/forums/topic/4858/#post18657 From: sandym


Hi, I'm a beginner working on Hilite. I reversed the Pagekit colours (black background/white text) to white background/black text and that's fine except I really liked the original appearance of the white text in the pink promo boxes but don't know what to add or where to change the style sheet to achieve this. I would really appreciate it if someone could tell me what to do. I am using Dreamweaver MX & Photoshop. Thanks.

View » | Reply »

]]> Sat, 23 Jan 2010 17:30:47 GMT http://www.elated.com/forums/topic/4858#post18657 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18625 From: matt


Hi Ted, and welcome!

Your page looks OK to me. The text and button are centred correctly.

Checked on Firefox 3.5 Mac, Safari 4 Mac, IE8 Win.

I guess you fixed it?

Cheers,
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Tue, 12 Jan 2010 00:06:09 GMT http://www.elated.com/forums/topic/4562#post18625 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18621 From: Ted


I have used your css for the rollover button and it works great. I have it on an entry (welcome) page where the user clicks on the button to get to get to the next page (pretty normal). There are two lines of text centered in the page, one line above the graphic and one below. I want to get the graphic (button) also centered in the page but am not having any success.

Can you help? I think it is pretty basic but is also beyond me. ;-(

You can see the results so far at http://bcitra.bc.ca, thanks in advance for any help. This is the css that I am using to center the lines of text:

body{
text-align: center;
font-family: "comic sans MS", verdana, arial, sans-serif;
font-size: 1.8em;
background-image: url("images/granite.jpg");
color: #0000ff;
}

Cheers,
Ted

View » | Reply »

]]> Fri, 08 Jan 2010 01:31:28 GMT http://www.elated.com/forums/topic/4562#post18621 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18494 From: matt


Yes, that's correct. That code will centre a block-level element. (In fact you probably don't need the "text-align: center" at all, although it probably won't hurt to leave it in!)

Cheers,
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Mon, 07 Dec 2009 05:54:11 GMT http://www.elated.com/forums/topic/4562#post18494 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18492 From: toastyrat


ok, just found something in my css. But3 had:

Code:
--------------------
margin-left: auto;
margin-right:auto;
--------------------

Which was lining it up to the center.

Whereas But4 didn't. I applied the same css to But4 and it's in the center now.

Is this the right way Matt?

View » | Reply »

]]> Sat, 05 Dec 2009 09:41:06 GMT http://www.elated.com/forums/topic/4562#post18492 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18491 From: toastyrat


Matt, once again u are spot on... Thanks so much, everything works except that it is aligning but3 in the center but isn't aligning but4 in the center... But4 is sticking to the left. here is my code:


Code:
--------------------
            <a style="float: left;" id="prev" href="#" title="Moisture Management"><span>Moisture Management</span></a>
         <div style="float: left; width: 670px; text-align: center;">
         <a id="home" href="index2.html" title="Moisture Management"><span>Moisture Management</span></a>
		 <a id="back" href="ladies.html" title="Moisture Management"><span>Moisture Management</span></a>
    	 </div>
         <a style="float: right;" id="next" href="#" title="Moisture Management"><span>Moisture Management</span></a>
         <div style="clear: both;"> </div>

--------------------


View » | Reply »

]]> Sat, 05 Dec 2009 09:33:48 GMT http://www.elated.com/forums/topic/4562#post18491 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18490 From: matt


Hi toastyrat,

If you put code tags around your text then you can line things up. (I've just added code tags to your post above.)

If I understand what you want to do then your best bet might be to place But3 and But4 inside a div with a fixed width, and use "text-align: center" on the div. Float this div left, and place it between BUTTON1 and BUTTON3, which should also be floated left. The widths of BUTTON1, your div, and BUTTON3 should add up to the width of the container.

eg if your container is 500px wide and each button is 100px wide then you might have:


Code:
--------------------
<a style="float: left;" id="button1" href="#" title="button1"><span>button1</span></a>
<div style="float: left; width: 300px; text-align: center;">
  <a id="but3" href="#" title="but3"><span>but3</span></a>
  <a id="but4" href="#" title="but4"><span>but4</span></a>
</div>
<a style="float: left;" id="button2" href="#" title="button2"><span>button2</span></a>
<div style="clear: both;"> </div>
--------------------


Not tested this but it should work!

Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Sat, 05 Dec 2009 08:53:52 GMT http://www.elated.com/forums/topic/4562#post18490 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18488 From: toastyrat


Matt thanks again for the help... One more question:

The floats are working great, but i have a bit of a challenge now. I have four buttons i need to align, 2 are on either side of the page like this:


Code:
--------------------
BUTTON1                                                                                                             BUTTON2
--------------------


So the float left and right sorts that out. But then i have the other two buttons in the middle of button1 & 2 stacked on top of one another. But 3 and 4 together make the height of the first 2 buttons.


Code:
--------------------
BUTTON1                                              But3                                                          BUTTON2
                                                             But4
--------------------


I can't get these in a straight row.

I just realised that once this is posted it doesn't show the buttons examples as i have laid them out. If u press edit it'll show them...

Sorry i know this isn't very clear, it's very difficult to explain without showing u the images. If u don't understand i'll try explain it better.

Thanks!

[Edited by matt on 05-Dec-09 02:41]

View » | Reply »

]]> Fri, 04 Dec 2009 11:30:47 GMT http://www.elated.com/forums/topic/4562#post18488 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18480 From: matt


No problem toastyrat. Feel free to ask if you need any more help!

Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Wed, 02 Dec 2009 22:18:09 GMT http://www.elated.com/forums/topic/4562#post18480 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18475 From: toastyrat


Matt you're a machine, that's very much!

View » | Reply »

]]> Wed, 02 Dec 2009 08:43:29 GMT http://www.elated.com/forums/topic/4562#post18475 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18473 From: matt


Hi toastyrat,

Do you mean the "active link" outline? You can turn it off with "outline: none":

http://css-tricks.com/removing-the-dotted-outline/

Cheers,
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Tue, 01 Dec 2009 19:52:52 GMT http://www.elated.com/forums/topic/4562#post18473 Re: Question from tutorial http://www.elated.com/forums/topic/4562/#post18472 From: toastyrat


I've been using this method and it's working great, but i have just found one problem that only seems to occur in Firefox and older versions of IE... When you click on the image a purple box appears around the edge of the image.

Does any one know why and how to get rid of that?

View » | Reply »

]]> Tue, 01 Dec 2009 06:58:21 GMT http://www.elated.com/forums/topic/4562#post18472 Re: Perl CGIDBI http://www.elated.com/forums/topic/4808/#post18461 From: matt


Hi perlprofesional,

Please put code markers around your code (the top-right icon above the edit box) - it makes it much easier to read!

Couple of problems I spotted right away:

1. You shouldn't have the <html><head><script type="text/javascript"> ... </head></html> stuff around your JavaScript code in your .js file. JavaScript code files should contain pure JavaScript code - nothing else.

2. You shouldn't use double-slashes (\\) in your JavaScript if it's in a separate .js file. You only need the double-slashes if you're including the JavaScript code directly within your Perl script.

Hope that helps!
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Wed, 25 Nov 2009 23:20:48 GMT http://www.elated.com/forums/topic/4808#post18461 Re: Perl CGIDBI http://www.elated.com/forums/topic/4808/#post18459 From: perlprofesional


Please find the modified code below. Now, once I click the EPM_value.CGI, the page with correct date is coming first time correctly. then once i give any value and click submit or enter...it is changing to $date with blank values. After that, the validation part is working properly.

I have used two new lines to load js files as below.

<script src='formvalidator.js'></script> and <body onLoad='initTable("table0");' bgcolor="#C0C0C0">

Script Name - EPM_value.CGI



Code:
--------------------
#!/usr/bin/perl -w
#Program to create EPM value addition.

#use strict;
use CGI;
use CGI::Carp qw(warningsToBrowser fatalsToBrowser);
$query=new CGI;

my $date=`date +%m/%d/%Y`;

my $original_time=$query->param('original_time');
my $new_time=$query->param('new_time');
my $saved_time=($original_time - $new_time);
my $num_of_events=$query->param('num_of_events');
my $time_reduction=($saved_time * $num_of_events * 52);
my $repeat_savings=$query->param('repeat_savings');
my $one_savings=$query->param('one_savings');
my $total_savings=($repeat_savings + $one_savings);

if ( $original_time =~ /^d+$/ && $new_time =~ /^d+$/ ){
        my $saved_time=($original_time - $new_time);
}

print "Content-type: text/html\n\n";
print <<"EOF";
<html>
<script src='formvalidator.js'></script>
<title>EPM_value_add_log</title>
<h1 align=center>EPM VALUE ADDITION LOG</h1>
<hr/>
<body onLoad='initTable("table0");' bgcolor="#C0C0C0">
<p align=center style="font-size:20px;"><b>Please Provide the Value Addition Details: <input type="button" value="Back" onClick="history.go(-1)"></p>
<form action='EPM_value_add_log.CGI' method='post' onsubmit='return formValidator()'>
<p align=center>Today's Date:$date</p>
<h3>Project Details:</h3>
<table cellpadding=20>
<tr><td><b>Project:
<select name="project_name">
<option value="NA_ASG_EFS">NA_ASG_EFS</option>
<option value="WW_ASG_IBD">WW_ASG_IBD</option>
<option value="WW_IMASG_L1">WW_IMASG_L1</option>
<option value="WW_ER_ASG">WW_ER_ASG</option>
<option value="WW_AI_HST_L1">WW_AI_HST_L1</option>
<option value="NA_ASG_RCMCL1">NA_ASG_RCMCL1</option>
<option value="NA_ASG_RCMC">NA_ASG_RCMC</option>
</td>
<td><b>Year:
<select name="year">
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
</td>
<td><b>Status:
<select name="status">
<option value="Indevelopment">Indevelopment</option>
<option value="Idea">Idea</option>
<option value="Scripted Testing">Scripted Testing</option>
<option value="Testing">Testing</option>
<option value="Implemented">Implemented</option></td>
<td><b>Originator:<input type='text' id='user'/></td>
</tr>
<tr><td><b>Team:
<select name="team">
<option value="EFS">ERS</option>
<option value="ER">ER</option>
<option value="FID">FID</option>
<option value="IBD">IBD</option>
<option value="MSID">MSID</option>
<option value="MSPA">MSPA</option>
<option value="MSPM">MSPM</option>
<option value="MM">MM</option>
<option value="R-MW">R-MW</option>
<option value="SCALE">SCALE</option>
<option value="L1">L1</option>
<option value="CRISK">CRISK</option>
<option value="Custody">Custody</option>
<option value="AAG">AAG</option>

</td>
<td><b>QTR:
<select name="quater">
<option value="QTR1">QTR1</option>
<option value="QTR2">QTR2</option>
<option value="QTR3">QTR3</option>
<option value="QTR4">QTR4</option>
</td>
<td><b>Category:
<select name="category">
<option value="Script">Script</option>
<option value="Automation">Automation</option>
<option value="Event Elimination">Event Elimination</option>
<option value="Script/Webpage">Script/Webpage</option>
<option value="Tool Development">Tool Development</option>
<option value="Webpage">Webpage</option>
<option value="Webpage Automation">Webpage Automation</option>
<option value="Webpage Script">Webpage Script</option>
<td><b>Date_Submitted:<input type='text' id='date'/> (MM/DD/YYYY)</td></tr>
</table>
<hr/>
<h3>Other Details:</h3>
<table cellpadding=10>
<tr><td><b>Time Required To Create(In Mins): <input type="text" size=3 name="req_time" id="req_time"/></td>
<td><b>Original Time/Event(In Mins): <input type="text" size=3 name="original_time" id="org_time"/></td>
<td><b>New Time/Event(In Mins): <input type="text" size=3 name="new_time" id="new_time"/></td></tr>
<td><b>Number Of Events/Week: <input type="text" size=3 name="num_of_events" id="num_events"/></td>
<td><b>Repeatable Process Savings($$$): <input type="text" size=3 name="repeat_savings" id="rep_save"/></td>
<td><b>One Time Savings($$$): <input type="text" size=3 name="one_savings"/ id="onet_save"></td></tr>
<tr><td><b>Assumed Benifit Value(Point Value): <input type="text" size=3 name="value_point" id="value_point"/></td></tr>
</table>
<hr/>
<h3>Project Description:</h3>
<textarea rows="10" cols="80"></textarea>
<h3>Benefit To Customer:</h3>
<textarea rows="10" cols="80"></textarea>
<br/><br/>
<input type="submit" value="Submit"/>
</form>
<p>Result=$saved_time, $time_reduction, $total_savings</p>
</body>
</html>
EOF
--------------------


********
.js file - formvalidator.js ,,, I have double slash (\\) in three places..........



Code:
--------------------
<html>
<head>
<script type="text/javascript">
function formValidator(){
        var user = document.getElementById('user');
        var date = document.getElementById('date');
        var req_time = document.getElementById('req_time');
        var org_time = document.getElementById('org_time');
        var new_time = document.getElementById('new_time');
        var num_events = document.getElementById('num_events');
        var rep_save = document.getElementById('rep_save');
        var onet_save = document.getElementById('onet_save');
        var value_point = document.getElementById('value_point');

        if(isAlphabet(user, "Please Enter Valid Name")){
                if(dateCheck(date, "Please Enter the Date in the Given Format")){
                        if(timeCheck(req_time, "Please Enter Time in Mins - Time Required To Create")){
                                if(timeCheck(org_time, "Please Enter Time in Mins - Original Time/Event")){
                                        if(timeCheck(new_time, "Please Enter Time in Mins - New Time/Event")){
                                                if(timeCheck(num_events, "Please Enter No. of Events")){
                                                        if(amountCheck(rep_save, "Please Enter The Amount for Repeatable Process Savings")){
                                                                if(amountCheck(onet_save, "Please Enter The Amount for One Time Savings")){
                                                                        if(timeCheck(value_point, "Please Enter The Correct Value Point")){
                                                                                return true;
                                                                        }
                                                                }
                                                        }
                                                }
                                        }
                                }
                        }
                }
        }
        return false;
}

function amountCheck(elem, helperMsg){
        var amountCalc = /[0-9\\.]/;
        if(elem.value.match(amountCalc)){
                return true;
        }else{
                alert(helperMsg);
                elem.focus();
                return false;
        }
}

function timeCheck(elem, helperMsg){
        var timeCalc = /^[0-9]{1,3}$/;
        if(elem.value.match(timeCalc)){
                return true;
        }else{
                alert(helperMsg);
                elem.focus(); // set the focus to this input
                return false;
        }
        return true;
}

function dateCheck(elem, helperMsg){
        var numericExpression = /^[0-9]{1,2}\\/[0-9]{1,2}\\/[0-9]{4}$/;
        if(elem.value.match(numericExpression)){
                return true;
        }else{
                alert(helperMsg);
                elem.focus();
                return false;
        }
}

function isAlphabet(elem, helperMsg){
        var alphaExp = /^[a-zA-Z]+/;
        if(elem.value.match(alphaExp)){
                return true;
        }else{
                alert(helperMsg);
                elem.focus();
                return false;
        }
}

</head>
</html>
--------------------



Thanks.

[Edited by matt on 25-Nov-09 17:17]

View » | Reply »

]]> Wed, 25 Nov 2009 16:38:50 GMT http://www.elated.com/forums/topic/4808#post18459