Aller au contenu
View in the app

A better way to browse. Learn more.
Next

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CSS, besoin d'aide

Par RetroBoy
dans Programmation et Lignes de code

Featured Replies

Posté(e)

Bonjour ! je debute en CSS et (x)HTML, enfin j'en ai fait a la fac mais j'ai envie d'appliquer tout ça maintenant , la theorie c'est marrant deux minutes mais pas plus lol. Donc depuis quelques jours j'ai ecumer divers tutoriaux ou autres site sur les CSS et xhtml, mais il a quelque chose que je n'arrive pas a faire, c'est un menu comme ce site par exemple : www.jeuvideo.com, c'est a dire que lorque l'on passe la souris sur "astuces" par exemple, la couleur de fond de astuce change sur tt la longueur (et ne s'arrete pas a la derniere lettre contraiment a mes essai) et l'on peut cliquer sur la 'zone' ou se trouve astuces, sans avoir besoin d'etre precisment sur les caractere qui composent astuces, et tout ça je ne sais pas faire :chinois:

voilà désolé si je ne suis pas tres clair, ou si ma question est un peu bete.

d'avance merci !

  • Citer
    • Posté(e)

    Un petit exemple :

    HTML :

    <html>
<head>
<title>Test de menu</title>
</head>
<body>
<div id="menucontainer">
	<ul id="navlist">
		<li id="active"><a href="#">Menu 1</a></li>
		<li><a href="#">Menu 2</a></li>
		<li><a href="#">Menu 3</a></li>
		<li><a href="#">Menu 4</a></li>
	</ul>
</div>
</body>
</html>

    CSS :

    #menucontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
}

#menucontainer ul li 
{ 
display: inline;
}

#menucontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#menucontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

    Et voilà :)

  • Citer

    • Archivé

    Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

    Aller sur la liste des sujets

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.