Organisation d'une page web

bloomingdals Messages postés 87 Statut Membre -  
Le Dodo Messages postés 2307 Statut Membre -
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
A voir également:

7 réponses

Réponse 1 / 7
Le Dodo Messages postés 2307 Statut Membre 246
 
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...)


0
Profil bloqué
 
Avec LE siteduzero.com
0
AssassinTourist Messages postés 7838 Statut Contributeur 1 312
 
+10 pour le Site du Zéro
0
Le Dodo Messages postés 2307 Statut Membre 246
 
Aussi :-)
0
Réponse 2 / 7
ideal23 Messages postés 505 Statut Membre 28
 
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.
0
Réponse 3 / 7
bloomingdals Messages postés 87 Statut Membre 2
 
Merci beaucoup pour l'infos je vais me baser sur cet indice pour creer ce modèle
0
Réponse 4 / 7
Profil bloqué
 
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
bloomingdals Messages postés 87 Statut Membre 2
 
merci énormément
0
Profil bloqué
 
lol
0
Réponse 6 / 7
bloomingdals Messages postés 87 Statut Membre 2
 
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??
0
Profil bloqué
 
ajouter dans le css correspondant

float:left;
position:relative;
left:0px;
0
Réponse 7 / 7
bloomingdals Messages postés 87 Statut Membre 2
 
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
0
Profil bloqué
 
Oui, il faudrait le css correspondant ou mieux, un lien vers la page web
0