Problem de dimension d image

Messages postés
36
Date d'inscription
mardi 4 juillet 2017
Statut
Membre
Dernière intervention
4 septembre 2019
- - Dernière réponse : telliak
Messages postés
3456
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
14 septembre 2019
- 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.
Afficher la suite 

3 réponses

0
Merci
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.
RomainGA
Messages postés
36
Date d'inscription
mardi 4 juillet 2017
Statut
Membre
Dernière intervention
4 septembre 2019
4 -
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.
RomainGA
Messages postés
36
Date d'inscription
mardi 4 juillet 2017
Statut
Membre
Dernière intervention
4 septembre 2019
4 -
<!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>

Commenter la réponse de onelone
Messages postés
3456
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
14 septembre 2019
619
0
Merci
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.
Commenter la réponse de telliak
Messages postés
36
Date d'inscription
mardi 4 juillet 2017
Statut
Membre
Dernière intervention
4 septembre 2019
4
0
Merci
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 ;)
telliak
Messages postés
3456
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
14 septembre 2019
619 -
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...
Commenter la réponse de RomainGA