harryghgim
(Gwanghyeon Gim)
July 4, 2020, 8:34am
1
Hi. Any assessment would be appreciated.
Typesetting a Community School Homepage
If I see the page in Firefox, external link image size looks just fine. But if see the same page in Chrome or Safari, the size gets big and ugly. How can I solve this issue?
Thank you and have a nice day!
Hello @harryghgim
hope that everything going fine with you
i do not know why it even work in firefox
i tried to control the size of the content but i failed before check this
Hello @chrisdavidmills
thanks for your time and your replay and sorry for my late reply
for the first question was about how to control the content of the content property
the 2nd one was suggestion to put the test at the end of the last leason
cause without reading all the lesson it would be hard to solve it but if it’s ok with everyone to have at with the comment you said then it’s ok
my issue once i see test i just run for it without reading the extra comment my bad
tha…
but i did the following and it work for both chrome and firefox
a[href^=“https”]::after {
content:“”;
background-image:url(“https://raw.githubusercontent.com/mdn/learning-area/master/css/styling-text/typesetting-a-homepage-start/external-link-52.png ”);
background-position:right;
background-size: 10px 10px;
background-repeat: no-repeat;
padding-right:12px;
}
hope that help and have a nice day
1 Like
or much better as i read in someone code here but i forget his/her post
to set the background on the link itself
like following
a[href^=“https”] {
background-image:url(“https://raw.githubusercontent.com/mdn/learning-area/master/css/styling-text/typesetting-a-homepage-start/external-link-52.png” );
background-position:right;
background-size: 10px 10px;
background-repeat: no-repeat;
padding-right:15px;
}
hope that help and have a nice day
1 Like
harryghgim
(Gwanghyeon Gim)
July 5, 2020, 6:01am
4
Hi @justsomeone ! Both are working like charm with mine. Thank you!