Question html

Résolu/Fermé
Nat - 1 févr. 2013 à 14:03
 Nat - 1 févr. 2013 à 15:11
Bonjour,

Merci de m'aider , voici un lien pour etre plus clair dans mes explications.
Je ne sais pas comment faire pour qu'il y est un espace entre mes carrés
Audio et cirque
Lumière et camping
En langage html
http://www.servimg.com/image_preview.php?i=2341&u=11135248
merci d'avance pour votre aide
The noob qui persiste ^^

A voir également:

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 750
1 févr. 2013 à 14:41
C'est mieux...
Ajoutez :
margin-bottom: 40px;
à votre css dans :
#corpsmateriel a 
Comme 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; 
} 



1
pijaku Messages postés 12263 Date d'inscription jeudi 15 mai 2008 Statut Modérateur Dernière intervention 4 janvier 2024 2 750
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...

0
Profil bloqué
1 févr. 2013 à 14:25
oui un petit bout de code serait pas mal..
actuellement c'est une grande image avec des carrés ..
0
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>
0

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
0
pijaku Messages postés 12263 Date d'inscription jeudi 15 mai 2008 Statut Modérateur Dernière intervention 4 janvier 2024 2 750
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...
0
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 ^^
0
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 ^^
0
pijaku Messages postés 12263 Date d'inscription jeudi 15 mai 2008 Statut Modérateur Dernière intervention 4 janvier 2024 2 750
1 févr. 2013 à 15:09
pas de souci.
N'hésite pas en tout cas.
A+
0
Merci pour ton aide A+
0