CSS problem

[Largo]

Hello,

 

I want to create my own points and other thinks system. But I don't know CSS, I hate that! How can I do tables like Micheal's News System? About 20% width of navigation and rest - about 80% to content. How can I do that?

 

Best regards,

Largo

[GaVrA]

Simple way is to do this:

 

<div> //container
<div style="float:left;width:20%"></div> //navigation
<div style="float:right;width:80%"></div> // content
</div>

 

Im using inline css just to show you how it can be done. You can use built in class "left" and "right" which add's float left and right.

[Largo]

Simple way is to do this:

 

<div> //container
<div style="float:left;width:20%"></div> //navigation
<div style="float:right;width:80%"></div> // content
</div>

 

Im using inline css just to show you how it can be done. You can use built in class "left" and "right" which add's float left and right.

 

Hello,

 

Yeah, I know that, but I want to use classes from IP.Board. I don't want to create my own, if I can use build-in. If You don't know CSS classes, I'll wait for Micheal.

[Michael]

I didn't use css for the left/right view. I used a table. A good example of css would be IPB3's sidebar.

[Largo]

I didn't use css for the left/right view. I used a table. A good example of css would be IPB3's sidebar.

 

Hello,

 

So, You didn't use for this tables divs? And where I can find sidebar? I only want to show navigation like You and content.

 

Best regards,

Largo

[Michael]

Hello,

 

So, You didn't use for this tables divs? And where I can find sidebar? I only want to show navigation like You and content.

 

Best regards,

Largo

 

Something like this. There is no inbuilt nav/content feature like this, Gavra's above example should work fine.

 

<table width='100#'>
<tr>
<td width='20%'></td>
<td width='20%'></td>
</tr>
</table>

[GaVrA]

Well there are these clases that are built in IPB, just like i said in my first post:

 

.left{
float:left;
}
.right{
float:right;
}

 

So you can use this:

 

<div> //container
       <div class="navigation left"></div> //navigation
       <div class="content right"></div> // content
</div>

 

Then just use some css rules for .navigation and .content:

 

.navigation{
width:20%;
}
.content{
width:80%;
}