1 Topic by monacelli (edited by monacelli 2005-01-25 21:21)

  • From: Mt Wolf, PA
  • Registered: 2004-10-14
  • Posts: 9

Topic: gap between postleft and postfootleft

I'm having a little trouble getting rid of a gap between .postleft and .postfootleft when I added a border-right to both classes.  I noticed a .clearer in between the two but I'm not sure if it would be wise to get rid of it.  Any help would be appreciated. smile

Here's a pic:
http://img185.exs.cx/img185/7105/gap0vc.gif

The url is http://www.dovermafia.com/forums/ if you wanna peep my source.

Firefox | Dover Mafia
[img]http://yourpage.blazenet.net/raekwon/celli.gif[/img]

monacelli's Website

  • From: 127.0.0.1
  • Registered: 2001-11-02
  • Posts: 9,167

Re: gap between postleft and postfootleft

At first I thought this was the notorious Slashdot bug in Firefox, but I was wrong. It appears in Internet Explorer as well. I don't have an answer for you, but I'm guessing someone else does smile

"Programming is like sex: one mistake and you have to support it for the rest of your life."

Rickard's Website

3 Reply by Paul

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

Re: gap between postleft and postfootleft

It's not a bug of any sort, it's just an attempt to do the one thing which is really difficult with the current design of viewtopic. I will go away a write some instructions and get back to you.

4 Reply by Paul

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

Re: gap between postleft and postfootleft

Go to base.css and replace the whole of section 7.1 with this

/* 7.1 This is the basic structure. */

DIV.postleft, DIV.postfootleft {
    FLOAT:left;
    WIDTH: 180px;
}
    
DIV.postright, DIV.postfootright {
    BORDER-LEFT-WIDTH: 1px;
    BORDER-LEFT-STYLE: solid;
    MARGIN-LEFT: 180px;
}

DIV.po/stleft {WIDTH: 181px}

DIV.postfootright, P.multidelete {TEXT-ALIGN: right}

Go to filth_cs.css Section 2.1 and replace it with this

DIV.blockpost DIV.box, DIV.postright, DIV.postfootright {BACKGROUND-COLOR: #FFF}
DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #990000}
DIV.postleft {BORDER-RIGHT: 1px solid #990000}
DIV.postleft, DIV.postfootleft {BACKGROUND-COLOR: #FFF}
DIV.blockpost LABEL {BACKGROUND-COLOR: #F1F1F1}
  • From: Mt Wolf, PA
  • Registered: 2004-10-14
  • Posts: 9

Re: gap between postleft and postfootleft

Thanks!  That did the trick.

Firefox | Dover Mafia
[img]http://yourpage.blazenet.net/raekwon/celli.gif[/img]

monacelli's Website