equal spaces in the section title

zo2studios / 2013-09-11 14:08:25   

hi,

i've 3 sections (sustainability in practice, sustainability in research & teaching, sustainability in design)
and i would like to aline sustainability in practice to the left
sustainability in research & teaching in the center and
sustainability in design to the right

i've each column with 290 ~ 1/3 of my exhibit but i don't how to control the position

#index ul {
float: left;
width: 290px;
list-style-type: none;
overflow: auto;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;

zo2.ch/en/

best,
sofia

arsondpi / 2013-09-11 17:40:38   

Look at your source code.
Each ul has an id of:
section_4 for sustainability in practice
section_5 for sustainability in research & teaching
section_6 for sustainability in design

I used firebug, a firefox plugin to find the correct css selector and

  1. #index ul#section_4 li { text-align: right; }
  2. #index ul#section_5 li {  text-align: center;  }
  3. #index ul#section_6 li {  text-align: left; }

Of course you'll now notice that you need to make some adjustments to space or widths - you've got your css id's so you just need to play around to get the desired look.

;-)

zo2studios / 2013-09-11 19:13:16   

thanks a lot : )

This thread has been closed, thank you.