Hello everyone
I made a script that takes information from my website and uses the to make labels.
To do this I have been using the (a)media and (a)print tags in css
Is there a way where I can have a dive repeated but only when printed?
To give an example of what I mean, one 8.5x11 paper can have 4 labels. I'd like to show one label on the screen, but have it print four
Is that possible?
Hey Everyone,
I rent a space for my business that gets deliveries. The building is locked, and I am not within earshot of the door.
My landlord gave me permission to install a doorbell, and I'd like to get one that triggers on my phone and allows me to talk to whoever is there.
Is there an alternative to Ring that is self-hosted?
I don't mind setting up some open-source software and messing around with that, but for hardware I would much prefer something pre-made and ready to use.
Hello Everyone,
Is there a way to have css code tell the print settings window what size to set the paper?
I made the code shown below, and it prints out as expected. However, I need to change the paper size every time i print. Is there a way for that information to be put into the CSS code?
print.css
body
{
margin: 0px 0px;
}
header, footer{
display: none;
}
main, main div.page{
border: 0px !important;
margin: 0px 0px !important;
}
u/page{
margin: 0px 0px;
size: 6in 4in;
}
style.css
header, footer{
background-color: #000;
color: #fff;
height: 50px;
width: 100%;
}
main{
display: flex;
flex-direction: column;
}
main div.page{
margin: 5px auto;
height: 4in;
width: 6in;
border: 5px solid #000000;
}
index.html
<html>
<head>
<link href="print.css" media="print" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
</head>
<body>
<header>
test header
</header>
<main>
<div class='page'>
hello world
</div>
</main>
<footer>
footer of my page
</footer>
</body>
</html>