Sujet Précédent Sujet Suivant

Organisation d'une page web

Fermé
bloomingdals Messages postés 74 Date d'inscription mercredi 20 février 2013 Statut Membre Dernière intervention 6 août 2013 - Modifié par irongege le 21/05/2013 à 13:24
Le Dodo Messages postés 1932 Date d'inscription jeudi 10 mars 2011 Statut Membre Dernière intervention 27 août 2013 - 28 mai 2013 à 12:27
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 1932 Date d'inscription jeudi 10 mars 2011 Statut Membre Dernière intervention 27 août 2013 244
20 mai 2013 à 16:10
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é
20 mai 2013 à 19:56
Avec LE siteduzero.com
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
23 mai 2013 à 11:37
+10 pour le Site du Zéro
0
Le Dodo Messages postés 1932 Date d'inscription jeudi 10 mars 2011 Statut Membre Dernière intervention 27 août 2013 244
28 mai 2013 à 12:27
Aussi :-)
0
Réponse 2 / 7
ideal23 Messages postés 456 Date d'inscription mercredi 30 avril 2008 Statut Membre Dernière intervention 16 mai 2014 28
20 mai 2013 à 16:11
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 74 Date d'inscription mercredi 20 février 2013 Statut Membre Dernière intervention 6 août 2013 2
20 mai 2013 à 17:16
Merci beaucoup pour l'infos je vais me baser sur cet indice pour creer ce modèle
0
Réponse 4 / 7
Profil bloqué
20 mai 2013 à 19:58
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 74 Date d'inscription mercredi 20 février 2013 Statut Membre Dernière intervention 6 août 2013 2
21 mai 2013 à 13:21
merci énormément
0
Profil bloqué
21 mai 2013 à 18:15
lol
0
Réponse 6 / 7
bloomingdals Messages postés 74 Date d'inscription mercredi 20 février 2013 Statut Membre Dernière intervention 6 août 2013 2
22 mai 2013 à 15:08
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é
22 mai 2013 à 16:07
ajouter dans le css correspondant

float:left;
position:relative;
left:0px;
0
Réponse 7 / 7
bloomingdals Messages postés 74 Date d'inscription mercredi 20 février 2013 Statut Membre Dernière intervention 6 août 2013 2
22 mai 2013 à 16:59
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é
22 mai 2013 à 23:55
Oui, il faudrait le css correspondant ou mieux, un lien vers la page web
0

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses
connection ok mais aucune page ne s'affiche
gandounet -
fabiennetitou -

10 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses