[debutant] CSS et BR

**paterson** · 13/02/2009, 20h05

Bonjour , je me suis créé pour mon site une balise CODE, mais lorsque je fait plusieurs lignes, j'ai un trou énorme entre les lignes.

J'ai cherché , et je n'ai pas trouvé .

http://www.robot-amateur.com/Article...r_com-p24.html

Merci d'avance pour votre aide.

**grafik.muzik** · 13/02/2009, 20h22

Bonjour!
En premier lieu, dans l'ensemble du site, il est beaucoup plus indiqué d'utiliser la balise paragraphe (...) que la balise de coupure de ligne ( ou ).

Dans le cadre de l'utilisation d'une balise de préformatage (<pre>...</pre>) les saut à la ligne et les espaces sont interprétés comme tels. Cela signifie que le navigateur affiche les saut à la lignes qui sont dans ton code en plus de ceux que tu ajoutes avec la balise . Ainsi, tout tes saut de ligne sont doublés.

Il suffit donc d'éliminer les balises de ton code et c'est, en théorie, réglé.

**GihefBey** · 13/02/2009, 21h05

Bonjour,

Il faudra aussi que tu supprimes les double sauts de paragraphes.

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
27
28
29
30
 
	<pre style="margin-top: 0; display: inline;">#define ST 0 //Stop
 
#define stop 0
#define st 0
#define av 1 //avance
#define ar 2 //arri&eacute;re
 
void motg(char direction ,unsigned char puissance)
   {
   //partie direction
   switch(direction)
      {
      case ST://STOP
         output_high(IN1);
         output_high(IN2);
        // puissance=100;//arret totale
      break;
      case av://avant
         output_high(IN1);
         output_low(IN2);
      break;
      case ar://arri&eacute;re
         output_high(IN2);
         output_low(IN1);
      break;
      }
   //partie puissance
   ccp_1=puissance;
   }</pre>

++
Évite de coller des   partout.
Sers-toi de marges.

Place le DOCTYPE avant le <html>

Code html :

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

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//FR" "http://www.w3.org/TR/html4/loose.dtd">
<html>

-

**paterson** · 14/02/2009, 00h33

Merci a vous 2 , il me reste plus qu'a trouvé un moyen de trouver comment virer mes balises , donc trouvé un moyen de modifier uniquement le contenu de [code.]... [/code.] , je vais tenté de trouvé moi même pour cette partie .

Bonne soirée

**GihefBey** · 14/02/2009, 00h47

Quel éditeur utilises-tu pour ton code ?

Rechercher/Remplacer - limité à la sélection, il permet ?

D'autres   ou   devraient être aussi supprimés ailleurs.

-

**paterson** · 14/02/2009, 16h47

J'ai créé tout le site avec note pad ++

La fonction qui me permet de passer le BBCODE est la fonction BBCODE présenté dans le FAQ avec quelques ajout de ma part ...

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
function BBCODE($message)
	{	
		
	//$message=htmlspecialchars($message);//Remplace les caractéres spétiaux par leur équivalant .
	$message=nl2br($message);// Ajoute les <br>
	//Fonction GRAS 
	$message = str_replace("", "<b>", $message);
	$message = str_replace("", "</b>", $message);
	$message = str_replace("", "<b>", $message);
	$message = str_replace("", "</b>", $message);
	//Fonction souligner
	$message= str_replace("", "<u>", $message);
	$message= str_replace("", "</u>", $message);
	//Fonction italique
	$message= str_replace("", "<i>", $message);
	$message= str_replace("", "</i>", $message);
	//Fonction centré 
	$message= str_replace("", "<center>", $message);
	$message= str_replace("", "</center>", $message);
	//Les smilers , seront ici .... 
	/*$message = str_replace(':D','<img src="./img/smilers/icon_biggrin.gif" alt=":D" style="border:0"/>',$message);
	$message = str_replace(':)','<img src="./img/smilers/icon_smile.gif" alt=":)" style="border:0"/>',$message);
	$message = str_replace(':(','<img src="./img/smilers/icon_sad.gif" alt=":(" style="border:0"/>',$message);
	$message = str_replace(';)','<img src="./img/smilers/icon_wink.gif" alt=";)" style="border:0"/>',$message);
	$message = str_replace(':wink: ','<img src="./img/smilers/icon_wink.gif" alt=";)" style="border:0"/>',$message);*/
	$message= str_replace("[big]", "<H1>", $message);
	$message= str_replace("[/big]", "</H1>", $message);	

	$message= str_replace("[BIG]", "<H1>", $message);
	$message= str_replace("[/BIG]", "</H1>", $message);	
	
	//Titre 
	$message = str_replace("[H1]", "<H1>", $message);
	$message = str_replace("[/H1]", "</H1>", $message);
	$message = str_replace("[H2]", "<H2>", $message);
	$message = str_replace("[/H2]", "</H2>", $message);
	$message = str_replace("[H3]", "<H3>", $message);
	$message = str_replace("[/H3]", "</H3>", $message);
	
	
	$patterns = array();
    $replacements = array();
	//image
    $patterns[] = "#\[img\](.*?)\[/img\]#si";
	$replacements[] = "<img src=\"\\1\" border=\"0\" />";

	
    
	//url
	$patterns[] = "#\[url\]([a-z0-9]+?://){1}([\w\-]+\.([\w\-]+\.)*[\w]+(:[0-9]+)?(/[^ \"\n\r\t<]*)?)\[/url\]#is";
    $replacements[] = "<a href=\"\1\2\" target=\"_blank\" class=\"postlink\">\1\2</a>";

    $patterns[] = "#\[url\]((www|ftp)\.([\w\-]+\.)*[\w]+(:[0-9]+)?(/[^ \"\n\r\t<]*?)?)\[/url\]#si";
    $replacements[] = "<a href=\"http://\\1\" target=\"_blank\" class=\"postlink\">\\1</a>";

    $patterns[] = "#\[url=([a-z0-9]+://)([\w\-]+\.([\w\-]+\.)*[\w]+(:[0-9]+)?(/[^ \"\n\r\t<]*?)?)\](.*?)\[/url\]#si";
    $replacements[] = "<a href=\"\\1\\2\">\\6</a>";

    $patterns[] = "#\[url=(([\w\-]+\.)*?[\w]+(:[0-9]+)?(/[^ \"\n\r\t<]*)?)\](.*?)\[/url\]#si";
    $replacements[] = "<a href=\"http://\\1\">\\5</a>";
    //new test
	$patterns[] = "/\[url\=(.*?)\](.*?)\[\/url\]/is";
	$replacements[] = "<a href=\"$1\">$2</a>";
   
	//popup
   	$patterns[] = "/\[popup\=(.*?)\](.*?)\[\/popup\]/is";
	$replacements[] = "<a href=\"$1\" target=\"_blank\">$2</a>";
	$message=preg_replace($patterns, $replacements, $message);
	unset($patterns);
	unset($replacements);
	
	
	//Tableau
	//supprimer les <br> entre [/tr][tr]
	$patterns = array();
    $replacements = array();
	$patterns[] = "/\[table\=(.*?)\](.*?)\[/is";
    $replacements[] = "[table=$1]\n[";
	$patterns[] = "/\[table\](.*?)\[/is";
    $replacements[] = "[table]\n[";
	$patterns[] = "/\[tr\](.*?)\[/is";
    $replacements[] = "[tr]\n[";
	$patterns[] = "/\[\/td\](.*?)\[/is";
    $replacements[] = "[/td]\n[";
	$patterns[] = "/\[\/tr\](.*?)\[/is";
    $replacements[] = "[/tr]\n[";
//code
	$patterns[] = "#\[code\](.*?)\[/code\]#is";
	$replacements[] ="<div class=\"codeheader\">Code:</div>
	<div class=\"code\"><pre style=\"margin-top: 0; display: inline;\">$1</pre></div>";
	
	
	$message=preg_replace($patterns, $replacements, $message);
	unset($patterns);
	unset($replacements);
	
	
	$message=preg_replace($patterns, $replacements, $message);
	unset($patterns);
	unset($replacements);
	
	
	
	
	/////////////////////////////////////////////////////////////////
	//tableau fin
	$patterns = array();
    $replacements = array();
	$message= str_replace("", "</table>", $message);	
	$message= str_replace("[tr]", "<tr>", $message);
	$message= str_replace("[/tr]", "</tr>", $message);	
	$message= str_replace("[td]", "<td>", $message);
	$message= str_replace("[/td]", "</td>", $message);
	
	
  
	//dailymotion
	$patterns[] = "#\[dailymotion\](.*?)\[/dailymotion\]#is";
    $replacements[] = "<div>
		<object width=\"480\" height=\"381\"><param name=\"movie\" value=\"http://www.dailymotion.com/swf/$1&related=0\"></param>
		<param name=\"allowFullScreen\" value=\"true\"></param>
		<param name=\"allowScriptAccess\" value=\"always\"></param>
		<embed src=\"http://www.dailymotion.com/swf/$1&related=0\" type=\"application/x-shockwave-flash\" width=\"480\" height=\"381\" allowFullScreen=\"true\" allowScriptAccess=\"always\"></embed>
		</object>
		</div>";
	$message=preg_replace($patterns, $replacements, $message);
	
	
	unset($patterns);
	unset($replacements);
	//youtube
	$patterns[] = "#\[youtube\](.*?)\[/youtube\]#is";
	$replacements[] = "<object width=\"425\" height=\"344\">
		<param name=\"movie\" value=\"http://www.youtube.com/v/$1&hl=fr&fs=1\"></param>
		<param name=\"allowFullScreen\" value=\"true\"></param>
		<param name=\"allowscriptaccess\" value=\"always\"></param>
		<embed src=\"http://www.youtube.com/v/$1&hl=fr&fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"425\" height=\"344\">
		</embed>
		</object>";
	$message=preg_replace($patterns, $replacements, $message);
	return $message;
	
	}

Je travaille actuellement , sur la balise CODE , j'ai pensé utiliser la fonction explode ( je l'ai jamais utilisé, mais je pense que s'est la seul qui puisse me permettre de séparer mon code pour ensuite pouvoir faire un système pour colorier mon code si l'envie me prend ... )

Ps: si tu regarde mon code , tu verras qui a des fonctions qui permettent de supprimer le contenu entre ] et [td] , j'ai du faire sa , car <tr> <td> on ne dois pas le faire.

Ou sinon , je pourrais peut être tenter de virer $message=nl2br($message);// Ajoute les .

[debutant] CSS et BR

CSS

Vue hybride

Discussions similaires

Partager

Partager