Welcome to Code Forum!
Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.
Recent content by SGdash1
-
CSS video background
Try adding height: 100%; to each element to ensure they are trying to take up all available vertical space.- SGdash1
- Post #6
- Forum: HTML & CSS
-
CSS video background
Try something like this to see how your layout reacts. .container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; margin-top: 50px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; width: 100%; align-items: stretch; }...- SGdash1
- Post #4
- Forum: HTML & CSS
-
CSS video background
<div class="main-left"> does not have its own styling. It should have a z-index value and a position property. Neither .main nor #background-video have position properties. I would start there.- SGdash1
- Post #2
- Forum: HTML & CSS
-
Answered CSS navbar row vs column
I believe the reason you are still having trouble is that you are pulling in the .container styling to your menu. You have <div class="container red topBotomBordersOut"> in your HTML, which will pull styling from all of .container, .red, and .topBotomBordersOut. Even though container is above...- SGdash1
- Post #6
- Forum: HTML & CSS
-
Answered CSS navbar row vs column
I don't see anything that would cause the links to display vertically from that portion of your CSS. I would suspect you are dealing with parent container or global styling that is being inherited. You could trying adding display: inline; to your .nav a { as an attempt to override inherited...- SGdash1
- Post #2
- Forum: HTML & CSS
-
responsive tables
If by responsive you mean you want the table to be viewable on screens that might not otherwise be able to see the entire width of the table, you can add a horizontal scroll bar by putting the table in a container and using overflow-x: auto; <div style="overflow-x:auto;"> <table> <!--...- SGdash1
- Post #2
- Forum: HTML & CSS
-
CSS Row Height
You can use Grid in .hero while using Flex in .container. Using Flex in .container does not prevent you from using Grid in .hero. Flex operates in 1 dimension. You are either managing a row or a column, not both. It is really good at adaptive sizing and wrapping. Grid operates in 2 dimensions...- SGdash1
- Post #8
- Forum: HTML & CSS
-
CSS Row Height
I don't know if you are restricted in what you can use, like really old browser compatibility or this being part of a lesson where you are only supposed to use what has been taught up to this point, but if you can use it then CSS Flexbox makes this easy to solve. html, body { height: 100%...- SGdash1
- Post #6
- Forum: HTML & CSS
-
Python [OOP] I can't create an object - I got an invalid syntax error.
pass = RandomPassword() 'pass' is a reserved keyword in Python. You can't use it as a variable name. -
using images and copywrites
If I understand the situation... You got images from a friend. You don't know if they actually owned those images or had the right to allow you to use them. You have found some matches to those images with Google Image Search. You are wondering if another site(s) got the images from your site...- SGdash1
- Post #4
- Forum: HTML & CSS
-
Best way to hide images for responsive
It does still apply. The browser doesn't consider the visibility of the element when it's fetching resources. The image will be requested and loaded into memory regardless of visibility changes made with CSS.- SGdash1
- Post #9
- Forum: HTML & CSS
-
Best way to hide images for responsive
If you just want to hide the image (or any HTML element) conditionally, you can do that easy enough with a CSS media query. That is just hiding it though. The image will still be loaded by HTML. You can use a bit of JavaScript to prevent images from being loaded until you have checked the...- SGdash1
- Post #5
- Forum: HTML & CSS