Can anyone help me figure out why this is happening and how to fix it?

http://billboardfamily.com/the-process/

Please have a look at the following link:
http://www.articlecon.com/demo/joey40/zumba/

There are a couple problems in it.

1. When “about” page is opened, the whole page jumps down a few pixels leaving a white gap at the top of the page. It does not happen on any other page.

2. I have included this code in the head:

HTML4Strict Code:

But it does not work. As a test I set the p font color to red but it does not show red text in ie. What is wrong in this code? I included ie.css for ie png fixes and general ie fixes.

Thanx

I can swear it was working fine on all pages, but maybe I was wrong. It’s just fine on the home page but disappears on other pages and I just can’t figure out why. I blame some WordPress plug-in, but they are the same on all pages so that doesn’t make sense. The code fails the validator miserably due to 3rd party plug-ins and links, so that doesn’t make it easier, but again, the menu works on the home page.

Please have a look at http://sandyschussel.com/ – home and any other page.

HEEEEEEEEEEELP!

I want to show the ellipsis in my div only if the div runs out of vertical space. All of the examples I’ve seen show the ellipsis after a single line. Is there a way to use text-overflow: ellipsis across multiple lines?

Thx.
Donna

Hope someone can just provide a quick fix to the following:

Please check http://www.affectia.com/demos/
The green menu item “Get the Toolbar!” you can see the background isn’t going inside the border.. Same is the case when you hover on any other link in the menu.

In short, I’ll like to know that how can I get a child element with background inside the borders of a parent element with border-radius property?

Thanks!

Code:

Untitled Document

.container {
width: 300px;
height: 400px;
background-color: #0FF;
padding: 10px;
margin-top: 30px;
}

/*.container img {position:relative; top:50%; margin-top: -25px;}*/

.container img {vertical-align: middle;}

.container p {line-height: 400px;

Hello World

In my menu,one of the menu headings is selected and the heading as well as the items within it are displayed using a different color(by using CSS class) when I first land on the page.How do I change the selected menu when I click on some other menu heading?

The following is my HTML:

HTML4Strict Code:

 
Sample Tab Drop Down Menu Page

/**/

 
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
 
#nav a {
    display: block;
    width: 10em;
}
 
#nav li {
    float: left;
    width: 10em;
}
#nav li ul {
    position: absolute;
    width: 10em;
            left: -999em;
}
 
#nav li:hover ul {
    left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}
#nav .selected a
{
    background-color: red;
}
 

    fish1
       
            Remoras
            Tilefishes
            Bluefishes
            Tigerfishes
       
   
 
    fish2
       
            Climbing perches
            Labyrinthfishes
            Kissing gouramis
            Pike-heads
            Giant gouramis
       
   
 

In the above HTML I need to change the selected class to Fish2 when it is clicked.How can I do that? Any help will be greatly appreciated.

Thanks.

I use firebug for CSS tweaks, its great and I’m happy. The only problem is that once everything is fine, you can’t save the changes directly, you need to change it in your CSS file offline and FTP to your web server. Is there a way to update the CSS directly on the server when you feel its okay?

There is a tool that does so, but it has got nothing to do with FireBug, its called Stylizer, I personally didn’t like it but its capability to update the CSS directly on the server is good.

Is there any add-on for firebug (Free or commercial) that can connect it to the CSS file over the web server using the FTP credentials?

Regards

My site is Arts for Life.
The people i am working for, want to stick to the same theme, so i am having to figure out what the original developers mind set was when coding, It’s all so difficult.

My CSS can be found here

My HTML code can be found here

I have a small problem with my site that I can’t seem to fix. I would like my footer to always stick to the bottom of the screen, unless the content is long enough to push it down. I use a “push” div between the content and the footer parts of my page in order to accomplish that, however in some browsers/resolutions it leaves a gap between the two parts or the footer overlaps a part of the content.

How do I fix this?

This is the CSS (removed irrelevant parts and styles)

CSS Code:
*{margin:0;padding:0;}  
html, body {height: 100%;font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #212532; } 
div#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -60px;} 
/* top of page *//* (includes header css) */ 
/* content part of page */div#pagebody{width: 100%;height: 100%;padding-top: 75px;background-image: url(/gui/page_background.jpg);background-repeat: repeat-x;} 
div#container{width: 900px;margin: 0 auto 0;display: block;} 
div#content{width: 650px;float: left;line-height: 1.8em; text-align: justify;padding-right: 44px;border-right: 1px solid #dddddd;margin-bottom: 25px;} 
/* (additional styles and sidebar CSS) */ 
/* footer */div#push {height: 60px;clear: both;} 
div#footer{width: 100%;height: 273px;background-image: url(/gui/footer_background.jpg);background-repeat: repeat-x;display: block;clear: both;color: #ffffff;font-size: 11px;position: relative;}

This is the basic HTML (removed template tags and irrelevant content) for my page

HTML4Strict Code:
 
        logo    menu 
 
 
 
          page content      
               sidebar      
      
 
 
footer content

Any ideas? I’m guessing I’m overlooking some detail somewhere, but it keeps looking wrong.

Thanks in advance for any help,
Stef