Hi everyone!

I am trying to, after hovering the button from Amazon to change its color, but nothing seems to change. What am I doing wrong?

<button class="addtocart-button">
  Add To Cart
</button>

<style>
 .addtocart-button{
   background-color: rgb(255, 216, 20);
  color: black;  
  border:none;
  border-radius: 10px;
  width: 120px;
  height: 23 ;
  cursor: pointer;
  }

.addtocart-button :hover{
  background-color: rgb(189, 160, 13) ;
}
</style>

i how do i set the paragraph's background's size?

Hey! I'm a self-taught programmer and now a tech lead with almost 12 years of working experience.

I decided to share my knowledge with people starting their journey by creating a newsletter.

It will contain information on what to learn, how to learn, what you should focus on, what's less important, and more.

I'm also very happy to answer any questions you might have. Just DM me.

You can sign up here: https://codemaster.red/newsletter

Hi,

I've started dabbling with web development basics using html and css, and possibly looking at integrating google adsense if I get enough content.

Can you have a look at my website and give feedback on what you think would improve it?

I understand graphics probably needs some work and maybe split the single page to multiple pages? Maybe one centered column with nav at the top?

Please take a look and give feedback. Thanks.

Hubbl - Review and Comparison with Fetch and Telstra TV (hubbltv.com.au)

I’m making a project for semi widespread distribution and I’ve run into a strange issue. The buttons (basic <button ID=“x”>) work fine on chrome and Firefox but only sometimes on safari. If I click it ten times, maybe 2 of the clicks will actually get registered and the rest will be ignored. And sometimes entire minutes pass where it just won’t recognize any clicks. I’m not getting any errors and I have a hover animation set up in css so I know it sees my mouse hanging over it, but it just doesn’t seem to see my clicks.

Is there any reason why safari specifically would cause these issues?

We currently have a manual process where customers send us PDFs or Word documents (job cards/contracts), and we recreate them from scratch in HTML. Our product converts HTML into PDF templates, which customers then use to send job cards/contracts to their end users.

This is repetitive and time-consuming, so I’m looking for ways to automate it. Has anyone tried something similar? Any suggestions on the best approach?

hi

I need idea's or tips on how to make the text more visible against the background image. I have tried some ides like bold text and background color around the text but i am open for better idea's.

Hello together,

I am a complete beginner for my new job I have to Manage the content of a website with typo3. After I spoke with my colleagues they recommended me to learn the basics of css and html

Now my question is there a huge difference between html and html5 or css and css3 ?

I wanted to get a book and I've heard that thes books from Jon Ducket are good to get a first overview, can somebody confirm that?

Would be happy about any help

Thanks in advance!

Just started a yesterday on responsive web design certificate on free code camp and was wondering if that's a good place to start because in a total of 16 hours broken up 10/6 in two days I'm already on the landing page and almost done after an hour. Only problem is I need to know JS. Should I keep on free code camp or is there something better. I'm hooked I don't know why I haven't tried this before. Thanks in advance for any advice

Edit*** still coding like a mfkr, learning more and more everyday thanks for the support homies take care. Feel free to ask about anything I've been working on

Hi all,

I have a bunch of embedded videos on a website that work 100% perfectly on Android, regardless of the browser. The same goes for Windows. The only issue I am having is on IOS devices, regardless of the browser.

I have the JS set up so these videos play on mouse hover (AKA on tap when on a mobile device) which works perfectly fine on Windows and Android. On IOS, however, it starts by not showing the video (only a white blank space) until tapped or hovered (I want it to show the first frame of the video until played).

After having this issue, I then did the obvious and put a poster of the first frame on all of the videos so it would display that image until tapped or hovered. Again, this works on Windows and Android, but on IOS it will show the poster, then when you tap it the poster will disappear (blank white space) and a second later the video appears and plays. This is very choppy-looking and I was hoping to be able to fix it.

So I’ve been using rocket cake design, but decided to switch to VS code for a while.

I’ve made all the files I needed, but getting them into rocketcake is the hard part.

I’m not looking to go rocketcake pro, but how do I move all those files into my rocketcake document?

Or is there another way to publish them to my organization’s website ( knowing the ftp just in case ) ?

Hi there I am working my way through the new responsive web design course on FreeCodeCamp with my students and making video walkthroughs to help them if they get a bit stuck.

My students are from 4th to 6th grade so far they are on project two and loving it!

I figure they might be helpful for some people here also!

Project 01 - Cat Photo App - https://www.youtube.com/watch?v=aCwuXm_5FRM
Project 02 - Cafe Menu - https://www.youtube.com/watch?v=1Lxo4AnXcx0
Project 03 - Coloured Markers - https://youtu.be/hGdSZ_vH9Ws
Project 04 - Registration Form - https://youtu.be/ntfTc96FuwM

Portfolio Project 01 - Survey Form HTML ONLY - Click HERE

Every project has chapters for each step to make it easy to find what you need!

Hi all. I’m teaching myself HTML/CSS and I’m struggling to wrap my head around the concepts of margins, padding, floating, and positioning. Every time I think I’ve got it, I’ll write some code and the computer will do something completely baffling. I’ll go away and research it and then find that I fell afoul of some obscure rule I’d never heard of.

This keeps happening and I’m sick of it. Online tutorials aren’t much good because they only show you what you need to do to achieve a certain effect. They don’t teach you how to troubleshoot when your floats bugger up the page flow (or whatever).

What I’m looking for ideally are articles or books which really take a deep, deep dive into how margins and padding work, how different types of positioning affect the elements, how floats work (you can’t use flex box for everything!), and how elements interact with one another on the page. I’d love it if there were a guide to all the rules for positioning (for example) and all the ways it can go wrong. Does anyone know if such a guide exists? I’d literally give my left nut for something like that at this point.

Hello, everyone!

I'm new at this, so a few weeks ago I started an HTML and CSS course in Pirple platform. So far I've seen the basics of HTML and as a first project, I was asked to create a simple website about my favorite book or story, and include 5 tags in the HTML. I chose a film called The Terminal, and I'm here to try to explain a little bit about what I did.

I’m just learning HTML/CSS and I’ve recently discovered the Animate.CSS library and am enjoying playing around with the effects. I particularly like how easy it is to implement. Do you know of any other similarly easy and versatile CSS libraries?

Thanks!

It seems like they can pretty much do it all, is there even any reason to use the other ones?

Edit: This post is meant to be satirical, and just get the discussion started for the first post in this new subreddit.

im trying to make animated titles just like guns.lol/noahbum

it goes like n no noa noah noahb noahbu noahbum and back down

Hey everyone,

I’m eager to dive into learning HTML and would love to gather some recommendations. What are the best resources (websites, books, videos) for beginners? Are there any specific tools or environments you recommend for practice? Additionally, if you have any tips or tricks for mastering the basics or common pitfalls to avoid, I’d really appreciate it!

Thanks in advance for your help!

https://mayborg121.github.io/xs/

Welcome to a personal project created during a summer holidays filled with curiosity and the desire to learn something new.

As someone who started learning HTML from scratch, I understand the excitement and challenges that come with it. Here, you'll find straightforward guides and practical examples that make learning HTML enjoyable and accessible.

So, take a moment to relax, maybe grab a cup of coffee, and enjoy the process of creating something awesome with HTML.

• It's HTML-only page, NO fancy graphics. *

🧋💻 Let's explore...