Discussion :

[MInfo25]

Bonjour
Je me permet de venir vers vous demander s'il existe de bonnes astuces pour modifier un template html.
J'ai payé un template html et je me suis jétée dans le code et bizarre j'ai effacé et remplacé un bloc par un autre, du coup j'ai perdu le coté responsive de cette partie.
Voici le template de départ que j'ai payé : http://www.unbranded.co/dexter/index08.html

Ma question est comment rendre responsive le bloc que j'ai modifié ? Merci de votre aide, si vous avez déjà eu à faire ce genre de chose.

Voici le template modifié : http://mlcom.net/
Le bloc modifié et qui n'est plus responsive est la partie "La fondatrice". Voici le code de ce bloc :

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
<!-- Team : starts -->
				<section id="team" class="team nav-highlight">
				<!-- Section Header : starts -->
					<section class="section-header text-center">
						<!-- Section Header Overlay -->
						<div class="section-header-overlay colorTrans-bg"></div>
						<svg class="slant-top slant-type1" preserveAspectRatio="none" viewBox="0 0 100 100">
							<path d="M0 0 L0 100 L110 0 Z"/>
						</svg>
						<!-- Container : starts -->
						<div class="container">
							<div class="row">
								<div class="col-md-12">
									<h4 class="section-header-name">LA FONDATRICE</h4>	
									<!-- <p class="section-header-text">Behind the scene</p>-->
								</div>				
							</div>
						</div>
						<!-- Container : ends -->
						<svg class="slant-bottom slant-type2" preserveAspectRatio="none" viewBox="0 0 100 100">
							<path d="M0 100 L100 100 L110 0 Z"/>
						</svg>
					</section>
				<!-- Section Header : ends -->
 
 
 
<style type="text/css">
.fonda table p {
color: #FFFFFF;
text-align: center;
}
 
 
</style>
<div class="fonda">
<table style="background:#2E2E2E">
<tr>
<th><img class="fondatrice" src="images/team/leatitia.jpg" alt="La fondatrice Laetitia MEBALEY" width="500"></th>
<th >
<p>
    Bonjour ! <br> Je suis Laetitia MEBALEY, une chef de projet en Communication, créative et rigoureuse.
    <p>
    </p>
	<br>
</p>
<p>
    <p>
    </p>
</p>
<p id="yui_3_16_0_1_1450082944288_93747">
    Après 5<strong> ans d’expérience</strong> <strong>dans la communication traditionnelle et la Presse</strong>, en France et à l’international (Afrique) et
    dans des sociétés de divers secteurs (web, presse, beauté, associatif, politique, B2C, B2B…), je mets à présent mes compétences au service de votre TPE,
    PME, startup ou votre Organisation.
    <p>
    </p>
</p>
<p>
    <p>
    </p>
</p>
<br>
<p id="yui_3_16_0_1_1450082944288_93761">
Titulaire d’un Master en Communication spécialisé en RP de    <strong>L'Ecole Supérieure de Gestion et de Commerce Internationale (ESGCI du Groupe ESG)</strong>, j’assure votre communication aussi bien en Europe, et
    en Afrique.
    <p>
    </p>
</p>
<p>
    <p>
    </p>
</p>
<br>
<p id="yui_3_16_0_1_1450082944288_93762">
    <strong>Stratégie, branding, relations presse et publiques </strong>
    : la communication est mon cœur de métier. J’élabore et mets en oeuvre des plans pour permettre à des organisations de tous secteurs d’atteindre leurs
    publics. À l’ère du numérique, il m’a semblé également incontournable d’adapter mon savoir-faire aux leviers digitaux. Ainsi, depuis 3 ans, je développe
    mon expertise en <strong>communication web, référencement, content marketing, RP 2. 0, blogging et réseaux sociaux</strong>.
    <p>
    </p>
</p>
<p>
    <p>
    </p>
</p>
<br>
<p>
    Vous souhaitez développer la notoriété de votre business ? Parlons-en autour d’un café !
    <p>
    </p>
</p>
<p id="yui_3_16_0_1_1450082944288_93767">
    <p>
    </p>
</p>
<br>
<p id="yui_3_16_0_1_1450082944288_93768">
Pour voir mon profil professionnel:    <a href="https://fr.linkedin.com/in/laetitia-mebaley-113a3454" target="_blank">https://fr.linkedin.com/in/laetitia-mebaley-113a3454</a>
    <p>
    </p>
</p>
<p>
    <p>
    </p>
</p>
<p>
    <p>
    </p>
</p>
</th>
</tr>
</table>
</div>
 
 
				</section>

[Invité]

Bonjour,

La meilleure "astuce" est de savoir ce qu'on fait et comprndre le code AVANT de se lancer dans des modifications...

De plus, le code montré comporte de nombreuses erreurs, qu'il faut d'abord corriger.

[miss_socrates]

j'ai effacé et remplacé un bloc par un autre, du coup j'ai perdu le coté responsive de cette partie.

Ma question est comment rendre responsive le bloc que j'ai modifié ?

Il ne faut pas confondre les blocs de code en html/php qui interviennent sur le contenu et le css qui va intervenir sur la mise en forme, donc aussi sur le côté responsive du thème