Several issues needing help... (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message

Lazykatz -> Several issues needing help... (3/20/2005 3:49:13)

Hi all,

I am in need of a little help with several issues with the site reconstruction if you have the time.

Current issues:

1. I would like to use opacity, if all browsers support it, in need of code for Div.

2. Forms- code to clear text on click.

3. Javascript- This is the biggest problem! When inserted, it literally does something different to all browsers.

4. There is one Div in Ex-plorer that will not set flush like all other browsers.

5. In need of a program to reduce size on animations. I was going to use Gimp, but it will not work on my pc. I tried to reduce using CSS, but it didn't work.

6. On current site, http://lazykatz.com, I used an inline frame because there is an error and thank you page. I'm trying to get it to work the same way, by putting all content of those pages in one inline Div with hidden scrollbars and using bookmarks.

7. Can anyone tell me the conversion ratio for px to em. I have both in code, and I think if I had it all coded with one or the other, preferring em, it would probably eliminate some alignment issues.

Here is the page/s of current new site, http://fpwm.lazykatz.com/blue/new_page_3aaaa.htm

I'm off to validate page, I know I should do that 1st, its been an **s backwards day after redoing entire page to satisfy forms in Opera.

Validation was purrrrrrfect.

Thankz All in advanze,
Grizz [8D]



Giomanach -> RE: Several issues needing help... (3/20/2005 8:06:07)

quote:

1. I would like to use opacity, if all browsers support it, in need of code for Div.

Doesn't work in Opera, not valid CSS

quote:

2. Forms- code to clear text on click.

JavaScript needed here: 

<input type='text' name='txtUserName' value='UserName' onblur="if(this.value=='') this.value='UserName'" onfocus="if(this.value=='UserName') this.value='';" />


That does validate btw kids...

quote:

3. Javascript- This is the biggest problem! When inserted, it literally does something different to all browsers.

Of course it will. Each browser parses the JS in different ways, each user has different JS settings - there's nothing you can do but ensure you have a script the does what you want....

quote:

4. There is one Div in Ex-plorer that will not set flush like all other browsers.

Use IE Conditionals to style for IE only.

quote:

5. In need of a program to reduce size on animations. I was going to use Gimp, but it will not work on my pc. I tried to reduce using CSS, but it didn't work.

To use GIMP you need to install the GTK environment on windows systems for it to work. Otherwise, there's Adobe Image Ready, Macromedia Fireworks or Jasc Animation Shop




jaybee -> RE: Several issues needing help... (3/20/2005 11:26:15)

quote:

Can anyone tell me the conversion ratio for px to em


Nope, different on different machines/browsers/opsystems/setups




c1sissy -> RE: Several issues needing help... (3/20/2005 11:56:37)

for opacity in CSS, here are a few links for you to check out, with what browsers are supportive,
http://www.quirksmode.org/css/opacity.html
http://www.mandarindesign.com/opacity.html
http://www.mandarindesign.com/opacityblending.html
http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html
http://www.domedia.org/oveklykken/css-transparency.php

this one is really interesting and css3 right now
http://www.ssi-developer.net/css/visual-filters.shtml

For your fonts, do a font search with css, and you will find pages that will give you what a font "should" look like, but as Jaybee states that will be different per browser etc...



Lazykatz -> RE: Several issues needing help... (3/20/2005 18:22:37)

Thanks All!

quote:

quote:

3. Javascript- This is the biggest problem! When inserted, it literally does something different to all browsers.

The script in question is like a news ticker from http://www.codeamber.com/ and I have no control of it except placing it in code of page. Most browsers do a number on the fonts, some alter colors, Opera..jeeeeez.. literally dstroys all aspects of the page.

Is there a way to place it in a Div and edit posisiton to center above the text that is in place on page and not destroy the rest of the page? Or could it be placed, do I dare, in an inline?

quote:

To use GIMP you need to install the GTK environment

installed GTK, but kick me please for having an old Me system, looking at older versions of Gimp or I'll go get one of the other programs above. Only have 2 images to edit, so I'm sure a trial version would be sufficient.

quote:

quote:

Can anyone tell me the conversion ratio for px to em
I did find a page saying 1px equals .75em. Haven't tried or know if it is correct.

quote:

For your fonts, do a font search with css,
All fonts stay correct until I add the the javascript link to amber alert.

Again, thanks all for your input/help, you gave me something to do with my 3 days off. BTW, did anyone like the page? I'm just curious.

Grizz [8D]



caz -> RE: Several issues needing help... (3/21/2005 7:03:19)

For approximate px to em, or % font sizing have a look at this chart and establish a base font size in your body to work from.

This does hand back user control on text sizing, which is what we all want, don't we[8|]

HTH
Carol



c1sissy -> RE: Several issues needing help... (3/21/2005 7:16:10)

Caz, can you post this in css links? Sort of make a nice large bold posing on this one?

I ran across something like this a while ago, and never bookmarked it. This is really an important find in my opinion. Thank you so much for posting it. I know a lot of people will appreciate this one.



Lazykatz -> RE: Several issues needing help... (3/21/2005 19:42:37)

Thanks caz, I already have that link and used it to set up the fonts on page.

Deb, I think I found it in the css links post.

If this link was for em to px ratio, I am wanting to change the colunms, cells..etc to one or the other.

quote:

I did find a page saying 1px equals .75em. Haven't tried or know if it is correct.
I'll go back thru my notes and find the link for this and post it.

Grizz [8D]



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125