Sujet Précédent Sujet Suivant

Problem de dimension d image

Fermé
RomainGA Messages postés 109 Date d'inscription mardi 4 juillet 2017 Statut Membre Dernière intervention 20 avril 2024 - 3 sept. 2019 à 18:31
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 - 4 sept. 2019 à 19:42
Bonjour,
Voici mon HTML (enfin, la partie interessante) :
<p class="police_text">J'ai aussi travaillé sur des projet personnels (ou professionnels) encadrés ( = PPE) :</p>
<br>
<center>
<table border="0">
	<tr>
		<td>
			<img src="SGBD-base-de-données.jpg" height="250" class="PPEimg">
		</td>
	</tr>
</table>
</center>

Voici le CSS :

.PPEimg {
	border-radius: 25px;
}


Le fait est que je n arrive pas a imposer un border radius a mon image de SGBD.

Merci de m aider.

Cordialement.

Romain.
A voir également:

3 réponses

Réponse 1 / 3
onelone
3 sept. 2019 à 19:23
salut,
Avec un nom de classe en minuscule ça donne quoi?
un radius de moins 20px sinon peut-être parce que ça me semble correct mais qu'un radius trop grand marche pas(plus grand qu'un cercle mais ça dépends aussi de l'image). Moi je préfères utiliser des dimensions en 'em'(quadratin) c'est plus facile à régler je trouve et sera proportionnel à l'affichage de l'utilisateur.
0
RomainGA Messages postés 109 Date d'inscription mardi 4 juillet 2017 Statut Membre Dernière intervention 20 avril 2024 6
3 sept. 2019 à 19:34
je viens de tout mettrre en minuscule, ça ne marche pas. j'ai aussi essayé une dimension inferieur a 25 px, ca ne marche toujours pas. j'ai enfin change de px pour em, toujours rien. je vais mettre le html au complet, j ai sans doutes fais une erreur que je n arrive pas a voir.
0
RomainGA Messages postés 109 Date d'inscription mardi 4 juillet 2017 Statut Membre Dernière intervention 20 avril 2024 6
3 sept. 2019 à 19:34 
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Mes projets</title>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
</head>
<body class="bacground">

 <table border="0"  class="tableau">
 	<tr class="menu_char">
 		<td><a href="index.html"><img src="home.png" height="140px"></td><td> </td><td> </td><td> </td><td> </td>
 		<td><a href="index.html">QUI SUIS JE</td><td> </td><td> </td><td> </td><td> </td>
 		<td><a href="projets.html">MES PROJETS</td><td> </td><td> </td>
 		<td><a href="stages.html">MES STAGES</td>
 		<td><a href="veille.html">MA VEILLE</td> 	</tr>
 </table>
 <br>
 <center>
 	<h1 class="titre_section">Mes projets</h1>
 </center>

<center><p class="police_text">Durant mes années de BTS au sein du Lycé Paul Lapie de Courbevoie, j'ai effectué de nombreux projets: </p><br>
<br>
<table border="0">
	<tr>
		<td>
			<center><img src="snake.png" height="300"></center>
		</td>
		<td>
			                            
		</td>
		<td>
			<center><img src="calculette.png" height="300"></center>
		</td>
		<td>
			                            
		</td>
		<td>
			<center><img src="paris.jpg" height="300"></center>
		</td>
	</tr>
	<tr>
		<td> 
			<center class="police_text">SNAKE</center>
			<br>
			<center class="police_text">L'un des jeux les plus incontournables de sa génération puisqu'il était déjà disponible sur l'indémodable Nokia 3310.</center>
		</td>
		<td>
			


		</td>
		<td>
			<center class="police_text">Calculatrice</center>
			<br>
			<center class="police_text">Les 4 fondamentaux des mathématiques enfin réunis sur une seule et même application: addition, soustraction, multiplication et division.</center>
		</td>
		<td>
			


		</td>
		<td>
			<center class="police_text">Jeu des Capitales</center>
			<br>
			<center class="police_text">Ce jeu a une vertu éducative... si si... il vous fera réviser les capitales du monde entier. Attention au chrono. TOP... DEPART... </center>
		</td>
	</tr>
</table>

<br>
<br>

<p class="police_text">J'ai aussi travaillé sur des projet personnels (ou professionnels) encadrés ( = PPE) :</p>
<br>
<center>
<table border="0">
	<tr>
		<td>
			<img src="SGBD-base-de-données.jpg" height="250" class="ppeimg">
		</td>
	</tr>
</table>
</center>

<p  class="police_text">J'ai enfin participé à la réalisation et au déploiement de logiciels: </p> <br>
<br>

<div class="footer_background">
		

	<center> 
		<table border="1">
			<caption>
		 		<h1>Voici où me trouver:</h1>
		 	</caption>
		 		<tr>
		  			<td><iframe src="https://www.google.com/maps/em
	bed?pb=!1m18!1m12!1m3!1d2622.828616761793!2d2.2564180156758464!3d48.899603
	279291554!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x3a38cb
	6470189d62!2sLyc%C3%A9e+G%C3%A9n%C3%A9ral+Technologique+Paul+Lapie!5e0!3m2
	!1sfr!2sfr!4v1553620592358" width="400"frameborder="0" style="border:0"
	allowfullscreen></iframe></td>
					
						<td>
							<center>
										Sur d'autres sites: <br>
								<a href="https://www.facebook.com/search/top/?q=romain%20gaboriau&epa=SEARCH_BOX"><img src="facebook.png" class="footer-fb-link"></a>    <a href="https://www.linkedin.com/search/results/all/?keywords=romain%20gaboriau&origin=TYPEAHEAD_ESCAPE_HATCH"><img src="linkedin.png" class="footer-linkedin-link"></a><br>

								<a href="mailto:gaboriau.romain@gmail.com"><img src="gmail.png" class="footer-gmail-link"></a>
							</center>
					</td>
				</tr>
		</table>
	</center>
</div>+




</body>
</html>

0
Réponse 2 / 3
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
4 sept. 2019 à 17:22
Salut,
1- Tu aurais dû utiliser la coloration syntaxique (flèche vers le bas après <> dans les commandes d'édition). 
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Mes projets</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body class="bacground">

<table border="0" class="tableau">
<tr class="menu_char">
<td><a href="index.html"><img src="home.png" height="140px"></td><td> </td><td> </td><td> </td><td> </td>
<td><a href="index.html">QUI SUIS JE</td><td> </td><td> </td><td> </td><td> </td>
<td><a href="projets.html">MES PROJETS</td><td> </td><td> </td>
<td><a href="stages.html">MES STAGES</td>
<td><a href="veille.html">MA VEILLE</td> </tr>
</table>
<br>
<center>
<h1 class="titre_section">Mes projets</h1>
</center>

<center><p class="police_text">Durant mes années de BTS au sein du Lycé Paul Lapie de Courbevoie, j'ai effectué de nombreux projets: </p><br>
<br>
<table border="0">
<tr>
<td>
<center><img src="snake.png" height="300"></center>
</td>
<td>
                            
</td>
<td>
<center><img src="calculette.png" height="300"></center>
</td>
<td>
                            
</td>
<td>
<center><img src="paris.jpg" height="300"></center>
</td>
</tr>
<tr>
<td> 
<center class="police_text">SNAKE</center>
<br>
<center class="police_text">L'un des jeux les plus incontournables de sa génération puisqu'il était déjà disponible sur l'indémodable Nokia 3310.</center>
</td>
<td>

</td>
<td>
<center class="police_text">Calculatrice</center>
<br>
<center class="police_text">Les 4 fondamentaux des mathématiques enfin réunis sur une seule et même application: addition, soustraction, multiplication et division.</center>
</td>
<td>

</td>
<td>
<center class="police_text">Jeu des Capitales</center>
<br>
<center class="police_text">Ce jeu a une vertu éducative... si si... il vous fera réviser les capitales du monde entier. Attention au chrono. TOP... DEPART... </center>
</td>
</tr>
</table>

<br>
<br>

<p class="police_text">J'ai aussi travaillé sur des projet personnels (ou professionnels) encadrés ( = PPE) :</p>
<br>
<center>
<table border="0">
<tr>
<td>
<img src="SGBD-base-de-données.jpg" height="250" class="ppeimg">
</td>
</tr>
</table>
</center>

<p class="police_text">J'ai enfin participé à la réalisation et au déploiement de logiciels: </p> <br>
<br>

<div class="footer_background">


<center> 
<table border="1">
<caption>
<h1>Voici où me trouver:</h1>
</caption>
<tr>
<td><iframe src="https://www.google.com/maps/em
bed?pb=!1m18!1m12!1m3!1d2622.828616761793!2d2.2564180156758464!3d48.899603
279291554!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x3a38cb
6470189d62!2sLyc%C3%A9e+G%C3%A9n%C3%A9ral+Technologique+Paul+Lapie!5e0!3m2
!1sfr!2sfr!4v1553620592358" width="400"frameborder="0" style="border:0"
allowfullscreen></iframe></td>

<td>
<center>
Sur d'autres sites: <br>
<a href="https://www.facebook.com/search/top/?q=romain%20gaboriau&epa=SEARCH_BOX"><img src="facebook.png" class="footer-fb-link"></a>    <a href="https://www.linkedin.com/search/results/all/?keywords=romain%20gaboriau&origin=TYPEAHEAD_ESCAPE_HATCH"><img src="linkedin.png" class="footer-linkedin-link"></a><br>

<a href="mailto:gaboriau.romain@gmail.com"><img src="gmail.png" class="footer-gmail-link"></a>
</center>
</td>
</tr>
</table>
</center>
</div>+

</body>
</html>

2- La technique de mise en page que tu utilises est obsolète depuis plus de 10 ans.
3- Que veux-tu faire au juste, je ne vois pas de bordure dans le code ci-dessus... ?
4- Ta question initiale mélangeait HTML et CSS, le CSS a disparu... ?
5- Définir la propriété border-radius d'un élément sans border est étrange.
0
Réponse 3 / 3
RomainGA Messages postés 109 Date d'inscription mardi 4 juillet 2017 Statut Membre Dernière intervention 20 avril 2024 6
4 sept. 2019 à 17:29
j ai compris, c est que j'avais mis des "-" au lieu de "_" dans mes noms de classe.
C est probablement une vieille méthode mais au moins, elle fonctionne et c est la seul que j'ai appris y a 3 ans. Mais si tu peux me donner des sites pour apprendre la méthode la plus récente, n hésite pas ;)
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
Modifié le 4 sept. 2019 à 19:43
Tout dépend de ton objectif, si tu veux faire du beau boulot, du boulot d’envergure, je te conseille des sites de ce genre.
Ceci dit, avec ce que tu donnais, par rapport à la solution, on ne risquait pas de t'aider...
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Dimensions L x l x H : comment lire ces infos ?
Miss-Curieuse -
valou -

8 réponses
Comment enlever le rouge sur la photo svp ?
lucas0909 -
Benji -

20 réponses