Openweb.eu.org

Bouton CSS

rebbahi — 2016-10-09T04:27:15Z

Bonjour,

Peux tu m'aider stp,

Je viens de créer un sous menu horizontal sur joomla 2.5 (beez_20) mais il y a toujours un décalage entre le menu et le sous menu.

voilà le code,

#header ul.menu

/* top:62px ; */
top:5em ;

padding : 0px 0px 0px 0 ;
background :#e0e0e0 url(../images/personal/ecke.gif) top left repeat-x ;
border:0 ;
text-align:left ;
left:0px ;
display:block ;
margin:0px 10px 0 10px ;
border-top:solid 1px #ddd ;

#header ul.menu li
border:0 ; margin:0 !important ;
#header ul.menu li a:link,
#header ul.menu li a:visited

color :#333 ;
border:0 ;
border-right:solid 1px #ddd ;
margin:0px 0 0 0 ;
padding:12px 15px ;
position:relative ;
background : #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left ;
display:inline-block

#nav ul.menu font-size : 20px ;
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus

background :#0d4c89 ;
color :#fff ;

#header ul li.active a:link,
#header ul li.active a:visited

color :#FF0000 ;
background:url(../images/personal/navi_active.png) ;
text-shadow : 1px 1px 1px #000 ;

#header ul.skiplinks

width:100% ;
text-align:left ;
background:none ;
z-index:20000 ;
top:0 ;
display:inline ;
padding:0

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus

background :#095197 !important ;
color :#fff !important ;
border:solid 1px ;
top:0 !important ;
z-index:10000 ;
right:auto ;
left:0 !important ;
display:block

/* ++++++++++++++ fontsize ++++++++++++++ */

#fontsize

display:inline ;

#fontsize p a:link,
#fontsize p a:visited

color :#222 ;
border-right:solid 1px #ccc

#fontsize p a.larger,
#fontsize p a.reset,
#fontsize p a.smaller

padding-left:5px ;
padding-right:5px ;
text-decoration:none ;
margin:0 ;

#fontsize p a:hover,
#fontsize p a:active,
#fontsize p a:focus

background :#095197 !important ;
color :#fff

#fontsize h5

color :#222 ;
font-weight:bold

/* ++++++++++++++ search ++++++++++++++ */

Bouton CSS

Jean Philippe — 2015-04-02T22:19:43Z

Bonjour,
J'ai crée 2 boutonnière verticales et j'aimerais les mettre cote à cote sur la meme ligne.

Comment faire.

Cordialement.

Bouton CSS

grisbi — 2013-01-31T19:54:20Z

personnellement j'ai bien cette interface dépouillée aller à l'essentiel le contenu surtout
puis un temps de chargement tres rapide
enfin chacun son truc ya qu'a voir google une interface ....simple mais efficace

a++

Bouton CSS

Pascale Lambert Charreteur — 2012-11-03T09:48:38Z

Bonjour,

Alors, oui c'est peut-être plus simple d'aller directement à la source où toutes les explications détaillées sont données. Cela dit, pour faire court, on peut enregistrer les styles à 3 endroits différents :

au sein du code (à n'utiliser qu'exceptionnellement) grâce à l'attribut style
entre les balises en-tête
et surtout dans une feuille de style externe (LA solution à privilégier)

Bonne continuation.

Bouton CSS

Monique — 2012-11-02T22:07:44Z

Bonjour Georges,

Impossible de répondre en quelques mots, je vous invite donc à découvrir CSS Débutant, le site de l'auteure de cet article.

Amicalement,
Monique

Bouton CSS

Georges — 2012-11-02T21:57:08Z

Bonjour,
Totalement débutant je me demande ce que l'on fait du code CSS ?
Merci
Bien amicalement

Bouton CSS

ced — 2011-12-23T18:32:46Z

bonjour et merci pouèr ce tuto.
je cherche a faire également un menu vertical mais uniquement pour des images ( le texte y est inclus) je n'y arrive absolument pas...

Bouton CSS

adolphe — 2011-12-12T18:03:05Z

Pratiquement excellent !! Pas autre mot qu'excellent !!

Bouton CSS

nikiweb — 2011-05-16T20:26:13Z

Un grand merci pour ces explications claires, détaillées et très pratiques. L'article a beau dater de 2003, il est encore parfaitement d'actualité. Nous nous sommes d'ailleurs largement reposé dessus pour la mise en forme des boutons sur notre site de comparateur de mandataires automobile. Merci !

Bouton CSS pour les boutons submit

OLIPHAN — 2010-11-29T04:06:32Z

dans css

#submit
color : #b3000f ;
text-align : center ;
font-size : 12px ;
font-weight : bold ;
background :#FFFFFF ;
width : 160px ;
/* Defini le changement lors du passage de la souris sur le bouton du sous menu */
#submit2
color : #FFFFFF ;
text-align : center ;
font-size : 12px ;
font-weight : bold ;
background-color :#b3000f ;
width : 160px ;

dans page html (je suis obligé d'enlever l'accolade de input pour afficher le code du bouton, n'oublier pas de la remettre...)

input id="submit" type="submit" onmouseout="id='submit'" onmouseover="id='submit2'" value="Créer"/>

Bouton CSS

OLIPHAN — 2010-11-29T04:01:18Z

dans css

dans page html (je suis obligé d'enlever l'accolade de input pour afficher le code du bouton, n'oublier pas de la remettre...)

input id="submit" type="submit" onmouseout="id='submit'" onmouseover="id='submit2'" value="Créer"/>

Bouton CSS

OLIPHAN — 2010-11-29T03:58:50Z

dans css

#submit
color : #b3000f ;
text-align : center ;
font-size : 12px ;
font-weight : bold ;
background :#FFFFFF ;
width : 160px ;

/* Defini le changement lors du passage de la souris sur le bouton du sous menu */
#submit2
color : #FFFFFF ;
text-align : center ;
font-size : 12px ;
font-weight : bold ;
background-color :#b3000f ;
width : 160px ;

dans page html (je suis obligé d'enlever l'accolade de input pour afficher le code du bouton, n'oublier pas de la remettre...)

input id="submit" type="submit" onmouseout="id='submit'" onmouseover="id='submit2'" value="Créer"/>

Bouton CSS

2010-11-06T15:47:11Z

Bonjour,

J'ai trouvé l'article très intéressant. En revanche, si l'on veut utiliser cette technique pour un bouton "Submit" de formulaire, comment fait-on ?

Merci de votre réponse.