Drop-down menu troubles.

Hello! I've been working on a website and learning CSS as I go along. The navigation bar was working fine until I decided to try and implement a drop down menu function. I've been struggling for a few days and I have a few questions!

The site in question is here: http://www.neuk.ca/cssconfusion/

Bilingual (French and English) Site Design

Hi guys,

I need pointers on how to develop a bilingual site using either html, CSS, Javascript, or a combination of the three.

Here's what I have done so far:

1- I have an index files which contains an iframe. The purpose of the index file is to provide a static template, a frame, for a title bar, navigation and footer. One index file is in French, the other in English (index-e, and index-f).

2- I created several html files (in connection with the menu topics in the navigation bar) to be loaded and targeted at the iframe within the index file.

CSS issues in IE8 only - help!

Hi there,

I'm having some serious issues with my CSS - but strangely this seems to be happening in IE8 only.

The menu of my website uses CSS divs and spans to give the 'hover' over effect (where the image changes when you hover over it). Two of the images that make up my menu are being pushed down, and I just can't figure out why. The image sizes are fine, and the code 'appears' to be ok...might this be a browser issue or my code?

I was hoping that a CSS guru out there might be able to help me and shed some light on this issue.

Align menu subitems in the center

Hi all,

I have been playing with my joomla submenu items for quite a long time but i am not an expert in CSS at all, expecially with Joomla and artisteer (template generator)

So what I would like to do is get the menu subitems to be centered, and if possible with a separator.

Could anyone help me with these last steps of my work on that menu?

Thank you so much


Center a div inside another div

Well, right to the point, I've tried to center a div inside another div. I don't have the code with me now, but I'll try to make it as clear as possible.
I have a header, something like this:

#header {
  position: absolute;
  display: block;
  top: 10px;
  height: 30px;
  width: 800px;
  left: 50%;
  margin-left: -400px;

It works fine. Now I just want to add buttons to this block, something like:

.button {
  top: 5px;
  height: 20px;
  width: 40px;
  anything else that helps me centering it;

Then I can do:

Syndicate content