|  | | | | |
| | | | | Author: | randyf  | | Posted: | Nov 14, 2021 09:48 | | Subject: | Re: Blue border around image | | Viewed: | 44 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
|
| | | | | | | | | |
| | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 10:20 | | Subject: | Re: Blue border around image | | Viewed: | 40 times | | Topic: | Technical Issues | |
|
| In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
|
|
| | | | | | | | | | | | | |
| | | | | | | | | Author: | randyf | | Posted: | Nov 14, 2021 10:25 | | Subject: | Re: Blue border around image | | Viewed: | 34 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
In this part: style="border-style: none; width: 151px; height: 208px;"
|
|
| | | | | | | | | | | | | | | | | |
| | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 10:29 | | Subject: | Re: Blue border around image | | Viewed: | 37 times | | Topic: | Technical Issues | |
|
| there is still a blue border
In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
In this part: style="border-style: none; width: 151px; height: 208px;"
|
|
|
|
|
| | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 10:37 | | Subject: | Re: Blue border around image | | Viewed: | 33 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | there is still a blue border
In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
In this part: style="border-style: none; width: 151px; height: 208px;"
|
|
|
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | Author: | SylvainLS | | Posted: | Nov 14, 2021 10:52 | | Subject: | Re: Blue border around image | | Viewed: | 27 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | In Technical Issues, Roxyncz writes:
| | there is still a blue border
|
|
The blue border is the style of the anchor element (a), not of the image (img).
So you need to change the style of the a element (add a style parameter to it).
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 11:03 | | Subject: | Re: Blue border around image | | Viewed: | 25 times | | Topic: | Technical Issues | |
|
| SylvainLS:
can you please write me the code
In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, Roxyncz writes:
| | there is still a blue border
|
|
The blue border is the style of the anchor element (a), not of the image (img).
So you need to change the style of the a element (add a style parameter to it).
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | Author: | SylvainLS | | Posted: | Nov 14, 2021 11:07 | | Subject: | Re: Blue border around image | | Viewed: | 29 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | SylvainLS:
can you please write me the code
|
It’s what Randyf posted at the same time I posted… and you say it doesn’t work.
You may try to add “important!”: “a style="border: none important!" ”.
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | Author: | Teup | | Posted: | Nov 14, 2021 11:15 | | Subject: | Re: Blue border around image | | Viewed: | 25 times | | Topic: | Technical Issues | |
|
| In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | SylvainLS:
can you please write me the code
|
It’s what Randyf posted at the same time I posted… and you say it doesn’t work.
You may try to add “important!”: “a style="border: none important!" ”.
|
Seriously? There's a keyword called "important" in html?  My respect for
html has just sunk even lower 
I see how it would look a little nicer without borders, but the main thing that
would bother me esthetically is that right now the top row has more buttons than
the bottom one.
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | Author: | SylvainLS | | Posted: | Nov 14, 2021 11:26 | | Subject: | Re: Blue border around image | | Viewed: | 27 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Teup writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | SylvainLS:
can you please write me the code
|
It’s what Randyf posted at the same time I posted… and you say it doesn’t work.
You may try to add “important!”: “a style="border: none important!" ”.
|
Seriously? There's a keyword called "important" in html? My respect for
html has just sunk even lower
|
First, it’s “important!”, don’t forget the exclamation mark!
Then, it’s not in HTML, it’s in CSS. Totally different beasts
| | I see how it would look a little nicer without borders, but the main thing that
would bother me esthetically is that right now the top row has more buttons than
the bottom one.
|
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 11:16 | | Subject: | Re: Blue border around image | | Viewed: | 25 times | | Topic: | Technical Issues | |
|
| In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | SylvainLS:
can you please write me the code
|
It’s what Randyf posted at the same time I posted… and you say it doesn’t work.
You may try to add “important!”: “a style="border: none important!" ”.
|
not working
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | Author: | Teup | | Posted: | Nov 14, 2021 11:22 | | Subject: | Re: Blue border around image | | Viewed: | 33 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | SylvainLS:
can you please write me the code
|
It’s what Randyf posted at the same time I posted… and you say it doesn’t work.
You may try to add “important!”: “a style="border: none important!" ”.
|
not working
|
Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | Author: | SylvainLS | | Posted: | Nov 14, 2021 11:29 | | Subject: | Re: Blue border around image | | Viewed: | 24 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Teup writes:
| | […]
Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
Good point: there’s borders and there’s outlines.
https://www.w3schools.com/css/css_outline.asp
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | randyf | | Posted: | Nov 14, 2021 11:34 | | Subject: | Re: Blue border around image | | Viewed: | 21 times | | Topic: | Technical Issues | |
|
| In Technical Issues, SylvainLS writes:
I didn't know about the CSS outline property. That must have been added after
my days as a web developer. 
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | SylvainLS | | Posted: | Nov 14, 2021 11:47 | | Subject: | Re: Blue border around image | | Viewed: | 21 times | | Topic: | Technical Issues | |
|
| In Technical Issues, randyf writes:
| | In Technical Issues, SylvainLS writes:
I didn't know about the CSS outline property. That must have been added after
my days as a web developer.
|
According to https://www.w3schools.com/cssref/pr_outline.asp , it’s CSS2, so
rather old.
The problem is remembering all that stuff when you write a web page once every
blue moon….
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | randyf | | Posted: | Nov 14, 2021 12:08 | | Subject: | Re: Blue border around image | | Viewed: | 22 times | | Topic: | Technical Issues | |
|
| In Technical Issues, SylvainLS writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, SylvainLS writes:
I didn't know about the CSS outline property. That must have been added after
my days as a web developer.
|
According to https://www.w3schools.com/cssref/pr_outline.asp , it’s CSS2, so
rather old.
The problem is remembering all that stuff when you write a web page once every
blue moon….
|
So it was around when I was coding. I can't believe I never knew of it. I
used the border property all the time. (shrug)
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 11:38 | | Subject: | Re: Blue border around image | | Viewed: | 28 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Teup writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | SylvainLS:
can you please write me the code
|
It’s what Randyf posted at the same time I posted… and you say it doesn’t work.
You may try to add “important!”: “a style="border: none important!" ”.
|
not working
|
Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried 
by the way, the number of buttons depends on the screen resolution
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | SylvainLS | | Posted: | Nov 14, 2021 11:49 | | Subject: | Re: Blue border around image | | Viewed: | 25 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | […]
| | Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried
|
Even with “important!”?
Maybe BL cleans the HTML to prevent tricks?
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 11:56 | | Subject: | Re: Blue border around image | | Viewed: | 21 times | | Topic: | Technical Issues | |
|
| In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | […]
| | Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried
|
Even with “important!”?
Maybe BL cleans the HTML to prevent tricks?
|
here BL writes this: (image)
but when I copy their code, there is still a blue border. Their picture + link
to BL but with a blue border
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | randyf | | Posted: | Nov 14, 2021 12:12 | | Subject: | Re: Blue border around image | | Viewed: | 29 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | […]
| | Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried
|
Even with “important!”?
Maybe BL cleans the HTML to prevent tricks?
|
here BL writes this: (image)
but when I copy their code, there is still a blue border. Their picture + link
to BL but with a blue border
|
At this point, I think we would need to see what styles are being applied to
the image element, the anchor element around that, and the paragraph element
around that. You would need to use the developer tools in the browser to access
this stuff. That is the only way to see what styles are being cascaded down to
those specific elements.
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 12:28 | | Subject: | Re: Blue border around image | | Viewed: | 34 times | | Topic: | Technical Issues | |
|
| In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | […]
| | Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried
|
Even with “important!”?
Maybe BL cleans the HTML to prevent tricks?
|
here BL writes this: (image)
but when I copy their code, there is still a blue border. Their picture + link
to BL but with a blue border
|
At this point, I think we would need to see what styles are being applied to
the image element, the anchor element around that, and the paragraph element
around that. You would need to use the developer tools in the browser to access
this stuff. That is the only way to see what styles are being cascaded down to
those specific elements.
|
I do not understand it at all. : D blue borders will stay in my store
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | randyf | | Posted: | Nov 14, 2021 13:46 | | Subject: | Re: Blue border around image | | Viewed: | 45 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | […]
| | Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried
|
Even with “important!”?
Maybe BL cleans the HTML to prevent tricks?
|
here BL writes this: (image)
but when I copy their code, there is still a blue border. Their picture + link
to BL but with a blue border
|
At this point, I think we would need to see what styles are being applied to
the image element, the anchor element around that, and the paragraph element
around that. You would need to use the developer tools in the browser to access
this stuff. That is the only way to see what styles are being cascaded down to
those specific elements.
|
I do not understand it at all. : D blue borders will stay in my store
|
I went into your store and looked at the code. The style for the border is being
cascaded down from a BrickLink stylesheet. This will work:
|
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 14:00 | | Subject: | Re: Blue border around image | | Viewed: | 32 times | | Topic: | Technical Issues | |
|
| In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | […]
| | Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried
|
Even with “important!”?
Maybe BL cleans the HTML to prevent tricks?
|
here BL writes this: (image)
but when I copy their code, there is still a blue border. Their picture + link
to BL but with a blue border
|
At this point, I think we would need to see what styles are being applied to
the image element, the anchor element around that, and the paragraph element
around that. You would need to use the developer tools in the browser to access
this stuff. That is the only way to see what styles are being cascaded down to
those specific elements.
|
I do not understand it at all. : D blue borders will stay in my store
|
I went into your store and looked at the code. The style for the border is being
cascaded down from a BrickLink stylesheet. This will work:
|
perfect! thank you randyf
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | Author: | popsicle | | Posted: | Nov 14, 2021 14:13 | | Subject: | Re: Blue border around image | | Viewed: | 49 times | | Topic: | Technical Issues | |
|
| In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, Roxyncz writes:
| | […]
| | Did you already try this?
style="border:0; text-decoration:none; outline:none"
|
yes i tried
|
Even with “important!”?
Maybe BL cleans the HTML to prevent tricks?
|
here BL writes this: (image)
but when I copy their code, there is still a blue border. Their picture + link
to BL but with a blue border
|
At this point, I think we would need to see what styles are being applied to
the image element, the anchor element around that, and the paragraph element
around that. You would need to use the developer tools in the browser to access
this stuff. That is the only way to see what styles are being cascaded down to
those specific elements.
|
I do not understand it at all. : D blue borders will stay in my store
|
I went into your store and looked at the code. The style for the border is being
cascaded down from a BrickLink stylesheet. This will work:
|
Well done, Randy!
|
|
|
| | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | Author: | Teup | | Posted: | Nov 14, 2021 10:46 | | Subject: | Re: Blue border around image | | Viewed: | 27 times | | Topic: | Technical Issues | |
|
| AFAIK this is something the browser does. I think it's just the way html
links are rendered by default. Is it really a problem? At least users will see
that it's a link, and it gives UI feedback when hovered and being clicked
on this way.
In Technical Issues, Roxyncz writes:
| | there is still a blue border
In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
In this part: style="border-style: none; width: 151px; height: 208px;"
|
|
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 10:51 | | Subject: | Re: Blue border around image | | Viewed: | 20 times | | Topic: | Technical Issues | |
|
| it's not nice
In Technical Issues, Teup writes:
| | AFAIK this is something the browser does. I think it's just the way html
links are rendered by default. Is it really a problem? At least users will see
that it's a link, and it gives UI feedback when hovered and being clicked
on this way.
In Technical Issues, Roxyncz writes:
| | there is still a blue border
In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
In this part: style="border-style: none; width: 151px; height: 208px;"
|
|
|
|
|
|
| | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | Author: | randyf | | Posted: | Nov 14, 2021 10:52 | | Subject: | Re: Blue border around image | | Viewed: | 29 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
| | there is still a blue border
In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
In this part: style="border-style: none; width: 151px; height: 208px;"
|
|
The border is probably being placed on the anchor tag then. Try this:
|
|
|
|
| | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | Author: | Roxyncz | | Posted: | Nov 14, 2021 11:02 | | Subject: | Re: Blue border around image | | Viewed: | 20 times | | Topic: | Technical Issues | |
|
| does not work
In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | there is still a blue border
In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
| | In Technical Issues, randyf writes:
| | In Technical Issues, Roxyncz writes:
In the "style" attribute for the "img" object, add "border-style: none;" to the
list.
|
can you take a picture of me where to write it?
|
In this part: style="border-style: none; width: 151px; height: 208px;"
|
|
The border is probably being placed on the anchor tag then. Try this:
|
|
|
|
| | | | | |
| | | | | Author: | jennnifer | | Posted: | Nov 15, 2021 11:06 | | Subject: | Re: Blue border around image | | Viewed: | 27 times | | Topic: | Technical Issues | |
|
| In Technical Issues, Roxyncz writes:
Conversations like this one are one of the things I love about this Forum.
I was just checking around for more information about this and noticed that my
store's splash page has two images. One of them has been given the infamous
blue border and one has not. However, I don't see any differences in the
text or code on the Splash page editor. Very strange indeed.
By the way, could someone direct me to where the My Images page is hiding?
Thanks!
Jen
|
|
|
| | | | | | | | | | | | | | |
| | | | | | | | | Author: | jennnifer | | Posted: | Nov 15, 2021 11:22 | | Subject: | Re: Blue border around image | | Viewed: | 20 times | | Topic: | Technical Issues | |
|
| In Technical Issues, popsicle writes:
Thank you! I never would have looked under that tab for it.
Jen
|
|
| | | | | | | | | |
| | | | | | | Author: | SylvainLS | | Posted: | Nov 15, 2021 11:32 | | Subject: | Re: Blue border around image | | Viewed: | 26 times | | Topic: | Technical Issues | |
|
| In Technical Issues, jennnifer writes:
| | […]
I was just checking around for more information about this and noticed that my
store's splash page has two images. One of them has been given the infamous
blue border and one has not. However, I don't see any differences in the
text or code on the Splash page editor. Very strange indeed. […]
|
One is inside an anchor (tag “a”), while the other isn’t, that’s the difference
between the two images in your splash page.
When you’re assigning styles to an element through the “style” parameter or
with special/older parameters like “border”, it’s obviously only affecting that
element, but in a CSS (Cascading Style Sheet), you can define how elements are
style depending on their context.
E.g., you can write something like:
img { outline-color: red; }
a img { outline-color: blue; }
and all the “img” tags will have a red border (first line) except the ones that
are inside a “a” tag will have a blue one.
And it’s something like that that is written in BL’s stylesheet.
CSS can be defined in a “style tag” in the header of your HTML file (in the “head”
tag) or in separate files that are used/linked to your HTML page with “link”
tags in the header.
|
|
|
| | | | | | | | | | | | | |
| | | | | | | | | Author: | jennnifer | | Posted: | Nov 15, 2021 11:34 | | Subject: | Re: Blue border around image | | Viewed: | 24 times | | Topic: | Technical Issues | |
|
| In Technical Issues, SylvainLS writes:
| | In Technical Issues, jennnifer writes:
| | […]
I was just checking around for more information about this and noticed that my
store's splash page has two images. One of them has been given the infamous
blue border and one has not. However, I don't see any differences in the
text or code on the Splash page editor. Very strange indeed. […]
|
One is inside an anchor (tag “a”), while the other isn’t, that’s the difference
between the two images in your splash page.
|
Perhaps the OP could use this information to get rid of his blue box?
Jen
|
|
| | | | | | | | | | | | | | | | | |
| | | | | | | | | | | Author: | SylvainLS | | Posted: | Nov 15, 2021 11:52 | | Subject: | Re: Blue border around image | | Viewed: | 25 times | | Topic: | Technical Issues | |
|
| In Technical Issues, jennnifer writes:
| | In Technical Issues, SylvainLS writes:
| | In Technical Issues, jennnifer writes:
| | […]
I was just checking around for more information about this and noticed that my
store's splash page has two images. One of them has been given the infamous
blue border and one has not. However, I don't see any differences in the
text or code on the Splash page editor. Very strange indeed. […]
|
One is inside an anchor (tag “a”), while the other isn’t, that’s the difference
between the two images in your splash page.
|
Perhaps the OP could use this information to get rid of his blue box?
Jen
|
They did evenvually get rid of it: https://www.bricklink.com/message.asp?ID=1313753
and https://store.bricklink.com/Roxyncz?p=Roxyncz#/splash
The problem was identifying which attribute was to be used (border or outline)
and to which element it had to be applied.
As Randyf said, as the “cascading” can be non-obvious and can be even more complicated
with the (over)use of i-frames, the only way to be really sure of what styles
are applied on which elements is to use the browser’s “developper tools”: they
show you exactly what the browser really applied (not what one thinks or guesses).
The answer is there’s a blue outline applied to the “img” element and it can
be suppressed with adding “style="outline: none;"” in said tag.
The previous attempts were educated guesses about what and where and they failed
to be applied and/or explained correctly.
|
|
|
|
|
|
Czech Republic, Moravskoslezský Kraj
USA, Ohio
France, Nouvelle-Aquitaine
Netherlands, Utrecht
![https://www.imgup.cz/images/2021/11/14/MINIFIGURE7bad8529e7e35e7d.png"](https://www.imgup.cz/images/2021/11/14/MINIFIGURE7bad8529e7e35e7d.png"){kind=link}