[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 165
  • Last Modified:

Completely Stuck...cant seem to remove a line break from my page

http://www.theravive.com/providers/test.htm
http://www.theravive.com/providers/test2.htm

I want the "space" beneath the gold bar to be removed but have no idea how to do it.


Here is the CSS for the gold bar area:

.titlebar2{
      float:left;
      height:16px;
      width:350px;
      background-color:#FFCC00;
      padding-top:4px;
      padding-left:7px;
      text-align:left;      
      }


If I remove the float left, then I completely lose the alignment of the text against the image in firefox, and the gold bars pop up behind the image, looking much worse.

Does anyone have any ideas?
0
arthurh88
Asked:
arthurh88
  • 2
1 Solution
 
rbudjCommented:
You have to remove the two <br /> tags.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="vancouver counsellor, vancouver counselling, counselor vancouver, counsellor vancouver, counselling vancouver" />
<title>Sample</title>
<link href="../style/style-3blocks.css" rel="stylesheet" type="text/css" />
 </head>
<body>
<div id="container">
 
  <div id="mainbg">
    <div class="mainbg_in">
      <div id="contentboxright">
 
        <div id="contentboxrighttwo">
          <div class="floatimgleft">
		    <div class="captiontxt" style=" padding-left:12px;width:200px; float:left;">
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p><img src="../images/counsellors/default.jpg" alt="Trevor Warren"  /><br />
                <strong>Default</strong></p>
              
            </div>
 
          </div>
        
            <p>&nbsp;</p>
            <br />
            <div class="titlebar2">This has  2 &lt;BR&gt; Between Here and Line1 </div>
		
			  <br /><br />
			  <p class="content_text">&nbsp;&nbsp;Line1</p>
 
			  <p class="content_text">&nbsp;&nbsp;Line2</p>
			  <p class="content_text">&nbsp;&nbsp;Line3</p>
			   
			  
              <div class="titlebar2">This has  2 &lt;BR&gt; Between Here and The Table Below </div>
              
              <table width="350px" border="0" cellpadding="0" cellspacing="0" id="table30">
 
                <tr>
                  <td class="content_text"> ITEM 1 </td>
                  <td class="content_text"> ITEM 2 </td>
                </tr>
                <tr>
                  <td class="content_text"> ITEM 3 </td>
 
                  <td class="content_text"> ITEM 4 </td>
                </tr>
                <tr>
                  <td class="content_text"> ITEM 5 </td>
                  <td class="content_text">ITEM 6 </td>
                </tr>
 
                <tr>
                  <td class="content_text">ITEM 7 </td>
                  <td class="content_text"> ITEM 8 </td>
                </tr>
              </table>
         
              <br />
            <a href="test2.htm">See Page 2</a>          </div>
 
        </div>
      </div>
     
  </div>
</div>
</body>
</html>

Open in new window

0
 
arthurh88Author Commented:
0
 
Mark StegglesWeb DeveloperCommented:
Hello,

remove the br tags and change this portion of the css to this:

.titlebar2 {
background-color:#FFCC00;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:16px;
margin:4px 0pt 8px 235px;
padding-left:7px;
padding-top:4px;
text-align:left;
text-decoration:none;
width:350px;
}

Steggs
0
 
arthurh88Author Commented:
you are a miracle worker
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

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