Help with CSS Layouts [Was: Menu with submenu]

[jeanlouis83]

this is the link

Document sans nom

[Jon Fritz]

Branching from this discussion?

menu with submenu

[Nancy OShea]

https://forums.adobe.com/people/Jon+Fritz+II  wrote

Branching from this discussion?

menu with submenu 

Yes, Jon.  It's also a layout question now.  It's no longer about menus.

Nancy

[pziecina]

Having looked at the original 'menu' discussion, and the image shown for how it should look. I am wondering what the question actually is, as on the ipad the header looks almost correct, except it requires to be a little larger, to move the bottom border away from. the menu and logo.

[jeanlouis83]

I don't understand when you say

"except it requires to be a little larger, to move the bottom border away from. the menu and logo."

what element be a little larger ?

Is there a dreamweaver forum like the one in french ?

[pziecina · Accepted solution]

There is a general forum for those who prefer to use their native language, (french) at -

https://forums.adobe.com/community/international_forums/francais/content

By saying it needs to be a little larger, i mean that a larger height, (if set) or more padding is required.

[osgood_]

Change:

.maclasse {

float:right

}

to :

.maclasse {

clear: both;

padding-top: 15px;

}

and add float: right; to:

#menu /* Ensemble du menu */{

  font-weight : bold; /* on met le texte en gras */

  font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */

  font-size : 12px; /* hauteur du texte : 12 pixels */

float: right;

}

[jeanlouis83]

oui ca marche bien ca !

that works well !

[jeanlouis83]

My second problem is with the sub menu "Ma commune" the color is the color of my current page and I which the color is like accueil. I dont know whow stop the class="current" for the sub menu of "ma commune"

[osgood_]

Move the 'current' class from the <li> to the <a> like below:

<li><a href="#" class="current">Ma commune</a>

Then change this css selector:

.maclasse #menu .current a {

background-color: #7A2870;

}

To this:

/* CURRENT PAGE MARKER */

#menu .current {

background-color: #7A2870;

}

[jeanlouis83]

Yes Thank you verry much osgood_ my menu works fine now

thank's all the people of this forum to help me to understand CSS3