bloomit
11 Sep 2009, 04:32 AM
Hi all
I'm doing Joomla template hacking and this is where I'm stuck.
I have eight elements that I want to have alligned as following:
|upper_place_main | upper_place_blog-related | upper_place_articles-of-interest | upper_place_case-studies |
|place_main | place_blog-related | place_articles-of-interest | place_case-studies |
I have to do it somehow with floats?
At the moment I just can't figure a way to have them nicely alligned next to each other. All help is appreciated! Thank you!
Here's what I have in CSS styles:
#upper_place_main, #upper_place_blog-related, #upper_place_articles-of-interest, #upper_place_case-studies {
position: relative;
font-size: small;
height: auto;
}
#place_main, #place_blog-related, #place_articles-of-interest, #place_case-studies {
overflow: hidden;
display:inline-block;
position: relative;
top: 60px;
height: auto;
float: left;
}
I'm doing Joomla template hacking and this is where I'm stuck.
I have eight elements that I want to have alligned as following:
|upper_place_main | upper_place_blog-related | upper_place_articles-of-interest | upper_place_case-studies |
|place_main | place_blog-related | place_articles-of-interest | place_case-studies |
I have to do it somehow with floats?
At the moment I just can't figure a way to have them nicely alligned next to each other. All help is appreciated! Thank you!
Here's what I have in CSS styles:
#upper_place_main, #upper_place_blog-related, #upper_place_articles-of-interest, #upper_place_case-studies {
position: relative;
font-size: small;
height: auto;
}
#place_main, #place_blog-related, #place_articles-of-interest, #place_case-studies {
overflow: hidden;
display:inline-block;
position: relative;
top: 60px;
height: auto;
float: left;
}