+ Reply to Thread
Results 1 to 5 of 5

Thread: problems in my css one show hide tab does not work properly

  1. #1
    Junior Member nisha's Avatar
    Join Date
    Mar 2008
    Posts
    32

    problems in my css one show hide tab does not work properly

    hi,

    I am learning css and have developed a page and in that i have placed a collapsible tab on the home page of my site which slides down when user clicks on it. The whole tab works fine on the home page. but when i put the same css code in the inside page of my site. The position of the tab changes and their is some 30px approx. gap visible with white background above the tab.

    here is the link to my home page where the send cv tab works fine :

    Avenues

    here is the link to my inside page where the send cv tab shows errors :

    :: Avenues

    look at the top right side below the top navigation menu their is a send cv
    tab in the home page which i am talking about. Then go to the articles page.
    so u will get the error which i mentioned above that tab.

    Hope everything is understanding and not confusing.


    Help and assistance from anyone will be appreciated.


  2. #2
    Forum Sniper™ blueocto's Avatar
    Join Date
    Oct 2007
    Location
    Newcastle upon Tyne
    Posts
    5,214
    For a start I found this
    Code:
     <span style=" color:#FFFFFF; display:none; float:left; clear:both" id=Coords>?</span>
    Which I dont think should be there....

  3. #3
    Junior Member nisha's Avatar
    Join Date
    Mar 2008
    Posts
    32
    Quote Originally Posted by blueocto View Post
    For a start I found this
    Code:
     <span style=" color:#FFFFFF; display:none; float:left; clear:both" id=Coords>?</span>
    Which I dont think should be there....
    hi

    thanks for the suggestion i tried removing that span tag u suggested the placement of the tab didn't change and instead the tab was not able to close.

    So i think this is not a problem. It should be some thing else.

    Thanks for helping.

  4. #4
    100% Freshly Squeezed™ zumojuice's Avatar
    Join Date
    Feb 2007
    Location
    York
    Posts
    4,722
    I'd strip it out of the articles page then re-insert from your working page.
    Richard Gray
    zumojuice | Facebook | Twitter

  5. #5
    Junior Member nisha's Avatar
    Join Date
    Mar 2008
    Posts
    32
    Quote Originally Posted by zumojuice View Post
    I'd strip it out of the articles page then re-insert from your working page.
    thanks for the suggestion but it is not possible as i will have to code the whole page again and which will take a lot of time of mine.

    Instead i have got the solution to it and reduced the height of my header
    and i placed the send cv tab in its place but i couldn't remove the white colour from the background . I actually want the colour of my header in the place of the white colour that appears above the send cv tab.

    have a look at my page now :

    :: Avenues

    Also i have another problem is that the red colour text placed below the top navigation in all pages doesn't appear in IE .

    Hope u understand my error and will help me in fixing it.
    Help Appreciated

+ Reply to Thread

LinkBacks (?)

  1. 18-03-2008, 10:08 AM

Similar Threads

  1. How to dance properly
    By petra in forum Off Topic
    Replies: 3
    Last Post: 14-08-2009, 07:32 PM
  2. Show your first Graphic design work
    By MaceHead in forum Graphic Design Forum
    Replies: 4
    Last Post: 07-01-2008, 09:44 AM
  3. Replies: 3
    Last Post: 16-12-2007, 11:28 AM
  4. Best way to show work/images on website?
    By Conteo in forum General Web Design Forum
    Replies: 7
    Last Post: 08-12-2007, 09:33 AM
  5. Nice way to show your print work
    By Toon in forum Flash Forum
    Replies: 6
    Last Post: 18-06-2007, 07:51 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts


The Graphics Forum Web Design Stuff Free Decent Downloads Free Quality Wallpapers Graphics Forum Free Vista Themes
The Top The Best Images Tech Talk 247 Logo Design - $149 Affordable Stock Vector Illustrations Creativecurio - Design Blog Graphic Design Advertising

Check the forum often for the latest design announcements. Everything from graphic design and web design, to films and music. Estetica is a great place for people to get together and help each other out.



Web Hosting - UK Web Hosting services for business or personal website hosting needs.

Dedicated Servers - A full range of Managed Dedicated Server solutions suitable for all your requirements.

Graphic Design Blog | Web Design Forum | Graphic Design and Print Forum | Graphic Design Links | Advertise On This Site

Web Design UK | Vision.To Design | Leaflet Printing | Estetica Design Forum's Privacy Policy

Flyer Printing | Photography Blog | Design Forum Links | Logo Design | Graphic Design Social Network | Logo Design

Graphic Design Tutorials | Logo Designer | UK Logo Design Studio | Land for sale | Vector Art Blog | Leaflet Printing

Free Web Hosting | Custom Logo Design - $149 Only | Affordable Print Design Templates | Small Business Logo Design | Company Logo Design

Logo Design Service | Logo Design Firm | Logo Design Reseller | Custom Logo Design | Letterhead Printing | Flyer Printing | Business Card Printing

Printing | Leaflet Printing | Online Backup | T-Shirt Printing | Personalised Mugs | Canvas Printing | Free Web Hosting Comparison Site