Question html
Résolu/Fermé
A voir également:
- Question html
- Editeur html - Télécharger - HTML
- &Nbsp html - Forum HTML
- Espace en html - Astuces et Solutions
- Espace html ✓ - Forum HTML
- Br html - Forum CSS
7 réponses
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 752
1 févr. 2013 à 14:41
1 févr. 2013 à 14:41
C'est mieux...
Ajoutez :
Ajoutez :
margin-bottom: 40px;à votre css dans :
#corpsmateriel aComme ceci :
#corpsmateriel a
{
display : block;
padding : 0;
background : #e1e1e1;
color : #000; /* couleur du texte */
text-decoration : none;
width : 125px;
height: 125px;
margin-right: 40px;
margin-bottom: 40px;
text-align: center;
float: left;
border: 1px solid #000;
border-radius: 5px;
}
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 752
1 févr. 2013 à 14:20
1 févr. 2013 à 14:20
Bonjour,
Sans le code de la page, ça va être difficile...
Tes carrés sont :
- des cellules d'un tableau (<table><tr><td></td> etc..)
- des div
selon, il nous faudra le code html et/ou css...
Sans le code de la page, ça va être difficile...
Tes carrés sont :
- des cellules d'un tableau (<table><tr><td></td> etc..)
- des div
selon, il nous faudra le code html et/ou css...
Heu oui c'est peut etre utile :p
Voici mon css
#corpsmateriel
{
width: 900px;
height: 350px;
padding: 10px 0px 0px 50px;
}
#corpsmateriel a
{
display : block;
padding : 0;
background : #e1e1e1;
color : #000; /* couleur du texte */
text-decoration : none;
width : 125px;
height: 125px;
margin-right: 40px;
text-align: center;
float: left;
border: 1px solid #000;
border-radius: 5px;
}
#corpsmateriel a:hover
{
color: #fff;
background: #071d7b;
}
voici mon code html
<div id="corps">
<div id="corpsmateriel">
<div><a href="audio.html">Audio</a></div>
<div><a href="lumieres.html">Lumières</a></div>
<div><a href="scenes.html">Scène</a></div>
<div><a href="cablage.html">Cablage</a></div>
<div><a href="tivoli.html">Tivoli</a></div>
<div><a href="cirque.html">Cirque</a></div>
<div><a href="camping.html">Camping</a></div>
</div>
</div>
Voici mon css
#corpsmateriel
{
width: 900px;
height: 350px;
padding: 10px 0px 0px 50px;
}
#corpsmateriel a
{
display : block;
padding : 0;
background : #e1e1e1;
color : #000; /* couleur du texte */
text-decoration : none;
width : 125px;
height: 125px;
margin-right: 40px;
text-align: center;
float: left;
border: 1px solid #000;
border-radius: 5px;
}
#corpsmateriel a:hover
{
color: #fff;
background: #071d7b;
}
voici mon code html
<div id="corps">
<div id="corpsmateriel">
<div><a href="audio.html">Audio</a></div>
<div><a href="lumieres.html">Lumières</a></div>
<div><a href="scenes.html">Scène</a></div>
<div><a href="cablage.html">Cablage</a></div>
<div><a href="tivoli.html">Tivoli</a></div>
<div><a href="cirque.html">Cirque</a></div>
<div><a href="camping.html">Camping</a></div>
</div>
</div>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Oh merci merci beaucoup, c'est parfait :D
Je peux maintenant me concentrer sur la mise en place des photos à l'intérieur des cadres !!!
C'est vraiment super sympa , car je fait beaucoup de recherche , mais voilà dés fois je craque ^^
nat
Je peux maintenant me concentrer sur la mise en place des photos à l'intérieur des cadres !!!
C'est vraiment super sympa , car je fait beaucoup de recherche , mais voilà dés fois je craque ^^
nat
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 752
1 févr. 2013 à 14:50
1 févr. 2013 à 14:50
Beaucoup de recherches ne me semblaient pas utiles...
A partir du moment ou tu écris dans ton code : margin-right: 40px; pour ajouter une marge à droite, après suffit de savoir (et là une toute petite recherche suffit) que pour une marge en bas c'est : margin-bottom qu'il faut utiliser.......
Ou alors, tu n'as absolument rien écris et/ou compris du code ci-dessus. Auquel cas, je te recommande vivement de t'y pencher tout de suite, ne serais ce que pour la maintenance de ton site.
De plus, il faut savoir quelque chose de très important. Pour le référencement de ton site, un code propre et fait pour, te permettra de gagner beaucoup de temps...
A partir du moment ou tu écris dans ton code : margin-right: 40px; pour ajouter une marge à droite, après suffit de savoir (et là une toute petite recherche suffit) que pour une marge en bas c'est : margin-bottom qu'il faut utiliser.......
Ou alors, tu n'as absolument rien écris et/ou compris du code ci-dessus. Auquel cas, je te recommande vivement de t'y pencher tout de suite, ne serais ce que pour la maintenance de ton site.
De plus, il faut savoir quelque chose de très important. Pour le référencement de ton site, un code propre et fait pour, te permettra de gagner beaucoup de temps...
Je le comprends de mieux en mieux , car je fait des fiches , je pense qu'il est propre enfin j'espère en tout cas j'ai fait au plus simple .
J'ai pris une base puis peu à peu en premier lieu j'ai essayer de le comprendre, beaucoup de chose m'échappe encore mais bon , je me régale.
Si j'avais eu ça dans ma jeunesse je pense que j'en aurais fait mon métier ^^
J'ai pris une base puis peu à peu en premier lieu j'ai essayer de le comprendre, beaucoup de chose m'échappe encore mais bon , je me régale.
Si j'avais eu ça dans ma jeunesse je pense que j'en aurais fait mon métier ^^
En fait dans mes recherches j'étais sur espace, et non marge , il me manque du vocabulaire , mais au moins j'ai su ce que voulais dire br ^^
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 752
1 févr. 2013 à 15:09
1 févr. 2013 à 15:09
pas de souci.
N'hésite pas en tout cas.
A+
N'hésite pas en tout cas.
A+
