Forums / Developer / CSS multi-lingual image form buttons with rollovers

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>

eZ debug

Timing: Jan 19 2025 04:41:54
Script start
Timing: Jan 19 2025 04:41:54
Module start 'content'
Timing: Jan 19 2025 04:41:55
Module end 'content'
Timing: Jan 19 2025 04:41:55
Script end

Main resources:

Total runtime0.9087 sec
Peak memory usage4,096.0000 KB
Database Queries197

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0078 590.2344180.8125
Module start 'content' 0.00780.7657 771.0469545.0703
Module end 'content' 0.77340.1352 1,316.1172332.7422
Script end 0.9086  1,648.8594 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00410.4555210.0002
Check MTime0.00150.1659210.0001
Mysql Total
Database connection0.00090.104210.0009
Mysqli_queries0.833091.66641970.0042
Looping result0.00210.23201950.0000
Template Total0.875096.320.4375
Template load0.00210.231920.0011
Template processing0.872996.059920.4364
Template load and register function0.00030.028910.0003
states
state_id_array0.00090.104010.0009
state_identifier_array0.00080.083520.0004
Override
Cache load0.00170.1917270.0001
Sytem overhead
Fetch class attribute can translate value0.00140.155730.0005
Fetch class attribute name0.00130.137950.0003
XML
Image XML parsing0.00090.102630.0003
class_abstraction
Instantiating content class attribute0.00000.001560.0000
General
dbfile0.00250.2766270.0001
String conversion0.00000.000830.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
4content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
6content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
2content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
2content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 16
 Number of unique templates used: 6

Time used to render debug report: 0.0001 secs