Organisation d'une page web
bloomingdals
Messages postés
87
Statut
Membre
-
Le Dodo Messages postés 2307 Date d'inscription Statut Membre Dernière intervention -
Le Dodo Messages postés 2307 Date d'inscription Statut Membre Dernière intervention -
Bonsoir,
j'aimerai creer une interface web exactement comme celle qui se trouve à ce lien http://www.jqchart.com/jquery/chart en changeant bien sur les couleurs, le logo et contenu suivant mes besoins. L'organisation de la page me plait beaucoup mais je n'ai jamais programmé en CSS. J'ai essayé de récupérer le fichier CSS de la page mais en en vain.
Comment je pourrais creer ceci (surtout les boutons en vert a gauche)?
merci beaucoup
j'aimerai creer une interface web exactement comme celle qui se trouve à ce lien http://www.jqchart.com/jquery/chart en changeant bien sur les couleurs, le logo et contenu suivant mes besoins. L'organisation de la page me plait beaucoup mais je n'ai jamais programmé en CSS. J'ai essayé de récupérer le fichier CSS de la page mais en en vain.
Comment je pourrais creer ceci (surtout les boutons en vert a gauche)?
merci beaucoup
7 réponses
-
Salut,
Je te le dis tout de suite : si tu n'as jamais fait de CSS, tu peux laisser tomber cette idée pour le moment.
Si tu veux apprendre et que tu es assez bon en anglais, tu peux aller sur le site https://www.w3schools.com/
C'est LA référence pour tout ce qui est développement web. (HTML, CSS, Javascript, mais pas de PHP...)
-
bonjour
le menu à gauche , c'est un menu accordéon, il existe des scripts sur le web, mais il faut connaître un peu le css pour des modifications. -
Merci beaucoup pour l'infos je vais me baser sur cet indice pour creer ce modèle
-
Salut,
Si tu veux les codes, les voici :
html
view-source:https://www.dvxcharts.com/javascript/chart
css
https://www.dvxcharts.com/javascript/chart
https://www.dvxcharts.com/javascript/chart
https://www.dvxcharts.com/javascript/chart
https://www.dvxcharts.com/javascript/chart
http://www.jqchart.com/jquery/chart/Content/themes/le-frog/jquery-ui-1.8.20.css
https://www.dvxcharts.com/javascript/chart
http://www.jqchart.com/jquery/chart/Content/themes/le-frog/jquery-ui-1.8.20.css
https://www.dvxcharts.com/javascript/chart
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
Bon j'ai commencé à developper un peu mon interface.
J'ai réussi à creer le menu en accordion que je voulais avec le code CSS correspondant mais il est situé au milieu de ma page html comment faire pour qu'il le mettre à gauche?? -
merci pour la réponse ça fonctionne.
J'ai maintenant ce code html:<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" charset="utf-8"> </head> <body> <div id="header"></div> <div class="wrap"> <ul class="menu"> <li><a href="#">Server monitoring</a> </li> <li><a href="#">Routing</a> <ul> <li><a href="#"><img src="arrow.png">Route History</a></li> <li><a href="#"><img src="arrow.png">IPv4 and IPv6 prefixes</a></li> <li><a href="#"><img src="arrow.png">Received and Advertised prefixes</a></li> <li><a href="#"><img src="arrow.png">Masks</a></li> </ul> </li> <li><a href="#">Peers</a> <ul> <li><a href="#"><img src="arrow.png">Bgp Updates exchanged</a></li> <li><a href="#"><img src="arrow.png">Other</a></li> <li><a href="#"><img src="arrow.png">Other2</a></li> </ul> </li> <li><a href="#">Traffic and Througput</a> <ul> <li><a href="#"><img src="arrow.png">Total traffic</a> <li><a href="#"><img src="arrow.png">Total Throughput</a> <li><a href="#"><img src="arrow.png">Applications</a> </ul> </li> <li><a href="#">Alarms</a> <ul> <li><a href="#"><img src="arrow.png">Chassis state</a></li> <li><a href="#"><img src="arrow.png">Route state</a></li> <li><a href="#"><img src="arrow.png">Traffic state</a></li> <li><a href="#"><img src="arrow.png">Peers state</a></li> </ul> </li> </ul> </div> <div id="contenu"></div> <div id="footer" ></div> </body> </html>
mon problème est que lorsque je supprime une sous rubrique (par exemple Other2 de la rubrique principale Peers), au lieu qu'elle disparait complêtement, le texte disparait mais un rectangle gris reste.
si vous voulez je pourrais vous poster mon fichier CSS
