HTML, CSS full screen image with overlay of tables, text etc |
HTML, CSS full screen image with overlay of tables, text etc |
Roey |
Mar 31 2018, 05:39 AM
Post
#1
|
Group: Members Posts: 4 Joined: 31-March 18 Member No.: 26,621 |
Hi there,
Im creating a website for a friend and have come to a sticky part which im not sure how to do. Please take in mind that im a beginner. I would like to have a Bg and on the same page the table ive already created as an overlay, so the Bg would be full screen ok 100%. If any one could help me ? ive tried alsorts of stuff ive found online but im not sure in which order to put things. Many thank if some can help.. Lee |
Roey |
Apr 2 2018, 07:34 AM
Post
#2
|
Group: Members Posts: 4 Joined: 31-March 18 Member No.: 26,621 |
I refered the html page to a CSS sheet with a background command and hey presto. Therefore any tables and other stuff i could still scroll
I wanted the bg to be 100% not repeated. html. <link rel="stylesheet" type="text/css" href="theme.css"> css. @charset "utf-8"; /* CSS Document */ html { background: url(Sea-Chart.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } it did the trick. the only problem now i have is to get the table to have like a shadow gradiant all round it.... |
Lo-Fi Version | Time is now: 28th April 2024 - 06:30 AM |