Graphic Design Forum and Web Design Forum

Compare Web Hosting


Go Back   Graphic Design Forum and Web Design Forum »Web Design Forum »CSS Forum

Notices

CSS Forum Cascading Style Sheets (CSS) and XHTML Forum


Reply
 
LinkBack (1) Thread Tools Display Modes
  1 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 18-03-2008, 07:33 AM
nisha's Avatar
Junior Member
 
Join Date: Mar 2008
Gender: Female
Posts: 32
Default 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.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote

  #2 (permalink)  
Old 18-03-2008, 10:06 AM
blueocto's Avatar
forum sniper
 
Join Date: Oct 2007
Location: Newcastle upon Tyne
Gender: Female
Posts: 3,633
Default

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....
____________________________

"I don’t take a p!ss without getting paid." - Harlan Ellison
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
  #3 (permalink)  
Old 18-03-2008, 10:49 AM
nisha's Avatar
Junior Member
 
Join Date: Mar 2008
Gender: Female
Posts: 32
Default

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.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
  #4 (permalink)  
Old 18-03-2008, 10:52 AM
zumojuice's Avatar
100% Freshly Squeezed™
 
Join Date: Feb 2007
Location: York
Gender: Male
Posts: 4,708
Default

I'd strip it out of the articles page then re-insert from your working page.
____________________________

Richard Gray
zumojuice | Facebook | Twitter
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
  #5 (permalink)  
Old 19-03-2008, 09:39 AM
nisha's Avatar
Junior Member
 
Join Date: Mar 2008
Gender: Female
Posts: 32
Default

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
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Similar Threads
Thread Thread Starter Forum Replies Last Post
How to dance properly petra Off Topic 2 25-04-2008 09:41 PM
Show your first Graphic design work MaceHead Graphic Design Forum 4 07-01-2008 08:44 AM
Replace or show/hide a DIV using 'a' and 'a:hover' method.. distantweb CSS Forum 3 16-12-2007 10:28 AM
Best way to show work/images on website? Conteo General Web Design Forum 7 08-12-2007 08:33 AM
Nice way to show your print work Toon Flash Forum 6 18-06-2007 07:51 PM



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

Create your own custom 2010 Calendars

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 | Design by Miner Skinz.com | Logo Design UK | Art Schools Online | Pressure Seal Printing | Vision.To Design

Colour Print | Graphic Design UK | Logo Design | Photography Blog | Brochure Design UK | Design Forum Links | Logo Design

Graphic Design Schools Online | Integrated Cards | Integrated Labels | Graphic Design | Logo Design | Graphic Design Social Network

Logo Design | Integrated Cards & Labels | Graphic Design Tutorials | Logo Designer | UK Logo Design Studio

Colour Printers, Web Design and Logo Design UK | Business Cards | Accident and Injury Claims Rotherham UK | Logo Design Blog

Funfair Hire, Carousel Hire, Carnival Hire in the UK | Web Designer Rotherham, Yorkshire, UK | Damp Proofing & Plastering, Dartford, Kent

Damp Proofing, Refurbishment & Plastering, London | Wedding Photography London, Wedding Photographer, Kent

Free Dating in Sheffield | Free Dating in Sheffield and Yorkshire Forum | Motorhome Rental and RV Hire Scotland | Vector Art Blog

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

All times are GMT. The time now is 09:37 PM.


Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 Estetica Design Forum's Privacy Policy