14 replies [Last post]
j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

I'm having a problem with dropdown menus, they work fine on all the pages (www.jasongold.org) but when you try to go on them when viewing one of the portfolio pages (they're done in flash) (www.jasongold.org/travel) the dropdown doesn't work and hides behind the flash. Is there a simple solution to this or would you need me to post my code?

Also, on all of the i can't get the home and about button to seperate the same amount as the rest of the buttons any help on that too?

here is my css:

the left column is the buttons and about is the flash document

body {
	width: 999px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
 
}
 
.text10 {
	width: 799px;
	height: 250px;
	float: right;
	background-color: #666666;
	color: #a5a2b5
}
.logo {
	width: 200px;
	height: 100px;
	background-color: #000000;
	float: left;
}
 
 
.header {
	background-color: #999999;
	height: 20px;
	width: 999px;
}
.quotes {
	background-color: #9C9A9C;
	height: 100px;
	width: 200px;
	float: left;
}
.logo {
	height: 100px;
	width: 200px;
	background-color: #fffffff;
	float: left;
 
}
 
 
.left_column {
	float: left;
	height: 586px;
	width: 200px;
	background-color: #333333;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color:  #a5a2b5, #ffffff
	color: #ffffff;
	font-weight: bold;
}
.bar {
	height: 100px;
	width: 799px;
	background-color: #666666;
	float: right;
 
}
.bar1 {
	height: 100px;
	width: 799px;
	background-color: #000000;
	float: right;
 
}
.flash {
	height: 100px;
	width: 999px;
	background-color: #000000;
	float: right;
}
.footer {
	background-color: #999999;
	height: 20px;
	width: 999px;
	clear: right;
}
 
 
.image {
	background-color: #000000;
	height: 64px;
	width: 100px;
	float: left;
}
.blackmenu {
	background-color:#000000;
	height: 20px;
	width: 799px;
	float: right;
 
}
.menu {
	height: 64px;
	width: 699px;
	background-color:#333333;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
}
 
.about {
	height: 586px;
	width: 799px;
	float: right;
	background-color: #000000;
}
 
h1,h2,h3
{
	font-family: "times new roman";
	font-size: 16px,30px;
 
}
h1,h2,h3,hr {color:#ffffff,#FF00FF;}
.style1 {color: #a5a2b5}
.style2 {font-size: 24px}
.style3 {font-size: 24px; color: #666666; }
.style4 {
	font-size: 16px;
	font-weight: bold;
}
 
 
.style23 {font-size: 16px}
.style24 {
	font-size: 36px;
	font-weight: bold;
	color: #a5a2b5;
}

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 20 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

First, I dont see any

First, I dont see any dropdowns menus anywhere in IE or FF. Second, you need to get this validated before you style.

j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

when you hover over

when you hover over portfolio it should bring out sub categories but only from the homepage, contact page, portfolio page and about. On the other pages theyhide behind the flash.

And as for validation, this is my first css site so i'll prefer to get everything the way i want it first and then sort out the errors after otherwise i'll correct the errors and then i'll find new ones

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 49 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

j05hr wrote:And as for

j05hr wrote:

And as for validation, this is my first css site so i'll prefer to get everything the way i want it first and then sort out the errors after otherwise i'll correct the errors and then i'll find new ones

This is absolutely the biggest mistake you can make. The CSS rules you want pages to follow are designed with the basic assumption that they will apply to valid html. For invalid html there actually are no CSS standards to apply.

If you want to hold browsers responsible for displaying according to the rules of CSS you must give them valid html. You need to learn to do this right from the start.

Modern browser extensions make it easy and quick, yes there is a bit of a learning curve, but it goes with the territory.

If you supply a browser invalid html you have no basis for any complaint that they aren't obeying the standards because without valid html there isn't any standard.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

cheers for the heads up,

cheers for the heads up, i'll get on with that now. Would it be ok to check if you see any of pop up menus? and if you do, do you have any solutions of how to fix it being infront of the flash on the photography pages?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 49 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

j05hr wrote:cheers for the

j05hr wrote:

cheers for the heads up, i'll get on with that now. Would it be ok to check if you see any of pop up menus? and if you do, do you have any solutions of how to fix it being infront of the flash on the photography pages?

I really don't know anything much about flash, never having used it and never intending to if I can help it. One thing i do know though, is that there are accessible and valid ways to use flash on a page and if you want it to interact with other elements you have to make sure you make it valid.

Doing pop up menus in flash is generally a bad idea because a lot of people won't or can't use flash. I don't think google understand flash so if their spider visits it won't see any pages that are linked via flash menus.

Generally people are more likely to chime in and give a hand if your page is already validated because that makes helping much easier.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

the actual menu wasn't in

the actual menu wasn't in flash, i assume you didn't visit the site? It's a photography site and the client wanted right click disabled so people couldn't steal his images. I opted to use a flash gallery as i think it's better to display lots of images then html however the menu wasn't in flash the menu was css and i've sorted it now anyway. For anyone having the same problem just add

wmode="opaque" play="true"> at the end of your flash file and that should bring the menu over it.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 49 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Oh I definitely visited the

Oh I definitely visited the site but to tell the truth it turns me off,

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

Well thanks for the

Well thanks for the constructive criticism. It really helps when you say you don't like something but don't state why.

osgood
Offline
Enthusiast
Last seen: 14 years 13 weeks ago
Joined: 2008-09-24
Posts: 61
Points: 0

Don't worry about it. This

Don't worry about it. This guy Seedhouse is generally unhelpful unless everyones page conforms to his own tastes, so just ignore the ignorant twat.

j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

cheers mate, i'm having a

cheers mate, i'm having a bit of a problem on IE when you click any of the sub links on portfolio i.e fashion, portrait, travel from the homepage. The links don't work but from any other page they do work and on FF they work fine from the homepage.

osgood
Offline
Enthusiast
Last seen: 14 years 13 weeks ago
Joined: 2008-09-24
Posts: 61
Points: 0

Hi, I'm not familiar with

Hi,

I'm not familiar with this menu system at all but for IE it may be that you NEED to have the csshover.htc file present on your server. That file is attached to your 'body' tag in the IE specific comments in your css and the link:

www.jasongold.org/csshover.htc is indicating its not present on the server.

To be honest I wasn't aware of a pure css drop menu that could be used successfully in combination with IE without some form of javascript. Whatever is in the csshover.htc file may address such issues. However it may not.

j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

i fixed it, it just seemed

i fixed it, it just seemed to be that on all the other pages it had example.html where as on the index page i just example, changed it and now it seems to work.

http://www.seoconsultants.com/css/menus/tutorial/ that's the tutorial for pure css drop downs incase you ever need/want it

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 49 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

j05hr wrote:Well thanks for

j05hr wrote:

Well thanks for the constructive criticism. It really helps when you say you don't like something but don't state why.

Well as Osgood points out I have rather odd tastes when it comes to liking web pages. I didn't think it would have been to the point to tell you all my complaints about it since in many ways I an an outlier.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

j05hr
Offline
newbie
london
Last seen: 14 years 13 weeks ago
london
Joined: 2008-10-28
Posts: 8
Points: 0

criticism is always good if

criticism is always good if it states the reason why