tableau HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas

En cours tableau HTML

Message par Norm Hyck le Mer 15 Aoû 2012 - 22:34

bonjour comment faire un tableau comme celui que j'ai creer en bas


merci d'avance


Dernière édition par Norm Hyck le Ven 17 Aoû 2012 - 22:24, édité 1 fois

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Mer 15 Aoû 2012 - 22:50

le fond avec cette image


et l’écriture et les lignes en jaune pas trop claire

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Ven 17 Aoû 2012 - 21:40

up please

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Ven 24 Aoû 2012 - 16:19

[b]up[/b]

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Shadows du 78 le Ven 24 Aoû 2012 - 17:13

Code:
<table style="background-image: url(http://i35.servimg.com/u/f35/17/65/38/74/index10.gif)">
<tr>
<td><a href="lien">Règles</a></td>
<td><a href="lien">Carte galactique</a></td>
<td><a href="lien">Présentation</a></td>
<td><a href="lien">En plus</a></td>
<td><a href="lien">Chatbox</a></td>
</tr>
</table>

Pour le menu déroulant ça doit se faire en JS mais je ne vois pas trop comment faire.

Shadows du 78
****

Masculin
Messages : 227
Inscrit(e) le : 28/09/2007

http://www.nintendo-player.com/
Shadows du 78 a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Sam 25 Aoû 2012 - 11:57

Qui saurai faire le menu deroulant ?

Ps: shadow : merci

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Jeu 30 Aoû 2012 - 22:36

up

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Ven 31 Aoû 2012 - 17:28

Désolé mais j'ai testé ce bout de tableau mais le colone du tableau ne se voyent pas

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Mar 4 Sep 2012 - 22:00

up

Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Automne le Mer 5 Sep 2012 - 1:58

Bonjour,

Pour le menu déroulant vous pouvez tester ceci

Code:
<div id="menu">
<ul>
  <li><a href="url de la page">Règles</a></li>
  <li><a href="url de la page">Carte galactique</a></li>
  <li><a href="url de la page">Présentation</a></li>
  <li><a href="url de la page">En plus</a>
      <ul>
      <li><a href="url de la page">Groupe</a></li>
      <li><a href="url de la page">Staff</a></li>
      <li><a href="url de la page">Top site</a></li>
      <li><a href="url de la page">Crédits</a></li>
      </ul>   </li>
  <li><a href="url de la page">Chatbox</a></li>
</ul>
</div>

Dans le css (pa << affichage << couleurs << feuille de style css) coller ceci
Code:
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:20px;
 height:30px;
    background-image:url( http://i35.servimg.com/u/f35/17/65/38/74/index10.gif);
 
 }
#menu li a {
 width:100px;
 color:#ffffff; /couleur du texte/
 text-decoration:none;
 padding:25px;
 }
#menu li a:hover {
 color:#FFD700; /couleur du texte survolé/
 }
#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute; 
 }


N'ayant pas trop compris la position de l'image, je l'ai mise en fond de votre menu.

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Norm Hyck le Mer 12 Sep 2012 - 14:30

salut

pour un truc comme ca

c'est la meme techniques ?


Norm Hyck
***

Masculin
Messages : 184
Inscrit(e) le : 12/07/2012

http://galaxyworld.forumactif.com
Norm Hyck a été remercié(e) par l'auteur de ce sujet.

En cours Re: tableau HTML

Message par Automne le Mer 12 Sep 2012 - 22:54

Salut,

Tuto tableau en onglet http://forum.forumactif.com/t310879-tableaux-a-onglets

Pour le défilement souligné sur votre capture, cela s'appelle une scrollbar.

Les propriétés css que vous pouvez utiliser.
width: 100px ; largeur
height: 100px ; hauteur
overflow: auto ; creer une scrolbar
background-color : #000000; couleur du fond
ou avec une image de fond background: url('votre image');
color: #B9121B; couleurs du texte
padding: 10px ; marge des bordures intérieure
font-size: 10px ; taille police écriture
border: solid 5px #EDF7F2 ; bordure du tableau et sa couleur
text-align: chaine; c'est l'alignement du texte, vous pouvez mettre left, center, right, justify...

Le code avec toutes les applications du haut pour le défilement

Code:
    <div style=" width: 50px; height: 50px; overflow: auto; background-color : #000000; color: #B9121B;  padding: 10px; font-size: 10px; border: solid 5px #EDF7F2;  text-align: chaine; ">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE</div>

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum