[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Can't get rid of space between navbar and content

Posted on 2006-04-08
6
Medium Priority
?
272 Views
Last Modified: 2012-08-13
On this page http://leadinc.no/projects

I have set every tag to padding:0 margin:0 but there is the stubborn space between the content and the navbar. The green background of table#content should not show up between the pictures and the navbar (div.secondary).  

Also there's space between the pics (red background should not show) eventhough cell spacing and every conceivable class on td and table and img set to 0.

Can anyone please tell me whay these spaces persist? The top space is worse in Firefox.

The only CSS files are common.css and drupal.css.    style.css is empty and combined it into common.css, hence the double mention of some tags like body.

0
Comment
Question by:polaatx
  • 2
  • 2
  • 2
6 Comments
 
LVL 7

Assisted Solution

by:JeffHowden
JeffHowden earned 1000 total points
ID: 16410289
Could it be the <br /> between <tbody> and <tr> and again between </tbody> and </table> ??
0
 

Author Comment

by:polaatx
ID: 16410339
Thank you Jeff. Turns out the textfield editor built into the admin pages of the site was rewriting my code and adding the tbody and br tags. It wasn't in the dreamweaver but when I copy/pasted into the textfield when I made the page online, it was rewritten.

I still have the problem with space between images. Any ideas?
0
 
LVL 7

Expert Comment

by:JeffHowden
ID: 16410462
I see that.  There are lots of potential causes.  Some of the big things I see is that you're using an XHTML Strict doctype, but have lots and lots of invalid HTML (not XHTML) tags in there.  Specifically, your <img> tags aren't closed properly (<img />).  Also, there are numerous tag attributes that are in mixed case (this is not allowed in XHTML).

http://validator.w3.org/check?uri=http%3A%2F%2Fleadinc.no%2Fprojects

The source of the problem is in comment.css though:

table#project_img {
width:755px;
background-color:#FF0000;
}

The width of the images (250px each) adds up to 750px, not 755px.

Also, I'd remove all the superfluous hspace and vspace attributes as the default is already 0.

0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 1

Accepted Solution

by:
gonenra earned 1000 total points
ID: 16427436
i got a solution, at least locally it works:
in the css file:
http://leadinc.no/themes/chameleon/common.css
i added the line:
    height:35px;

to the class:
div.navlinks div.secondary {

the source:
div.navlinks div.secondary {
  padding: 0em;
  width:750px;
    margin: 0 auto;
               border-bottom:1px #ddd solid;
           border-right:1px #ddd solid;
               border-left:1px #ddd solid;
}

after my change:
div.navlinks div.secondary {
  padding: 0em;
  width:750px;
    height:35px;
    margin: 0 auto;
               border-bottom:1px #ddd solid;
           border-right:1px #ddd solid;
               border-left:1px #ddd solid;      
}

and the space is gone.

please try that and tell me how it went
0
 
LVL 1

Expert Comment

by:gonenra
ID: 16427491
BTW, i'm working with FF, but i checked it on IE too
and it's not changing correctly (as expected\suspected).
when i put 25px it's a bit better then the original but it's still pretty spacy
under 25px you cant see a change in IE
and starting at 25px it's not showing correctly in FF

i wish someone will just shutdown MS !!!
0
 

Author Comment

by:polaatx
ID: 17022239
Gosh, I just realized I forgot to work on this issue. I will get back to you ASAP.

0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question