i need help with a web page
i made a web page with CSS but have some problems with images.. any help plz ?
14 Replies
gotta ask the actual question if you want an answer
right now, all people can do is guess
check out #how-to-ask-good-questions for some tips
i'm trying to translate you msg with google translate to the french
you're having a problem with images, but you haven't explained what the problem is. Describe your problem the best you can, include code (preferably using codepen or something similar so people can see it live)
ok.. i'll try to be precise
excuse my bad english.. i'm better in french
the img on the top is circular... the "petit prince" is square (the css code does not apply to the 2nd image) why ?
__
this is the css style sheet content :
, ::before, ::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: cambria Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
background: #e9e9e9;
padding-top: 80px;
}
.container {
max-width: 600px;
background: url("fond_transparent_noir.png");;
margin: 0 auto;
padding: 30px;
border-radius: 10px;
box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
/background-image: url("fond_transparent_noir.jpg");*/
}
.container::after {
content: "";
display: block;
clear: both;
}
.container h2 {
margin-bottom: 8px;
color: #F98808;
text-align: left;
font-size: 20px;
}
.container p {
line-height: 1;
text-align: left;
color: #e9e9e9;
}
img {
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 50%;
float: left;
shape-outside: margin-box;
margin: 0 20px 5px 0;
text-align: right;
}
body{
margin:0;
padding:0;
background-image: url("rencontres_carte_monde_jpg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
}
it's hard to say without seeing it live. Just from the screenshot, maybe it is actually round but the prince just fits in the circle?
it's best to share a live version, even if it's just a deployed version on vercel or github pages. Codepen or stackblitz helps the most
this is a lik for the page..
yup, the prince is in fact round. I just added a red background:
the ends of his cape are cut off. There's just nothing else in the image to show him being round
how to add images (buttons to return to the previous menu)? which are square and 50x50 in size .. the images that I put at the bottom of the page look large even in Dreamweaver and in the navigator (chrome and edge) !
I’ll y a beaucoup des francophones ici. Tu peut essayer ton question en français
bonjour
j'utilise google translate