Yes, I am familiar with media query but how to add an icon floating on top of each table via CSS?
The position,
top and left CSS properties control an elements position in the DOM. You'll need to look at your layout and come up with a style that works. Post your code if you need assistance.
.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
Member
84 Points
1516 Posts
How to add an icon floating on top of each table in a webpage when screen size is less than 700px...
Aug 12, 2016 04:38 PM|jeffcarter|LINK
How to add an icon floating on top of each table (all table elements) in a webpage when screen size is less than 700px?
If screen size is bigger thank 700px, then this icon should NOT be visible.
Note: I only have access to CSS, so any way to do this by css only?
All-Star
52221 Points
23292 Posts
Re: How to add an icon floating on top of each table in a webpage when screen size is less than 7...
Aug 12, 2016 04:56 PM|mgebhard|LINK
Use a media query to set the CSS.
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
Member
84 Points
1516 Posts
Re: How to add an icon floating on top of each table in a webpage when screen size is less than 7...
Aug 13, 2016 01:02 AM|jeffcarter|LINK
Yes, I am familiar with media query but how to add an icon floating on top of each table via CSS?
All-Star
52221 Points
23292 Posts
Re: How to add an icon floating on top of each table in a webpage when screen size is less than 7...
Aug 13, 2016 12:43 PM|mgebhard|LINK
The position, top and left CSS properties control an elements position in the DOM. You'll need to look at your layout and come up with a style that works. Post your code if you need assistance.
None
0 Points
1 Post
Re: How to add an icon floating on top of each table in a webpage when screen size is less than 7...
Aug 13, 2016 02:22 PM|muhozayves2014|LINK
All-Star
40535 Points
6233 Posts
Microsoft
Re: How to add an icon floating on top of each table in a webpage when screen size is less than 7...
Aug 15, 2016 08:40 AM|Fei Han - MSFT|LINK
Hi jeffcarter,
As far as I know, we could insert content (not html) via ::before selector. Do you want to dynamically insert html elements before <table>?
@media (max-width: 700px) { table::before { content: "your content here"; } }Best Regards,
Fei Han