pesky line break appears in firefox

Associate
Joined
24 Sep 2006
Posts
1,267
Hi,
I maintain a small website, with limited success.
Recently, I changed its news layout and have found that while it displays as intended in IE, in firefox a line break appears.
This is happening with the news headline/main content.
Example one (ie) Link
Example two (ff) Link
Actual page: Link
Many thanks for any help! :)
 
Your css for a table element is

td {
color:#8C8C8C;
font-family:verdana,arial,sans-serif;
font-size:7pt;
}
[blitz.css (line 6)]

and the text in your news table is

<font size="2">We welcome to the clan two new trial members - Quince and =|===></font>

If you change font-size to 2pt in the css the layout looks ok. No idea if this will effect other parts of the site or IE.

btw, I found this out using the firebug plugin for firefox. First time I've used it and I must say it rocks!

It will display source and style info as you mouse over page elements and allow you to modify attributes on the fly :)
 
i think it because your using <p> inside your <td>'s. this should fix it. (well it does in firefox when editing on the fly using firebug)

Code:
td p {margin: 0px; }

really you shouldn't be using paragraphs inside tables but that's your choice. :p
 
Last edited:
Thanks for the help :D
However, I am unsure how to use your replacement code.
I am using frontpage (hence the poor coding :p) and have little talent with such things.
I replaced <p align="right"> with td p {margin: 0px; } however it didn't work :|
Please could you be more specific? Thanks :)
 
lol oh dear:o
So is the following how my .css file should be?
Code:
BODY {
	MARGIN-TOP: 0px;
	BACKGROUND-COLOR: #000000;
}

TD { 

	FONT-SIZE: 7pt; COLOR: #8C8C8C; FONT-FAMILY: verdana, arial, sans-serif, td p {margin: 0px; }

}

A {

	FONT-SIZE: 7pt; COLOR: #8C8C8C; TEXT-DECORATION: none

}

A:link {

	COLOR: #DB511D; FONT-SIZE: 7pt; TEXT-DECORATION: none

}

A:visited {

	COLOR: #DB511D; FONT-SIZE: 7pt; TEXT-DECORATION: none

}

A:active {

	COLOR: #F38730; FONT-SIZE: 7pt; TEXT-DECORATION: underline

}

A:hover {

	COLOR: #F38730; FONT-SIZE: 7pt; TEXT-DECORATION: underline
Sorry, im a slow learner :D
 
Code:
BODY {
	MARGIN-TOP: 0px;
	BACKGROUND-COLOR: #000000;
}

TD P { 

	FONT-SIZE: 7pt; COLOR: #8C8C8C; FONT-FAMILY: verdana, arial, sans-serif; margin: 0px;

}

A {

	FONT-SIZE: 7pt; COLOR: #8C8C8C; TEXT-DECORATION: none

}

A:link {

	COLOR: #DB511D; FONT-SIZE: 7pt; TEXT-DECORATION: none

}

A:visited {

	COLOR: #DB511D; FONT-SIZE: 7pt; TEXT-DECORATION: none

}

A:active {

	COLOR: #F38730; FONT-SIZE: 7pt; TEXT-DECORATION: underline

}

A:hover {

	COLOR: #F38730; FONT-SIZE: 7pt; TEXT-DECORATION: underline
 
Back
Top Bottom