Cascading Style Sheets

@page CSS to display text at bottom-center of page not working

I am trying to use the @page and @bottom-center to add particular content to the bottom of every page when the web page is printed. However, I can't get the text to appear. My first question is: does this @page rule need to go inside the @media print media query or outside of it. I have tried the following CSS:

@media print {
    @page {
        @bottom-center {
            content: "Classified";
        }
    }
}

HTML footer overlapping body content

I have a page with 2 divs (content and printFooter). The printFooter div I have hidden when viewing on the screen. Then I am trying to set up the footer to display at the bottom of each page when it is printed. The problem I'm having is that the footer is overlapping the content text. I have tried a number of different things from setting the height of the content div to 95% height and setting the min-height using the calc function. No matter what I do, I can't get the main contents of the page to not fill the whole page. I'm hoping someone can help me.

Parallax Item in a Squarespace Marquee template

Hi there, I manage to add a logo in my page description using this custom CSS: https://answers.squarespace.com/questions/23543/marquee-add-logo-to-first-index-image.html

But the image is overlapping the description. How can I move only the logo up or do something else to get a visual result similar to this: http://www.johannesleonardo.com/ (Adidas original is never finished)

Here's my site: https://ronaldo-tavares-bmtl.squarespace.com/portfolio/
(to access just click VISITOR and type the code it gives you)

How does my site look?

Hello,
I have recently created a website,
I was wondering if people here could take the time to check it out and give feedback,

Link: http://html-builder.tk

Thanks!

border / border radius and text alignment queries. Can you help?

Hi,

I'm trying to style a table. This is the HTML (which I have to leave unaltered):

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Teams</title>
	<link rel="stylesheet" href="css/hw1.css">
</head>
<body>
	<header>
		<h1>Ulimate Frisbee Teams</h1>
		<nav>
			<a href="index.html">Home</a>
			<a href="history.html" class = "active">Teams</a>
			<a href="history.html">History</a>
			<a href="http://www.usaultimate.org/index.html" target="_blank">USA Ultimate</a>
		</nav>
	</header>
	<main>
		<aside class = "left">

Syndicate content