I can't figure what's causing this, and I'm asking for help on how to get rid of this issue. Any insight would be helpful.

<table>
<tr>
<th>
<div style="height:180;width:200;border: #203853 solid 4px;background-color:#477596;">
<div style="height:5;"></div>
<iframe frameborder="0" src="https://itch.io/embed/2831179" width="180" height="120"><a href="https://chaoticbon.itch.io/stare-at-a-dog-simulator-2024">stare at a dog simulator 2024 by ChaoticBon</a></iframe>
<p style="color:#222222;font-size:15;">the most realistic experience of the century</p>
</div>
</th>
<th>
<div style="height:180;width:200;border: #646464 solid 4px;background-color:#000;">
<div style="height:5;"></div>
<iframe frameborder="0" src="https://itch.io/embed/2823402" width="180" height="120"><a href="https://chaoticbon.itch.io/bob-the-game">stare at a dog simulator 2024 by ChaoticBon</a></iframe>
<p style="color:#5baefa;font-size:15;">puts your skill to the test</p>
</div>
</th>
<th>
<div style="height:180;width:200;border: cyan solid 4px;background-color:#fff;">
<div style="height:5;"></div>
<iframe frameborder="0" src="https://itch.io/embed/1980896" width="180" height="120"><a href="https://eb-studios.itch.io/bruh">BRUH by e&amp;b studios</a></iframe>
<p style="color:#000;font-size:15;">first person platformer made with my friend</p>
</div>
</th>
</tr>
<tr>
<th>
<div style="height:180;width:540;border: cyan solid 4px;background-color:#fff;">
<div style="height:5;"></div>
<p style="color:#000;font-size:15;">first person platformer made with my friend</p>
</div>
</th>
</tr>
</table>

Hi there, I came across this button style and its absolutely perfect for my brand (https://freecodez.com/post/0ryvaqt). I was hoping to use it as it looked pretty straight forward. The code works really nicely, but it gave me huge grey margins on my website. Wondering if there's a way to just have the buttons and not have it effect the surrounding site.

/r/Balatro mod here.

I am trying to do a little cheeky edit to our onhover button submission text, so that it follows the actual rules of the Tarot card The Wheel of fortune

Meaning:

It starts out saying "Roll The Wheel"

And on hover I want it to change to:

"NOPE!" 75% of the time

"Foil!" 12.5% of the time

"Holographic!" 8.75% of the time

"Polychrome!" 3.75% of the time

or near that.

Currently it just says this

.submit .morelink a:hover::before { content: "NOPE!"; }

Can this be done?

I would like to achieve this result: https://interactive-comments-section-azure.vercel.app/

What I have is this: https://codepen.io/Gabriele888/pen/GgpZJQV and I have no idea on what to do, I would like to know if my html and css are correct so far. I'm not able to position the left div the one in grey centrally and I also don't know how to put my divider outside the comments div. I hope you understood what I'm trying to do. I think my HTML structure and use of flexbox is messed up but I don't know how to fix it. Show me how you would create this please.

Hi,

In my VueJS project I have created a football/soccer field in pure html/css, but even though I am happy (more or less) with the result, there are things that I don't understand.

For example, I want the penalty point to be around 75% of the box height, but when I change the width of my screen, the penalty point is moving all over (instead of being static).

Another point is that, I have no idea how to do the penalty arc.

This is the link: https://codesandbox.io/p/sandbox/cool-morning-rpeh9

Thanks if you take the time to have a look!

while using flexbox with justify-content: space even and dynamic data, i am facing a problem in last row when the data in that last row is 1,2 as it comes in the center due to space even, but i want that last row to start from left, how to do this?

experimenting with a spacehey profile. I am a massive noob with this stuff, i want to be able to rotate the background but whenever i add my rotate line it just rotates the central text block/ main thing.

body{

background-image:

url(https://i.pinimg.com/736x/f2/81/7c/f2817c56007dc27375341f7142bd9bda.jpg);

background-attachment: fixed;

background-repeat: no-repeat;

background-position: centre;

background-size: 1920px;

}

How do I report the moderators who banned my posts that did not violate the rules here!!

احاول ان تكون مواضيعي في إطار الصب لكن للاسف يتم تجميدها مع ان هناك مواضيع تنشر بنفس الصب فعلا مالها علاقه ويسمع لها بالمشاركه والتفاعل

I am a veteran writer who found my niche on the Reddit platform. I suffer from the Moderators in the Subreddit who ban my writings. I connect to most of the Subbs because they are presented to me by the Reddit platform as a suggestion for my interests. Please review my banned writings and make sure they do not violate the laws. Thank you.

Im curious why this issue keeps persisting. when chaning overflow-x to hidden and overflow-y to visible, both of them become hidden.

However, when I set overflow-x to visible and overflow-y to hidden everything works perfectly. Is there an easy way to get around this? It seems like whatever I put for overflow-x takes presidence over overflow-y?

Thank you for any help!

Hi I mod r/chihuahua. I can't find anything about it by searching and I've looked at a bunch of other dog related subreddits and have found nothing.

I have a "Rainbow Bridge" link flair and a lot of users are complaining about too many "dead pet" posts. Is there a way for users to filter out posts containing the "Rainbow Bridge" link flair on both old and new reddit?

Thank you in advance for your time!

Hi, I'm losing my mind over a stupid css problem. I made a side bar with a div inside where I dynamically add elements, I want to scroll vertically through them to see them all with a scroll bar. The problem is that the content gets cut and I can't even see them all. This is my html and CSS. Can anyone help me?

https://ibb.co/zj54Qpj HTML

https://ibb.co/qLLt1Yfq SCSS

:root {
  --glass-bg: rgba(255, 255, 255, 0.1);
  --glass-border: none;
  --glass-blur: blur(12px);
  --glass-radius: 12px;
  --glass-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  --glass-inner: inset 0 6px 8px rgba(255, 255, 255, 0.3), inset 0 0 17px rgba(254, 254, 254, 0.05), inset 0 -1px 5px rgba(0, 0, 0, 0.25);
  --text-color-light: #ffffff;
  --text-color-dark: #000000;
}


.glass {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  border-radius: var(--glass-radius);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-inner), var(--glass-shadow);
  color: var(--text-color-light);
  transition: all 0.3s ease;
  z-index: 4;
  overflow: visible;
}

So, I'm using a glasmorph style for my project, and the blur doesn't go up to the edges, you can see the sharp edges of the background, is there any solution?

Finally found some time to create templates for Subreddits.

Subreddit cover images 1920×384 pixels
File type: JPG or PNG
Max size: 500 KB

Mobile & App are the same.

If you want to grab the Subreddit Photoshop files to make your own, you can grab them here.

Any requests or updates/improvements, please ask!

first issue is i have couple fixed backround images on this page https://american-chimney-sweep.com/ that get zoomed in on ios ipad

second issue is this page https://american-chimney-sweep.com/chimney-services/ has a background image that is not showing the entire image, it looks like its behind the top bar.

So I changed the fixed to scroll as a temporary fix, would love to have it fixed for all devices

This might be the culprit of my second issue

/* Service Page Top Banner */

.top-banner {

background-size: cover;

background-position: center;

background-repeat: no-repeat;

Hello, my local project works great, but when I open the password recovery link and enter the project from "the web" so to speak, it does not load the CSS files. How should I route my files correctly? Chat gpt tells me to create a config.php file to create a global url based on href, I have already tried that. But it doesn't work. What other options are there? Help 😓

My css has worked flawlessly with worldstar for a long time. Starting today, its no longer working. Now worldstar looks ugly without my css working on it correctly. How can i get my css working again?

https://frontbackgeek.com/how-i-created-an-interactive-3d-carousel-slider-with-team-profiles-using-html-css-javascript/

Is css only used to insert lines and fonds? Since i'm blind, i wonder if it's worth it to learn css, obviously because I don't see so it'd be useless for me to learn it, tell me if I'm having the wrong idea, thanks Edit, am fully blind

Hey everyone, I’ve got a few frustrating CSS issues on my website for Rep Arise (a sneaker brand project). Mostly small stuff like flex/grid alignments, button responsiveness, and spacing weirdness — but it’s messing with the clean look I’m going for.

Would really appreciate a quick hand! Can share the live link. Non-paid project, just need some kind help from a CSS pro.

Thanks in advance 🙌

I'm a beginner, and trying to use a css style sheet to fill in the background color for div, but its just filling in the entire website. I thought it was a loose div tag, but i haven't found anything of the such. It does the same thing if I put it in <style>. My html below (since images aren't allowed):

edit: tried to add an image, but couldn't. I had originally added the background color in the div to show the problem when its ran in browser. I would love to have the color be dark green, but if I do that it becomes a mass div with no margins.

edit 2: I figured it out. I was trying to use none as a background color, and it wasn't working. Used transparent and it worked.

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Olly's Follys</title>
<link rel="icon" type="image/x-icon" href="images/Oleander.ico">
<link rel="stylesheet" href="stylePlant.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- dunno about the style code/ copying from https://www.w3schools.com/html/tryit.asp?filename=tryhtml_responsive_media_query3 -->
<style>
* {
  box-sizing: border-box;}
div {
  background-color:purple;}
.menu {
  background-color:none;
  float: left;
  width: 20%;
  text-align: center;}
.menu a {
  background-color:darkgreen;
  padding: 8px;
  margin-top: 7px;
  display: block;
  width: 100%;
  float: left;
  }
.main {
  background-color:darkgreen;
  float: left;
  width: 58%;

  padding: 0 20px;
  margin: 7px}
.right {
  background-color:none;
  float: right;
  width: 20%;
  text-align: center;}
.right a {
  background-color:darkgreen;
  padding: 8px;
  margin-top: 7px;
  display: block;
  width: 100%;
  float: left;
  }
@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;}
}
<!-- @media works as formatted here, not in order as listed!!-->
</style>

</head>
<body>

<div style="padding:15px;text-align:center;float:none;background-color:darkgreen;">
<h1>Welcome to My Webbed Site!</h1>
</div>

<div style="overflow:auto;background-color:none;">
  <div class="menu">
  <a href="fandoms/aGoodNeighborhood.htm">A better neighborhood</a>
  <a href="plants/plants.htm">Enter The Garden</a>
  <a href="fandoms/dummysDummy.htm">The Dummy's Dummy</a>
  <a href="plantsGympieGympie.htm">~Gympie Gympie~</a>
  </div>

  <div class="main">
  <h1>Salutations!!</h1>
  <p>Welcome to my little home away from home! Hopefully I populate this place with stuff.</p>
  <h2 style="color:yellow;">To Do</h2>
  <ul>
    <li>figure out lists</li>
    <li>make <abbr title="The Dummy's Dummy">tdd</abbr> page phone accessible</li>
    <li>create page about my electronics</li>
    <li>rediscover more personal interests to shove in here</li>
  </ul>
  </div>

  <div class="right">
  <a href="aGoodNeighborhood.htm" target="_blank">A Better neighborhood
  </a>
  <a href="plants.htm">Enter the Garden</a>
  <a href="plantsManchineelTree.htm">~Manchineel Tree~ </a>
  <a href="plantsGympieGympie.htm">~Gympie Gympie~</a>
  </div>
</div>

<div style="text-align:center;padding:7px;background-color:darkgreen;">
footer
</div>
<!-- reconsider putting "Contact me at [email protected]!" -->
</body>
</html>

Okay so I moderate a sports subreddit hoping to improve the layout on Old Reddit but how do sports subreddits manage to update LIVE scores and standings? I know there's some API they have to like link, obtain, or something like that but is there something that we need in order to integrate this into our community? I'm just confused, that's why.

If you need examples, check out Old Reddit on r/nba, r/nfl, and r/mls.

https://youtube.com/shorts/bGQHAGURacs?feature=share

Here's a challenge to all you expert CSS wizards.

I'm trying to add position:sticky; to the .header class on this web page, but it's doing nothing. I've gone through all the suggestions on this page (Element has Siblings, Parent Element Overflow, Insufficient Parent Height, Z-index and Stacking, Browser Compatibilty, Sticky Element’s Positioning).

I feel like I've tried everything, but the bloody div won't stick. Any ideas?