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
-
2
votes1
answer90
viewsProblem with Context Menu
Well I am mounting this Menu context within a table, it is working perfectly, by right clicking it opens. But whoever clicks the link closes without redirecting to page, someone knows what the…
-
2
votes1
answer49
viewsUsing shapes with CSS
I would like to make a layout in this way, where the green part and the text is made with CSS I used Rotate and skew, but I could not do it. Could someone help me??…
-
2
votes2
answers55
viewsCustom border for certain table columns
So, I have a page with a table that compares an amount of predicted items with an amount of items performed month by month. That’s the way it is these days: I was asked to put a line after each…
-
2
votes2
answers164
viewsCould someone please tell me how I can do this by passing the mouse?
the feat is found on that website https://www.canva.com/ is the effect of the main screen before logging in. Since already grateful. :)…
-
2
votes2
answers1174
viewsChange the color of a cell according to the value
I have a page with a table that shows information on the number of items expected to be performed and the number of items that were actually performed at the end of each month. I was asked that, in…
-
2
votes2
answers3383
viewsHow do I make a website responsive with or without bootstrap?
I’m making my first website for a client, missing only make the site responsive. I was wondering how I could do that? most tutorials out there are with bootstrap, but I started and finished the site…
-
2
votes1
answer156
viewsConfigure CSS to generate a new column when overflow is reached
I am generating a list of links dynamically using PHP, but this list is very large and I would like when it reaches a certain height in px the column is broken in 2, 3, or as many as necessary. Ex.:…
-
2
votes1
answer66
viewsWhat is the difference between Media Rule and Media Query?
Sometimes I see one of these two terms being mentioned when it comes to responsiveness or adjusting content to variations of screen and device types. Gazing this documentation in W3S it is said…
-
2
votes1
answer318
viewsResponsive site with side left
I made a site "responsive" that on the mobile is left side, someone could help me? Follow the HTML code: <!DOCTYPE HTML> <html lang=”pt-br”> <head> <meta charset=”UTF-8”>…
-
2
votes1
answer105
viewswhat does "string" mean in CSS?
Hello I would like to know exactly what the term string in CSS means and how it is used CSS?
-
2
votes3
answers361
viewsHow to define the opacity of an element from within a div larger than the div itself
As you can see, the opacity of button is larger than that of div, but still it’s in the same opacity, how could I change it ?? .div1 { width: 100px; height: 100px; background: #6a6a6a; opacity: 0.5;…
cssasked 7 years, 7 months ago Lucas Caresia 2,663 -
2
votes2
answers1211
viewsCaption with CSS mouseover
Guys, I got a thumbnail of bootstrap, I implemented within it a div caption, which should appear with the mouse on top. Only it is bursting the size of the div father, who in this case is the…
-
2
votes1
answer1348
viewsHow to put the scroll of an element to the left
Usually when you use overflow-y: scroll or overflow-y:auto, the scrollbar appears to the right of the element. .scroll-me{ height: 80px; width: 200px; overflow-y: auto; overflow-x: hidden;…
-
2
votes2
answers8380
viewsHow do I limit the amount of characters in a textarea and input using CSS
Good afternoon. I’m doing an activity in college where I need to limit a text field to 100 characters, but I have to use only CSS for this. I’ve tried these two ways: Example 1: .es1[type="text"]{…
-
2
votes1
answer71
viewsRegulation of svg
I’m looking for new effects to improve my portfolio. I really liked that effect, but there’s one mistake I couldn’t adjust. Height cuts when you do the Hover. After a lot of searching, I was able to…
-
2
votes1
answer41
viewsCSS :Nth-Child(Even) - Problems
Hello. I am developing a program and on one page I had to use "col" to make a layout similar to "Tables". I can’t use "Tables" because the line needs to expand downward when you click a certain…
-
2
votes2
answers1143
viewsCreate Javascript mask using jQuery
I have a customer registration page in my MVC project requesting standard data such as name, Cpf, dt nasc... I need to create masks of these fields. After researches I reached the plugin offered by…
-
2
votes1
answer7860
viewsHow to align elements within a DIV to the left of it
I’d like it to stay this way: .episodesContainer { width: 90%; height: auto; background: rgba(105, 203, 115, 0.5); margin-top: 40px; margin: 0 auto; display: flex; align-items: center;…
cssasked 7 years, 6 months ago Lucas Caresia 2,663 -
2
votes3
answers290
viewsChange scrollbar positioning in a div
By default, in a horizontal menu the content is read from left to right, as in this image: However, I would like when the content is loaded, the scroll bar is, say, automatically moved to the right,…
-
2
votes2
answers3529
viewsHow to make the text adapt to the size of the div?
I have a div that has the dimensions widht and height 100% of the screen size. Inside, I have a text encapsulated in p. How do I define the font-size so that it gets the same ratio on different…
-
2
votes2
answers4812
viewsHow to Center Menu in css?
I would like to know how to center the menu below: .dropdownmenu ul, .dropdownmenu li { margin: 0; padding: 0; } .dropdownmenu ul { background: gray; list-style: none; width: 100%; } .dropdownmenu…
-
2
votes3
answers1704
viewsOutline image with CSS text
I am developing a website but without using any framework to this end;I would like to point out that I have only started in the studies of front, and that CSS is totally new to me. I’m trying to fix…
-
2
votes1
answer63
viewsUse two titles (Abels) in a bootstrap input group
How can I use two tabs (label) on top of a group button using bootstrap? image: The idea is to use numerical "range" from 0 to 10, with a title on the left and a title on the right side.…
-
2
votes2
answers95
views -
2
votes2
answers172
viewsWhat is the best way to turn a secure contact form?
I have a contact form working but it shows crossscripting security failure in Sitelock. Any help overcoming the problem? Thank you <?php header('Content-Type: text/html; charset=utf-8');…
-
2
votes2
answers3123
viewsInserting a page from one site into another
I have a site developed in a CMS and on a certain page of this site, I need to insert another page that was developed without the help of CMS. To be more precise, this page that I am trying to…
-
2
votes1
answer64
viewsHow can I "unskew" the background image?
Good morning, I am no expert on this and I am tired of looking for a solution to counter the skew given to the main container. Basically all the solutions that I have been able to understand so far…
-
2
votes1
answer121
viewsDifficulties with responsiveness
I’m having difficulties with responsiveness, I want to know why I’m not able to adapt my site to this resolution of 720x1280, theoretically my site should fit well in landscape mode in these phones…
cssasked 6 years ago user122195 -
2
votes1
answer840
viewsHTML - I can’t align a textarea, all other items are aligned
HTML: <body> <table class="Cabecalho" width="100%"> <tr> <th width="33%"><a href="Home.html">Home</a></th> <th width="33%"><a…
-
2
votes2
answers164
viewsSearch field with rounded edge
I’d like to make a input adjacent to a button with a rounded edge that fits together as follows: Is there any way to do this with CSS pure, preferably without using the search field above the…
-
2
votes2
answers240
viewsStyle input through jQuery Validate
I am using the jQuery Validate plugin to validate a form. When I declare the rules in the input declaration the form turns red when it doesn’t fit, and blue when it fits. Here is an example of an…
-
2
votes4
answers1260
viewsFooter always at the bottom of the page
I want to know how to leave the footer always at the bottom of the screen, even on small screens. I’m wearing a bootstrap. This way: I want to leave the footer always at the end of the page…
-
2
votes1
answer123
viewsProperty overflow is not working properly
I have a part of my system that will receive requests and each new request that arrives, the system will create a list, the format is practically equal to a "submenu" the problem is that when I have…
-
2
votes2
answers826
viewsHow to make a div appear by following the cursor?
Good afternoon, you guys. My question is the following, I am creating a payment form, I have the following code: $(".spanhover").hover(function(event) { var divid = "#popup1" $(divid).css({top:…
-
2
votes1
answer51
viewsKeep clicked part of an SVG using CSS
I would like the following: Click on one of the segments, and it gets painted. My idea was to use only CSS, so I was wondering if there’s anything like hover to do it for me. My SVG is as follows:…
-
2
votes2
answers599
viewsThere is a css selector that I can select an Submit input only when it is triggered/clicked
my doubt is as follows: Is there any way to select only with css a tag <input type="submit">only when it is clicked/triggered.
cssasked 5 years, 11 months ago José Isaac 77 -
2
votes2
answers1012
viewsArrange amount of Divs/columns per row
I have the responsive site, and I have a list of products. On the desktop it is OK, it is for example: |PRODUTO 1| |PRODUTO 2| |PRODUTO 3| |PRODUTO 4| |PRODUTO 5| |PRODUTO 6| |PRODUTO 6| |PRODUTO 7|…
-
2
votes1
answer1454
viewsHow to put javascript variable value in CSS?
I have on the style page (css) of the site a code to make an animation, but the animation time should vary according to a variable that is in javascript, how do I make the value of this variable…
-
2
votes1
answer51
viewsIs it possible to detect scroll action with CSS animation only?
Is it possible to detect scroll action only with CSS animation, without using javascript? I found an example in this link https://codepen.io/Tont/pen/eDJpb but I couldn’t identify how it was done…
cssasked 5 years, 11 months ago Miguel Batista 2,812 -
2
votes1
answer237
viewsMedia Queries Does Not Work Informed Measures
Good afternoon! I am working the first time with @media queries, I read a little I saw some examples but when doing my project I saw that it is not using the settings according to the measure…
-
2
votes2
answers111
viewsReposition the side menu to floating when decreasing window
Good afternoon. I’ve been doing a lot of Google, American stackoverflow and here, but I couldn’t find what I needed. If I found something like this maybe I haven’t identified that it might suit me.…
-
2
votes3
answers15114
viewsHow to change the color of only one word in a paragraph?
For example, in a paragraph: <p id="paragrafo"> Bla bla bla banana uva morango bla bla bla </p> How would I change the color of just the word "grape," for example?…
-
2
votes1
answer161
viewsSize of div with scrollbar in menu
.sidebar { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; font-family: "Roboto", sans-serif; background: rgba(0, 0, 0, 0.78); width: 250px;…
-
2
votes2
answers81
viewsAre there "problems" using jQuery’s small?
For example, some parts of a site, I can not fully touch the HTML, put the platform blocks for "security" and does not let modify, so I use jQuery/Javascript to make the modification I need. Does…
-
2
votes1
answer753
viewsResponsive card
I’m trying to create responsive cards, I lined up the card elements using % but when I change the page ratio the elements are misaligned. standard page size reduced-screen html <section…
-
2
votes2
answers730
viewsScroll bar after using 100vh
I set a height to leave the part of header covering the entire screen. I used 100vh at the time and 100vw width, however when I added content below the header appeared the axle scroll bar x…
-
2
votes1
answer298
viewsHow to isolate CSS from a component?
I am using the React.js (in the example create React app) and I even created two components, but I could not isolate the .css of each component. The css of the tableInfo.css ends up being applied to…
-
2
votes3
answers374
viewsStore CSS in string
.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit…
-
2
votes1
answer1067
viewsHow do I align Divs from left to right from top to bottom with flexbox?
I just met this property and I need to create a social-network with the possibility of including videos... in case I would like the last one added to be at the top left and so on... that’s my code…
-
2
votes1
answer722
viewsClose modal window when user click anywhere outside modal
I’m using a plugin from a modal window, but I’m not getting the modal window to close. Example of Jsfiddle: https://jsfiddle.net/2kag95en/ (function($){ $.modal = function (el, options) {…