Balise span ça fait 3 blocs côte à côte ?!

**happyboon** · 22/10/2012, 14h28

Bonjour à tous, j'ai un sérieux problème et là ça me ronge les méninges
voilà un bout de mon code avec lequel je voudrais faire apparaître 3 blocs côte à côte

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<span> <!--premier bloc pour présenter l'élement du menu selectionné-->
	<table align="left" width="800" border="1px" >
	<tr>
		<td>
		Bienvenue sur le portail officiel de NOUSS NABIL. 
		Ce site vous permet de découvrir.......
		</td>
	</tr>	
	</table>
</span>
 
<span><!--deuxième bloc pour espacer le premier du troisième-->
	<table width="40" border="2px">
	<tr>
	<td>okay voyons voir</td>
	</tr>
	</table>
</span>
<!--fin du bloc séparateur-->
 
<span><!--troisième bloc-->
	<table width="150" border="2">
		<tr>
		<td>Autres liens NOUSS NABIL</td>
		</tr>
	</table>
</span>

mais j'obtiens que les deux premiers blocs sont alignés tandis que le troisième est en dessous des autres

**Safi_heram** · 22/10/2012, 14h40

Salut,
c'est èa cause de cette ligne :
<table align="left" width="800" border="1px" >

voila je teconseille de mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<table>
<tr>
<!--1er bloc-->
<td>
Bienvenue sur le portail officiel de NOUSS NABIL. 
		Ce site vous permet de découvrir.......</td>
<!--2eme bloc-->
	<td>okay voyons voir</td>
<!--troisième bloc-->
		<td>Autres liens NOUSS NABIL</td>
		</tr>
</table>

et un conseil pour separer bien tes bloc utlise la grille 960 pour bien calculer tes pixel:
http://960.gs/

**happyboon** · 22/10/2012, 15h04

donc si je comprend bien safi_heram faut que je laisse tomber les span?

en passant merci pour le topo 960

**Muchos** · 22/10/2012, 15h07

Entouré des éléments de type bloc par la balise span ne les rend pas inline !
En outre, ne faites pas de mise en page avec des table… S'il vous plaît… Que la bête immonde ne soit plus féconde…

**Safi_heram** · 22/10/2012, 18h36

Envoyé par Muchos

Entouré des éléments de type bloc par la balise span ne les rend pas inline !
En outre, ne faites pas de mise en page avec des table… S'il vous plaît… Que la bête immonde ne soit plus féconde…

Utiliser une balise ou non ?si une balise est créer pour une raison, vérifie la raison pourquoi il est crée si elle te va , si elle a du bon sens dans ton contexte et lance toi

**Kaamo** · 22/10/2012, 19h00

En l'occurrence, l'utilisation des tables n'est pas adéquates pour réaliser la structure d'une page web. La balise table sert à afficher des données tabulaires, comme son nom l'indique.

span et bloc ? C'est assez contradictoire. Par définition, span n'est pas censé être un élément de type bloc, c'est un élément inline. Pour afficher des blocs, utilisez des balises de type bloc

Un exemple avec float: left

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
  <head>
    <title>Mise en page</title>
    <style type="text/css">
      body { margin: 0px; padding: 0px; }
      .float { float: left; width: 250px; height: 500px; border: 1px solid #000; margin: 0.5em; padding: 0.5em; }
      .spacer { clear: both; }
    </style>
  </head>
  <body>
    <div class="float">
      première colonne
    </div>
    <div class="float">
      deuxième colonne
    </div>
    <div class="float">
      troisième colonne
    </div>
 
    <div class="spacer"></div>
 
    Sous la div "spacer", qui permet de réinitialiser le positionnement
  </body>
</html>

**happyboon** · 23/10/2012, 09h18

Envoyé par Kaamo

En l'occurrence, l'utilisation des tables n'est pas adéquates pour réaliser la structure d'une page web. La balise table sert à afficher des données tabulaires, comme son nom l'indique.

span et bloc ? C'est assez contradictoire. Par définition, span n'est pas censé être un élément de type bloc, c'est un élément inline. Pour afficher des blocs, utilisez des balises de type bloc

Euh! c'est la première fois que j'entends parler de ces notions inline et balise de type bloc. Jamais entendu parler en class

quelqu'un peut il m'aider avec des liens pour me cultiver
merci à tous vous êtes géniaux

Balise span ça fait 3 blocs côte à côte ?!

HTML

Vue hybride

Discussions similaires

Partager

Partager