1 Topic by kyu

  • kyu
  • Junior Member
  • Offline
  • Registered: 2004-04-04
  • Posts: 8

Topic: Problem with my style

I'm making a style for my forum based on punbb.

But I have meet a problem with the 4 div postleft, postright, postfootleft and postfootright.

You can look here :
http://www.tinybox.net/tb_forums/viewtopic.php?id=442

I just want to put postmsg besides postleft but my tries wasn't successful smile

So, can you help me ?

2 Reply by kyu

  • kyu
  • Junior Member
  • Offline
  • Registered: 2004-04-04
  • Posts: 8

Re: Problem with my style

noboby to help me ? sad

3 Reply by Elzar

  • Elzar
  • Senior Member
  • Offline
  • Registered: 2005-07-16
  • Posts: 309

Re: Problem with my style

If I were you i'd start from scratch again...

4 Reply by kyu (edited by kyu 2005-08-11 13:56)

  • kyu
  • Junior Member
  • Offline
  • Registered: 2004-04-04
  • Posts: 8

Re: Problem with my style

why ?

i'm okay to start from scratch, but i don't understand how to put the text beside postleft ...

5 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Problem with my style

I don't understand what you are trying to do. postmsg is beside postleft by default.

6 Reply by Rod

  • Rod
  • Senior Member
  • Offline
  • From: Rouen, France
  • Registered: 2004-07-19
  • Posts: 591

Re: Problem with my style

I'm blind > Thanx smile

http://www.sortons.net
http://www.fantasya.net

Rod's Website

7 Reply by kyu (edited by kyu 2005-08-11 17:11)

  • kyu
  • Junior Member
  • Offline
  • Registered: 2004-04-04
  • Posts: 8

Re: Problem with my style

When I put nothing for postleft, postfootleft, postfootright and postright except this :

div.blockpost div.box, div.postright, div.postfootright {
    background-color:        #F1F1F1;
}

div.postleft dl > * {
    background-color:        #DEDFDF;
    width:                    150px;
    margin-top:                5px;
    margin-left:            5px;
    border-width:            1px;
    border-style:            solid;
    text-align:                center;
}

I got this :

http://www.tinybox.net/tb_forums/viewtopic.php?id=540

It's why I have tried different float options and others, I don't understand where come from the black gap ...

I just want to reduce the postleft width to 170px and without this blackzone ...

sorry if my explaination wasn't clear ... hmm

Edit: Rod, c'etait juste un test pour bien voir ou se trouvait postright, le but n'étant pas d'aveugler les visiteurs wink

8 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Problem with my style

The left hand column is a fake. It is partly created by a wide left hand border on postright which must be the same width as postleft and have the same background colour.

Its this part of base.css
/* 7.1 This is the basic structure. */

DIV.postleft, DIV.postfootleft {
    FLOAT:left;
    WIDTH: 18em;
    OVERFLOW: hidden
}
   
DIV.postright, DIV.postfootright {
    BORDER-LEFT-WIDTH: 18em;
    BORDER-LEFT-STYLE: solid
}

And this part of the colour scheme stylesheet
DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #f1f1f1}

If you want the left and right columns to have the same background colour you can just change this
DIV.postright, DIV.postfootright {
    BORDER-LEFT-WIDTH: 18em;
    BORDER-LEFT-STYLE: solid
}

To this
DIV.postright, DIV.postfootright {MARGIN-LEFT: 170px}

9 Reply by kyu

  • kyu
  • Junior Member
  • Offline
  • Registered: 2004-04-04
  • Posts: 8

Re: Problem with my style

I have put this :

DIV.postleft, DIV.postfootleft {
    FLOAT:left;
    WIDTH: 18em;
    OVERFLOW: hidden
}
   
DIV.postright, DIV.postfootright {
    BORDER-LEFT-WIDTH: 18em;
    BORDER-LEFT-STYLE: solid
}

DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #f1f1f1}

DIV.postright, DIV.postfootright {MARGIN-LEFT: 170px}

now i get : http://www.tinybox.net/tb_forums/viewtopic.php?id=530

Peharps i have make a mistake ... but I don't see ...

I have already try our code, you have already post it in another thread, and i have the same result.

10 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Problem with my style

You use a border or a margin not both. The width of the border or margin must be the same as postleft.

11 Reply by kyu

  • kyu
  • Junior Member
  • Offline
  • Registered: 2004-04-04
  • Posts: 8

Re: Problem with my style

I UNDERSTAND *MIRACLE*

Thanks a lot for your help smile

I'm beginner with CSS so I have some difficult to understand some things big_smile