• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 177
  • Last Modified:

Extra line when using using css

Hi I know there is already a wealth on the net but im still having a problem,  I have a DIV tag that Im styling. When I style the text an extra line appears at the bottom of the text. Iv set margins and padding to zero!
<DIV title="lblTitle" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 101; LEFT: 8px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 848px; PADDING-TOP: 0px; POSITION: absolute; TOP: 8px; HEIGHT: 8px"
				align="center" ms_positioning="FlowLayout" class="body">
				<FONT size="3">
					<H1 id="Title" ><FONT size="3"><b>Please display one line</b></FONT></H1>
				</FONT>
			</DIV>

H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	display:inline;
	margin-bottom: 0; padding-bottom: 0; 
	}	

H1#Title	
{
	background:	#036;
	color:	#fff;
	display: inline;
}

Open in new window

0
MrDavidThorn
Asked:
MrDavidThorn
  • 4
  • 2
  • 2
2 Solutions
 
Pratima PharandeCommented:
I tried the same code
is working fine on me
which browser your are working on 1
0
 
MrDavidThornAuthor Commented:
its IE 6 which could be the reason
0
 
Pratima PharandeCommented:
I am alos using the same

try with removibng CSS
might be not aproblem of CSS
0
Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

 
MrDavidThornAuthor Commented:
iv tried, im using Visual studio 2003 as the design envionment
0
 
darren-w-Commented:
just tested in ie6 (6.0.2900.2180) and it looks like above?
Screenshot-1.png
0
 
darren-w-Commented:
This may be down to your document header?

I'm using :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>

        <title>Demo</title>...

Open in new window

0
 
MrDavidThornAuthor Commented:
sorry I might not have explained this correctly Im using Visual studiio 2003 when inserting a HTMl label and typing some text in the label I can resize the label to border, so it is tight against the text, when I add a style to the text I an extra line feed is returned at the bottom of the text and I cant resize the border tight against the text. When loading into IE the border is still not tight agaisnt the text meaning my web design is not as snug as it could be.
OneLine.JPG
0
 
MrDavidThornAuthor Commented:
bizare, its working now, I think it might have been sort of refresh issue!, thanks folks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 4
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now