Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
CSS menu problem text overlaps the thing on one page...
Old 05-02-2007, 12:25 PM CSS menu problem text overlaps the thing on one page...
dansgalaxy's Avatar
Defies a Status

Posts: 6,522
Name: Dan
Location: Swindon
Trades: 0
Hi,

On a site im making i have a CSS menu and when it like floats out on what seems ti be only one page the text float over thetop if that makes sense...

http://calm.dansgalaxy.co.uk/events.php

Im not sure why... Anyone?

Thanks
Dan
__________________
Discounted Web Hosting With XDnet!
>> Get 25% of hosting~ Promo: Webmaster-talk <<

Please login or register to view this content. Registration is FREE
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
 
Register now for full access!
Old 05-02-2007, 09:53 PM Re: CSS menu problem text overlaps the thing on one page...
Experienced Talker

Posts: 36
Trades: 0
I am new to CSS but have you tried giving the sub navigation a z-index?

(Assuming it's the sub-navigation links your talking about...)
__________________

Please login or register to view this content. Registration is FREE
Phaaze is offline
Reply With Quote
View Public Profile
 
Old 05-03-2007, 02:42 AM Re: CSS menu problem text overlaps the thing on one page...
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Dan I'm not sure I'm following. I see you asked this morning though so maybe you solved things.

The menu works for me in IE, though not in Firefox just so you know.

If you haven't figured out the issue you were having just leave some more details and I'll take a look.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 05-03-2007, 02:48 AM Re: CSS menu problem text overlaps the thing on one page...
Experienced Talker

Posts: 36
Trades: 0
Quote:
Originally Posted by vangogh View Post
Dan I'm not sure I'm following. I see you asked this morning though so maybe you solved things.

The menu works for me in IE, though not in Firefox just so you know.

If you haven't figured out the issue you were having just leave some more details and I'll take a look.
I think he's talking about the green text showing on top of the navigation sub menu's... They should be hidden behind the sub menus when the sub menu's are visible.
__________________

Please login or register to view this content. Registration is FREE
Phaaze is offline
Reply With Quote
View Public Profile
 
Old 05-03-2007, 09:39 AM Re: CSS menu problem text overlaps the thing on one page...
dansgalaxy's Avatar
Defies a Status

Posts: 6,522
Name: Dan
Location: Swindon
Trades: 0
Yup thats the problem...

I checked the site in Firefox the other day and it worked, i will have to re-check when i get home, but it appears my server isnt working at the moment i cant open any of my sites... but can login to cpanel via another site... im gonna have to check it out when i get home,

It covers the other pages contents just not the events.php page, im wondering if this is because of the Divs which the content is in...

Thanks all,
Dan
__________________
Discounted Web Hosting With XDnet!
>> Get 25% of hosting~ Promo: Webmaster-talk <<

Please login or register to view this content. Registration is FREE
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-03-2007, 10:50 AM Re: CSS menu problem text overlaps the thing on one page...
Kirtan's Avatar
Who Am I?

Posts: 377
Name: Venkat Raj
Location: Salem, South India
Trades: 3
Code:
.menu {
z-index:-1;
}
.menu table {
z-index:0;
}
.menu li {
z-index:1;
}
Use this z-index order and it will be fine.
__________________
All the Buddhas of all the ages have been telling you a very simple fact: Be -- don't try to become.
Kirtan is offline
Reply With Quote
View Public Profile Visit Kirtan's homepage!
 
Old 05-03-2007, 12:49 PM Re: CSS menu problem text overlaps the thing on one page...
dansgalaxy's Avatar
Defies a Status

Posts: 6,522
Name: Dan
Location: Swindon
Trades: 0
this is what i currently have:
Code:
.menu
{
float:left;
margin-left: 0px;
margin-right: 20px;
margin-top: 1px;
width: 150px;
z-index:1000;
font-size:90%;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;     /******************************************************************* Width of navigation */
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; margin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#d4d8bd; /**************************************************************** BG colour of boxes norm */
height:26px; /***********************************************************************************************/
}
/* get rid of the table */
.menu table {
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;}
And why would it work for every other page eccept this events.php....

Could it not be that the div the text is in is making it float above everthign or something?...


Dan
__________________
Discounted Web Hosting With XDnet!
>> Get 25% of hosting~ Promo: Webmaster-talk <<

Please login or register to view this content. Registration is FREE
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-03-2007, 01:03 PM Re: CSS menu problem text overlaps the thing on one page...
Kirtan's Avatar
Who Am I?

Posts: 377
Name: Venkat Raj
Location: Salem, South India
Trades: 3
Dan

Other pages doesn't contain content. so i can't see whether it works well or not. But change the z-index as i mentioned. It works well with me after changing that.
__________________
All the Buddhas of all the ages have been telling you a very simple fact: Be -- don't try to become.
Kirtan is offline
Reply With Quote
View Public Profile Visit Kirtan's homepage!
 
Old 05-03-2007, 01:06 PM Re: CSS menu problem text overlaps the thing on one page...
Kirtan's Avatar
Who Am I?

Posts: 377
Name: Venkat Raj
Location: Salem, South India
Trades: 3
Increase margin-left of .eventcurlycontainer class. It overlaps menu. It creates the problem some menu's doesn't work well with FF.
__________________
All the Buddhas of all the ages have been telling you a very simple fact: Be -- don't try to become.
Kirtan is offline
Reply With Quote
View Public Profile Visit Kirtan's homepage!
 
Old 05-03-2007, 03:44 PM Re: CSS menu problem text overlaps the thing on one page...
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Z-index ONLY works on elements that are set to position:absolute or position: relative, so the z-index:1000 is pointless the way you have it now.

http://www.aplus.co.yu/lab/z-pos/
http://24ways.org/2005/zs-not-dead-baby-zs-not-dead
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-03-2007, 06:32 PM Re: CSS menu problem text overlaps the thing on one page...
dansgalaxy's Avatar
Defies a Status

Posts: 6,522
Name: Dan
Location: Swindon
Trades: 0
Ok firstly, http://calm.dansgalaxy.co.uk/about.php has PLENTY of content and the menu still works fine...

Which is why im thinking thats its the Divs whcih do the bent back corner thingy ... and if its how that works... im not sure im gonna have to study my CSS for clues....

Thanks all...

Dan

EDIT:

Right, i looked at it and if i remove the position: relative; which is in:
Code:
.eventcurlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
 position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
the menu works fine and covers the text jsut like all the other pages the only differance is that the text within the curlydiv things ****s diagionally up to the left... only by like a couple of px, so is there anyway to either get around this or to compensate for the amount it shifts when the position: relative is removed?

Thanks,
Dan
__________________
Discounted Web Hosting With XDnet!
>> Get 25% of hosting~ Promo: Webmaster-talk <<

Please login or register to view this content. Registration is FREE

Last edited by dansgalaxy; 05-03-2007 at 07:38 PM..
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Reply     « Reply to CSS menu problem text overlaps the thing on one page...
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.33591 seconds with 12 queries