CSS multi-lingual image form buttons with rollovers

Author Message

Paul Forsyth

Thursday 27 May 2004 7:44:50 am

Im having a few problems coming up with a suitable way to handle rollovers with multilingual buttons using images.

Multi lingual buttons need to change with the text size. This precludes use of most css techniques to beautify form buttons. Normal buttons/links would equally be affected.

Although the default rectangular look is the simplest solution but it is hard to style with images. The closest i've seen is on this page:

http://www.picment.com/articles/css/funwithforms/

but expanding the image wouldn't work as text expands... you could chop the image up, left and right, with the centre expanding but from my experience this affects rollovers - the individual elements might rollover but getting all three to at the same time isnt possible, i believe.

anyone worked with this before?

paul

--
http://www.visionwt.com

Alex Jones

Thursday 27 May 2004 11:36:39 am

Check out http://www.alistapart.com/articles/slidingdoors2/ - perhaps it could be adapted to fit your needs..?

Alex

Alex
[ bald_technologist on the IRC channel (irc.freenode.net): #eZpublish ]

<i>When in doubt, clear the cache.</i>

Paul Forsyth

Friday 28 May 2004 3:46:49 am

Perfect!

Darn, i've read that article before but i dont think i saw the wood for the tree ;)

Thanks Alex,

Paul

--
http://www.visionwt.com

Alex Jones

Friday 28 May 2004 7:31:46 am

Happy to help Paul!

Alex

Alex
[ bald_technologist on the IRC channel (irc.freenode.net): #eZpublish ]

<i>When in doubt, clear the cache.</i>

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.

eZ debug

Timing: Jan 19 2025 07:06:15
Script start
Timing: Jan 19 2025 07:06:15
Module start 'layout'
Timing: Jan 19 2025 07:06:15
Module start 'content'
Timing: Jan 19 2025 07:06:15
Module end 'content'
Timing: Jan 19 2025 07:06:15
Script end

Main resources:

Total runtime0.0176 sec
Peak memory usage2,048.0000 KB
Database Queries3

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0068 590.4375152.6406
Module start 'layout' 0.00680.0037 743.078139.4766
Module start 'content' 0.01050.0050 782.554789.3672
Module end 'content' 0.01550.0021 871.921934.3047
Script end 0.0176  906.2266 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.002715.1639140.0002
Check MTime0.00116.0404140.0001
Mysql Total
Database connection0.00105.474410.0010
Mysqli_queries0.003720.928130.0012
Looping result0.00000.084010.0000
Template Total0.00158.510.0015
Template load0.00084.656510.0008
Template processing0.00073.799410.0007
Override
Cache load0.00063.169810.0006
General
dbfile0.00095.389180.0001
String conversion0.00000.046040.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1print_pagelayout.tpl<No override>extension/community/design/community/templates/print_pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs