HTML Editor - Basic CSS issue
Hi all, Im totally new to all of this so bear with me. This is regarding the latest version of the software
Im a little confused/disappointed at the moment,
Basically im making a very basic page with an image in the HTML file and making it 'round' using the border-radius in CSS.
For some reason its just not working in the HTML editor but was working fine on the my (non coffeecup) working environment when im doing my lessons.
To make sure its not me, i directly copied the code from the Coffeecup HTML editor to an online IDE and the border-radius works perfectly. Its just not working in this software.
Am i doing something the HTML editor doesnt like? Are any of you able to get it working?
Thank you for any help, if it doesnt work then i may have to find another environment because i dont really want any more surprises like this. And that would be a shame because i quite like this software, and i paid for it lol.
HTML
<!Doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="MYcss.css">
</head>
<body>
<img src="https://placeimg.com/200/200/tech" alt="A picture of me!" class="Round">
</body>
</html>
CSS
body {
}
.Round {
border: solid red 4px;
border-radius:50%;
}
Im a little confused/disappointed at the moment,
Basically im making a very basic page with an image in the HTML file and making it 'round' using the border-radius in CSS.
For some reason its just not working in the HTML editor but was working fine on the my (non coffeecup) working environment when im doing my lessons.
To make sure its not me, i directly copied the code from the Coffeecup HTML editor to an online IDE and the border-radius works perfectly. Its just not working in this software.
Am i doing something the HTML editor doesnt like? Are any of you able to get it working?
Thank you for any help, if it doesnt work then i may have to find another environment because i dont really want any more surprises like this. And that would be a shame because i quite like this software, and i paid for it lol.
HTML
<!Doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="MYcss.css">
</head>
<body>
<img src="https://placeimg.com/200/200/tech" alt="A picture of me!" class="Round">
</body>
</html>
CSS
body {
}
.Round {
border: solid red 4px;
border-radius:50%;
}
Make sure you have Internet Explorer 11 selected under Tools - Preferences - Browser testing - preview.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Thank you!!
All sorted now
All sorted now
Great catch Inger! I never thought of that thanks for the info. I was using HTML editor a while back for a project and was having similar issues.
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Glad you got it fixed, both of you. I have been using HTML Editor for 16 years and counting, so I ought to know
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.