Display Techniques


#1

Please I have an issue, am working on a website with three column outlay, how can I display different stories on a particular column. Frameset will have done it but its not allowing my css to flow properly because the whole layout was done using css. Please I need help urgently. Tks Guys


#2

ok, thats pretty simple. Just define a cover for the three column, then u can create another 3 divs for the columns with a css property of float left for the three of them. find sample below:

OPTION ONE:

for HTML:

for CSS:
#cover { width:960px; }
.column { float: left; width:290px; margin-right:20px; }

OPTION TWO:

for HTML:

for CSS:
#cover { width:960px; }
#firstColumn { float: left; width:290px; margin-right:20px; }
#secondColumn { float: left; width:290px; margin-right:20px; }
#thirdColumn { float: left; width:290px; margin-right:20px; }

ANY OF THE TWO STYLE WILL WORK.

PLS MAKE SURE THE ADDITION OF THE THREE COLUMNS WITH D MARGINS IS NOT MORE THAN D COVER ITSELF.


#3

@Samson, tks for your response, the CSS property has already been declared and the page is showing the designed output, the issue is that, take your own css for example. I want informations in the #thirdcolumn to be changing with respects to actions on the #second column. Hope u got it now?. So how do I do that


#4

i think u need a jQuary to do that, its more than a CSS affair.


#5

tot as much but was just tryn to be avoid it. tks bro