Home/ Questions/Q 7987583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T12:11:28+00:00

Is there any way to set a default width for a group of divs,

  • 0

Is there any way to set a default width for a group of divs, but then change each width regardless of order in just CSS? Example JSFiddle is at http://jsfiddle.net/RfHSA/.

I’m attempting to have each div set to width:20%, but then upon the mouse hovering one of the inner divs, the specific div hovered over should be set to width:72% and the others set to width:7% (including ones that occur prior to it in the HTML structure). Is this possible with just CSS, or is Javascipt/jQuery required?

Edit: Example of what I’m trying to achieve is here: http://www.kriesi.at/themes/newscast/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’d like to recommend an easy solution to your need: http://jsfiddle.net/linmic/qcnmu/1/

    We simply apply display: table to the “listwrapper” and display: table-cell to the “outerbox”, then everything works perfectly.

    Cheers

    • 0