Most voted "css" questions
Cascading Style Sheets (or simply CSS) is a style language used to define the presentation of documents written in a markup language, such as HTML or XML. Its main benefit is to provide the separation between the format and content of a document.
Learn more…8,314 questions
Sort by count of
-
1
votes1
answer577
viewsCreate a sub menu using bootstrap with an indicator
I have a question about creating a menu using the bootstrap framework where I would like to create a menu and a submenu that contains an indicator in case a simple dash as in the attached image.…
-
1
votes3
answers431
viewsHow to line up div next to two Rows?
I want to leave the last image centered in the middle of the two Rows but I do not know how to make used one margin-top: 15%; went to the center as I want to put the second Row went down and was not…
-
1
votes2
answers299
viewsHow to move the position edges after the Hover?
I have this div with edges in the corners and wanted the right edge to be down and the left edge to be up when the div is on hover but I couldn’t apply the effect. Below is what I tried: div.classe…
-
1
votes1
answer152
viewsI can’t leave the menu bar properly
My html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ensintech</title> <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">…
-
1
votes2
answers238
viewsnavbar semantic-ui transition
I want to create a transition in navbar (menu), when scrolling the page scroll, do not know the name of the effect but it is this one (just scroll down and the navbar becomes solid with a white…
-
1
votes2
answers183
viewsI cannot create a Modal with html
I’m trying to open a simple modal using HTML: .modal:target { opacity: 1; pointer-events: auto; } .modal > div { width: 400px; position: relative; margin: 10% auto; padding: 15px 20px;…
-
1
votes1
answer200
viewsProblem for horizontally aligning responsive layout using Bootstrap
Now with the header worked. I need to create a second ROW (line) It will be 4|4|4 and should have an image, and the other 2 parts of text. But I have two questions. The first is, I don’t know what I…
-
1
votes3
answers847
viewsHow to prevent background scrolling when opening a modal window with javascript?
How do I get the background to stop rolling when I open my modal window? I’ve tried some options with javascript but all continue to scroll. Follows the code: HTML: <div id="openModal"…
-
1
votes1
answer158
viewsI can’t seem to get him horizontal
I have the main menu horizontal and then I wanted to put my sub-menu horizontal too but I can’t. My code: .menu ul li{ background-color:; /* muda a cor da barra */ float: left; /* ficar horizontal…
-
1
votes1
answer48
viewsEffect :Superimposing Focus :active
It is possible to visualize the effect of :active even though :focus? I’m trying here but when I click on the element the effect of :active is not shown jumping straight to :focus. .btn{ color:…
-
1
votes1
answer416
viewsTables materialize
Does anyone know how I can align this table with the white part of the background? I’m using materialize. Picture of how she looks. Table code <div class="row"> <div class="col s12 m12…
-
1
votes1
answer54
viewsHelp with bootstrap grid system
I’m studying Bootstrap and I would like to ask a question, I did an experiment here and I would like to know how to do it for when it is minimized to cell, how to automatically align the grids, when…
-
1
votes1
answer280
viewsHow do I use the setTimeout() method to delay the appearance of an Alert in Javascript?
Good afternoon, at this time I am developing a javascript, html and css project. It is the game of the Rooster, the game works only that I need the Alert of victory or draw only appear after the X…
-
1
votes1
answer1073
viewsEffect up and down in a few seconds
Someone has some idea how I can make an effect up and down. For example: Descend the icon for 5 seconds and in the sequence it ascends and a few seconds after it descends and stay 5 seconds and rise…
-
1
votes1
answer1112
viewsOverlay Div with Navbar
Good morning. I’m using Bootstrap to develop a website and I’m using a Navbar and a Div with an image, but when I insert the navbar and div with the image, the div starts just below Navbar and…
-
1
votes1
answer2081
viewsFix thead while scrolling table
I own the table below would like to make a scroll on it and pin to thead rolling down. HTML code so far: <div class="row"> <div class="TableCSS"> <table> <thead> <tr>…
-
1
votes1
answer3115
views -
1
votes1
answer177
viewsEdit search field with CSS icon
I am developing a web application and would like to format my search field like this. With icon inside and a placeholder written Search product Look at my search ground. With the round edges and…
-
1
votes1
answer5091
viewsHow to keep div size independent of text size?
I own a div which represents a square in which it aims to display a text to the user, see: html, body { background-color: #323232; } html { font-family: 'helvetica neue', 'arial', sans-serif;…
-
1
votes1
answer87
viewsHello I’m starting now to mess with HTML and CSS
Hello I’m starting now to mess with HTML and CSS, but I’m trying a problem because my menu is moving when I give the mouse Ctrl+scrol, could help me??? <!DOCTYPE html> <html lang="pt…
-
1
votes2
answers63
viewsCreating columns in Foundation
I’m taking an online course of the Foundation framework but I’m not able to make the creation of columns, just the lines, I tried in two ways: <div class="row"> <div class="small-1 medium-1…
-
1
votes1
answer380
viewsHeader with responsive bg
I’m starting a project right now and I want to make the header responsive, but I can’t. The header has an effect in js that changes the images every refresh, but I can’t assign the correct height to…
-
1
votes2
answers60
viewsresult in 2 table columns
Good afternoon friends, I’m having trouble assembling a table with result in 2 columns with database information. <table style='width: 100%;' border='1' cellspacing='0' cellpadding='0'>…
-
1
votes1
answer456
viewsCSS - Help with Hover in the menu
Good evening guys, I’m having a problem with my menu.. I want to space it but then when I use the padding it creates an area around that when passing the mouse near it already triggers the Hover and…
-
1
votes1
answer1401
viewsHow to create a mouse-over effect on an image and position it where I want?
I’m looking to replicate an effect of mouse over but what I’ve achieved so far is a bit buggy, the line with the effect is going from one side to the other, and it’s not just the length of the text,…
-
1
votes1
answer235
viewsFull screen overlay with menu
Talk guys, all right? I’m having a hard time making the effect of Full Screen Overlay, in this effect I use CSS and Jquery. The effect consists of opening a div overlay, when I click the menu button…
-
1
votes2
answers59
viewsAlign images with description
I need to align two images so that they are centered, with a description below. I tried something like: <style> .thumb { width: 140px; height: 140px; position: relative; float: left; } .thumb…
-
1
votes1
answer948
views -
1
votes1
answer175
viewsHow to insert a line above the Carousel
I am trying to make a Carousel that when clicking on the items is displayed the image and next to the content I would like to insert a line like the image below and center the items with the title…
-
1
votes1
answer182
viewsStop function when passing mouse/cell phone
I have the following code: I would like to know some function that can stop the phone when passing the mouse for about 10 seconds, after the arrow is removed from above. Thanks in advance!…
-
1
votes1
answer40
viewsAnimation bug in Firefox
I created a svg and made a little loading animation, in the style of a simple Download... This animation works perfectly in Chrome, but in Firefox and Edge there are some problems with the…
-
1
votes2
answers883
viewsResponsive menu with HTML and CSS only (target function)
I don’t know the script art, and I’m creating a page with a responsive menu. I’ve done a lot of research and I’m testing a way, so far it’s not working. I created the following code html: <div…
-
1
votes0
answers790
viewsHow to make the image responsive on mobile inside the Carrosel bootstrap 4, for it to adjust
<div id="myCarousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li…
-
1
votes1
answer396
viewsHow to edit the bootstrap margin in css or js?
Good evening guys, I’m implementing a Popover on my page, but I’m doing it inside a table that is inside a Jumbotron, the problem occurs of the first 3 lines where the Popover appears far from where…
-
1
votes2
answers86
viewsChange image by CSS depending on the access device
I have a rotating banner according to the code below. For now it has only one image: <section id="main-slider" class="no-margin"> <div class="carousel slide"> <div…
cssasked 6 years, 9 months ago user24136 -
1
votes2
answers244
viewsAlign items on html page
I have the following code: CSS: .apoio{ float:left; } .box{ width:300px; height:100px; background-color:#666; border-radius: 10px; margin: 0 auto; } HTML: <canvas class="apoio" id="cvs"…
-
1
votes1
answer104
viewsbackground-color does not work when it is used in "classList.toggle()"
I have the following codes: HTML: <div class="barraLateral" id="barraLateral"> <ul class="menuVertical" id="menuVertical"> <li name="liCat" onclick="darkTheme()"><i class="mdi…
-
1
votes1
answer55
viewsInsert various products + a rental date for each
I am with a tremendous doubt and without any north of how to solve. I need to select products to rent to a client and inform a date of the rental time of the same, but I do not know how to present…
-
1
votes1
answer75
viewscircle with several bars with jquery and css
I’m trying to create a circle with bars inside that accompanies the edge of the circle, I’m hours breaking head with this. Here’s the code I took all day to make, but that’s not it yet,…
-
1
votes0
answers42
viewsz-index does not work with google Adsense advertising
I have a problem which is this:. I have a top menu with position Fixed and a z-index of 99999. I put this ad but the problem I’m having is when I go down and get it in advertising. Advertising is in…
-
1
votes1
answer472
viewsHTML Css and Php Dynamic content in DIV
I am developing a site and in it I created a service area where through CSS, HTML, PHP and Laravel I display the content dynamically, I do a foreach... As I do not limit how many records the user…
-
1
votes1
answer105
viewsJquery - Redeem the value of a 'td' and insert into a Text
Good night , Next galley, I have a table from which I use the data from mysql , wanted to take the value of td ,and insert inside a TEXT that will appear inside the TD of the table with the value…
-
1
votes0
answers34
viewsTemplate Misaligned Bootswatch Template
I started using the Yeti template of bootswatch and there were 3 problems, my textarea misaligned from my other fields, besides the spaces between the fields increase a lot. Screen print in the…
-
1
votes2
answers1743
viewsAnchor link not working HTML
Good afternoon, I’m doing a project site and in it has those anchor links that lead from one part to the other of the page, but it’s not working right. I put the link as <a href="#violao">…
-
1
votes2
answers1766
viewsPosition Absolute within a Hidden overflow
HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head>…
-
1
votes1
answer55
viewsAdd point in title numbering and add numbering in ordered list subtitle
I wonder where I’m going wrong in my css code, because I’m trying to put a point in the title of the ordered list, example: Title And also add sub-title to the same: Title 1.1 Sub-Title But when I…
-
1
votes1
answer128
viewsAdjust icone CSS form
I have the following form However, the H3 icon, from above, was OK, only the next titles I put, are on the side of the form, how to do to adjust? HTML: <h3 class="titulos_cadastro"><i…
-
1
votes1
answer975
viewsCenter button vertically inside Nav boostrap
As I center this button inside a Nav-item, the html is so: <nav class="navbar navbar-expand-sm bg-light navbar-light sticky-top"> <div class="container"> <a class="navbar-brand"…
-
1
votes2
answers112
viewsHow to avoid that page click when I click Calculate in the form with Javascript
I’m doing this program for a college job with HTML CSS and JS. But whenever I click to calculate the page reload and the result consequently we are. I’ve looked at other questions here and in other…
-
1
votes1
answer3217
viewsSide div with 100% height with Bootstrap 4
Good afternoon, you guys. I am breaking my head with the side menu of my site, I want it to be 100% height (using height:100% did not work), the problem is this, searching the internet I saw the tip…