Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [css]

CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout, and fonts.

-1
votes
0answers
8 views

My Website - Move Menu or Content

I've been making my menu a bit wider on my website, then I realized that the menu was too wide that it started touching the content portion of the wrapper and not reformatting itself so they do not ...
1
vote
0answers
18 views

Cat Scoring app

Can you please review my code and suggest why it may or may not be a professional looking code? I am just starting out as a programmer I am able to write code but I don't really know where I am right ...
2
votes
1answer
17 views

Showing a “back-to-top”-button after scrolling a certain amount

I have a "back to top"-button on the page, It should be visible after the user has scrolled a certain amount*. This means I have to add or remove a class active ...
2
votes
0answers
19 views

Two CSS grids side by side, one is scrollable, the other isn't

I've made a section of my site to have two grids side by side. On the left-hand side is one big static (sticky in my case) image, on the right-hand side is a (grid) long column of several other images,...
5
votes
2answers
49 views

Crystals Collector game with four clickable buttons

I'm a few weeks into javascript and had to make a simple "crystals collector" app. The app works as intended, but the code is obtuse and repetitive. I'd like to make the app work using just one on ...
0
votes
1answer
47 views

Register Script for a website [closed]

I'm still new in web development and I am trying to develop a website with free access to doctors listing with option of booking. This is a personal project that my local community can benefit. I ...
3
votes
3answers
41 views

Simple javascript code to create an image caption

I'm trying to become better at javascript and have written a simple script that just creates some html from getting some details from some elements (e.g. the image alt text) and inserts it onto the ...
7
votes
1answer
35 views

Bash script to encode images in base64 and generate a CSS file from them

These are the first lines of code I've ever written. I've been interested in the idea of learning to program for quite a while, but never really pulled the trigger, and now I've been playing around ...
2
votes
2answers
57 views

responsive login page (html/css only) [closed]

I'm working on a responsive login page (open source). Could you try to review a bit the code on Github ? ...
6
votes
3answers
224 views

Dynamically loading CSS files based on URL or URI in PHP

I have written out the following code in the head section of my document, which should load 3 separate style sheets for each page based on the URL/URI that the user is visiting. It is working as ...
3
votes
1answer
46 views

Partial Sudoku Verifier

To practice my JavaScript for future employment, I've decided to take up the challenge of writing a javascript sudoku verifier. This code only verify's one of the ...
6
votes
0answers
26 views

CSS image slider (no JavaScript)

HTML / CSS Slider. No JavaScript. Wanted to make an all CSS Image Slider. Though there are plenty of pre-made options setup a lot seem clunky or add a lot to load time. Have ideas for some more ...
2
votes
1answer
35 views

Searching for selectors not using document.querySelector/document.querySelectorAll

I had a technical interview the other day and failed a certain question: Given a CSS selector (can just be a class name, id or an arbitrary number of selectors), return the parent DOM ...
6
votes
3answers
375 views

Class Activity Calculator

Introduction Class Activity Calculator is an online application to calculate the students' class activity grades. The class activity grade (CA) is calculated based on the marks a student gets during ...
3
votes
1answer
82 views

Dice game in HTML, JS, & CSS

I'm working on a personal game project to hone my CSS, HTML, and vanilla JS skills. I would appreciate any feedback on my small dice game project. ceelo-js Codepen The main logic of the game is run ...
1
vote
1answer
47 views

blueBox dashboard Dribble design challenge

I have coded an UI from dribble design as a challenge and completed it but I think The CSS I wrote is really bad. I am a beginner. How can I improve my CSS?. One of the main problems is that I am ...
0
votes
0answers
25 views

HTML, CSS and JS Boilerplate using Webpack, Babel, Sass and BrowserSync

I am working on a html, css and js boilerplate for my projects. My goal is to have a setup where I can fire off npm run watch and all files are watched and compiled....
1
vote
0answers
20 views

CSS organization with BEM

I've recently learned BEM & SASS, and I'd like to know if my BEM syntax is correct. I'm trying to create just the header of this page: https://blackrockdigital.github.io/startbootstrap-agency/ ...
4
votes
1answer
60 views

Onclick radio buttons to change background color

We are displaying two radio buttons in page. Click on Radio buttons, it will change background color. Is there any way to improve the quality of the code? ...
1
vote
0answers
24 views
3
votes
2answers
46 views

Sliding marker on link hover with jQuery

The following code is for a vertical menu, where I needed a marker to slide down next to a link upon hovering over said link. Therefore I needed to change CSS properties of a HTML element (the top-...
3
votes
1answer
34 views

Sass styling with React components

I have put together a piece of what can be a much larger frontend in Reactjs. I just put together the component that renders to the user a list of airports and hotels as well as a header component. ...
1
vote
0answers
19 views

Versatile React component that maps style attributes

I'm creating a versatile component with styled-components that essentially just maps style attributes. I feel my type declarations seem inefficient in getting access to props. Is it appropriate to ...
1
vote
0answers
36 views

Behat Page Object Model

I have a working solution on a training exercise that I wish to improve as I feel there is a better way to utilize the form and get to the fieldsets etc using page model. HTML: ...
2
votes
0answers
42 views

Block YouTube iframes until user consents with cookies

I'm trying to embed YouTube video's on a website in a privacy-friendly way. The code doesn't load the iframes by default but shows a preview thumbnail overlayed with an info message instead. The user ...
1
vote
1answer
38 views

Password Checker [closed]

In my second post I am looking for the way to change answer dynamically. As you can see there it changes when I completely fill the input. I want it to change for every letter typed . I will be ...
0
votes
2answers
61 views

Improving the code of my About Page

I have completed my website and I'm super happy with its design, but I feel that how I reached this point can be made more efficient and genuinely improved. Note: I'm only looking for assistance on ...
1
vote
1answer
61 views

Generate a Style Tag and Append to a Document

Code Review I have two functions of styleAppend and getCss, which generate and append a ...
0
votes
0answers
30 views

Showing and hiding information with photos

I have been given an extremely loose design to follow: a page must show people's photos and name in a text overlay over the image, and when clicked a bio shows below. Must Haves Photo, text overlay ...
7
votes
1answer
125 views

Just a calculator

This is a simple calculator made in 2/3 hours. I am still new and I was trying out some tags. If you can add some comment and say what to do and what to improve I will be really grateful. ...
1
vote
1answer
60 views

Create HTML page to document contents of directory

I often work on embedded system projects in which I have a number of documentation files, such as microprocessor datasheets, schematics, bills of materials, etc. I find it convenient to create a ...
3
votes
3answers
84 views

Website for student organization

This website has been created for a student organization that is focused on engineering solutions for people with disabilities. With that in mind, I would like this code to be as accessible as ...
1
vote
1answer
50 views

JS Simple Image Slider

I'm currently learning some javascript and I've been getting up to scratch with ES6. I have learned the basics and continued to build things that I've wanted to build in Javascript for a long time. I ...
1
vote
1answer
79 views

Upload and drag the image inside a mask image

I am allowing users to upload and drag images with this code. Give me a review of this. Codepen ...
3
votes
1answer
69 views

Simple HTML website with CSS

I've made a simple website from scratch using HTML and CSS, for practice purposes only. I got the website to look the way I want but I would appreciate some feedback on the code, especially the CSS ...
1
vote
0answers
10 views

CSS 3D contact icons

I was playing arround with some CSS and ended up in making some 3D hover icons with font awesome. I wanted to ask for some feedback on my CSS: Best-practices, any other comments, maybe bad things ...
1
vote
1answer
64 views

CSS and React.js for a basic navigation drawer

I am trying to optimize my navigation drawer code. I have tried and followed the BEM naming convention for my CSS although I would like it reviewed with respect to the best practices being followed. ...
5
votes
2answers
53 views

Position logo in middle of nav

I've recently migrated away from floats and have started using flexbox to build my grids. My navigation has 4 menu items. I'd like my logo to sit in the middle of these. To maintain a good page ...
2
votes
0answers
22 views

Sparking animation for Button

I just came through a GitHub repo, which has an amazing animation for Button in Android. So, I though why not make that for web buttons too. And I started ...
3
votes
1answer
43 views

Numbered lines list

I tried my hand at making a numbered line list. I would like some feedback on my use of CSS and if this approach (using a numbered list) is considered a good solution. ...
4
votes
1answer
62 views

Basic static HTML page with applied accessibility

I'm following the project found here. I'm sure I forced some flexboxes where they didn't need to be. Tried to apply some accessibility topics that were discussed in earlier lessons. Overall its a very ...
0
votes
0answers
36 views

Table th/td absolute positioning: 1px dislocation

Table th/td absolute positioning: 1px dislocation when the table is scrolling, the last column is fixed. The last column of cells use absolute positioning. Firefox / Edge / IE, have a 1px ...
2
votes
0answers
75 views

ReactJS Typewriting animation

One of the dream idea to build typewriting in ReactJS. The code seems to be working, still there are something looks not that great in the code 😔 Looking for better solution (best practice) in the ...
2
votes
1answer
76 views

CSS Grid and Flexbox use

I have coded up the layout using the following Dribbble shot: https://dribbble.com/shots/5382121-Nike-Future To help get better at layouts. This is using a mix of Grid and Flexbox, but an area ...
1
vote
1answer
170 views

jQuery Slideshow with pagination

The code below is for a slideshow that shows a slide with class active, pre-loads a slide with class next, and holds the slide with class last in the background. My biggest issue with this is there ...
1
vote
2answers
144 views

Simple menu with descriptions

If one menu-item is clicked then the description with the same data-filter attribute should be shown. I added a class to the description elements to associate each one with the affiliated menu item. ...
3
votes
1answer
97 views

Display and search through a JSON's items in Vue.js

I have put together this small application that displays a "Users" JSON in an HTML5 table. I use Bootstrap 3, Axios and Vue.js 2 for this purpose. Here is the code: ...
1
vote
1answer
166 views

Horizontal mega menu with flexbox

I created a mega menu using flexbox, and because I'm not really into CSS, a review would be helpful. I know it would be better to avoid the third ul-level but this is not possible, because the HTML ...
5
votes
1answer
118 views

Simple way to show popup

After small research I found following informations: In this closed question I found some solution which not works good when pop-up has height bigger than screen (and some jquery solution). Here is ...
6
votes
0answers
46 views

Ultra-simple, automatic, non-float, 1-4 column, grid system

Has everyone moved over to CSS Grid and/or Flexbox? If not, I've maintained and evolved this system over a fair amount of time, the concept was derived originally, I believe, from Mary Lou, although I ...