Organisation d'une page web [Fermé]

Messages postés
74
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
6 août 2013
-
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
Afficher la suite 

7 réponses

Messages postés
1950
Date d'inscription
jeudi 10 mars 2011
Statut
Membre
Dernière intervention
27 août 2013
124
0
Merci
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 http://www.w3schools.com/

C'est LA référence pour tout ce qui est développement web. (HTML, CSS, Javascript, mais pas de PHP...)


Profil bloqué -
Avec LE siteduzero.com
AssassinTourist
Messages postés
6126
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
27 octobre 2019
751 -
+10 pour le Site du Zéro
Le Dodo
Messages postés
1950
Date d'inscription
jeudi 10 mars 2011
Statut
Membre
Dernière intervention
27 août 2013
124 -
Aussi :-)
Messages postés
456
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
16 septembre 2014
28
0
Merci
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.
Messages postés
74
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
6 août 2013
1
0
Merci
Merci beaucoup pour l'infos je vais me baser sur cet indice pour creer ce modèle
Messages postés
74
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
6 août 2013
1
0
Merci
merci énormément
Profil bloqué -
lol
Messages postés
74
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
6 août 2013
1
0
Merci
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??
Profil bloqué -
ajouter dans le css correspondant

float:left;
position:relative;
left:0px;
Messages postés
74
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
6 août 2013
1
0
Merci
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
Profil bloqué -
Oui, il faudrait le css correspondant ou mieux, un lien vers la page web