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
votes2
answers107
viewsBold special characters in Safari only
Special characters like ã or ç are getting bold only in Safari version 13. The site is meta tagged utf-8 <meta charset="utf-8"> For example: Choose them informsções... Select the…
-
1
votes1
answer60
viewsDisplay original text with line breaks inside <a> tag
I’m trying to put a text with more than a paragraph as a link, but the display within the tag <a> removes the line breaks in the text. I’m doing it this way: <a style="cursor: pointer;"…
-
1
votes2
answers221
viewsMeter with percentage
I have a system of evaluation of the services that my company offers. I need to display a "meter" of the ratings with percentage. Something like that this draft but I have no idea how front-end. I…
-
1
votes2
answers137
viewsImage on a text
I found a code to pass the mouse and show a text, I would like to show a photo. It can be done with css or javascript but I don’t know the part of the photo. like this <style> #mostrar{<br…
-
1
votes1
answer48
viewsHow to center a fixed menu (div)?
The menu should be fixed and so I used the position: fixed;. When I use the margin: auto, that is to centralize a div, doesn’t work... #menubarra { position: fixed; height: 50px; width: 80%;…
-
1
votes1
answer40
viewsHow to make an automatic grid for exact measurements using SCSS?
I have the following example but in percentage: $grid__cols: 12; @for $i from 1 through $grid__cols { .col-#{$i} { flex-basis: (100 / ($grid__cols / $i) ) * 1%; } } That may be tested here, to…
-
1
votes0
answers40
viewsHow to put a div overlaid to a video embed in fullscreen?
How can I have a div superimposed on a Youtube-soaked video? I wish in the case below, the div id="banner" stand in front of the video when it is fullscreen: <iframe width="560" height="315"…
-
1
votes1
answer721
viewsResponsiveness on iphone
I developed with my colleagues a theme in Wordpress that is pretty cool on various devices, but the boy who will receive the site uses an iPhone 5 and this smartphone the figures were "stretched". I…
-
1
votes1
answer160
viewsCorrect image and text positioning
I am using the bootstrap 3.3.7 and I have a question of how to correctly position an image and text next to it. The image needs to be "pasted" in the browser and the text next to it and in the…
-
1
votes1
answer58
viewscss selector with Nth and not
I have a form with flexbox, only when an error is inserted div of alert, breaking the layout. Have some fields that are 50% on the same line <form method="post" action="XXX"…
-
1
votes1
answer481
viewsSort rows and columns replicated with angular
I need help sorting the buttons I’m generating with angular. I am using "ng-repeat" and is generating the 8 buttons correctly but they are getting out of order I need. Follow the code and output…
-
1
votes1
answer97
viewsInsert colored border into image that is cover
I’m trying to highlight a div who’s got a cover image with an edge using css, but I’m not getting it. I loop to show the images but the user can not know which image is the cover, the image below…
-
1
votes1
answer169
viewsHow to leave the position of a fixed div according to the Raddiobutton change
I have the following screen that once changes the option of RaddioButton to div goes down or up. I wonder how to leave fixed in a position. Selected the Cycle option: Selecting the Year option:…
-
1
votes1
answer76
viewsAligning two Divs on a Modal
I have a question to align two Divs using Bootstrap. <div class="info-suporte col-sm-8"> <table class="table"> <thead> <tr> <th><div class="foto"…
-
1
votes2
answers45
viewsHow do I increase a CSS property using Js?
I’m needing that every time I press a button, a CSS property increases by 10, example: <style>div { left: 0; }</style> <button>Aumentar left em 10</button>…
-
1
votes2
answers142
viewsCss does not change color to transparent
I have a menu of a site where specifying the element I change to a transparent color but it does not change, even putting as ! Port in front of the property. Behold: In this menu it is like this in…
-
1
votes3
answers311
viewsHow to simulate click on another HTML element?
In this image below it is normal now, but every time I pass the mouse over it is placed the element figcaption in the image, that figcaption I used to paint the picture black. Here, the image before…
-
1
votes1
answer88
viewsHow to put multiple JSX expressions on onload in React
Is there any way to put two JSX expressions on onload? Every time I try to put two expressions he doesn’t recognize the second expression. I wanted to try to put it this way : <td onLoad={e <…
-
1
votes1
answer39
viewsHow do I copy/select a var in jquery?
I’m trying to copy the contents of var ip, but I can’t. This is my code: $(function(){ $("#ip-server").click(function(){ var ip = 'ip.exemplo.com'; /* <-- Esse é o conteudo que quero copiar */…
-
1
votes1
answer38
viewsconfigure inputs and label with css
I’m having trouble aligning the label with the radio input, the label is below and the input is above. I’m using html and css. wanted the two of them to be on the same line with the radio input…
-
1
votes1
answer67
viewsCSS file in Laravel
I’m starting a new project in Laravel, following the instructions, but I’m having difficulty accessing my project’s css file. It’s saved in the CSS folder, inside the public folder, and I’m calling…
-
1
votes1
answer87
viewsproblem when creating a triangle in after da div with css
staff needed to create a triangle in my :after of my div however this Shape would have to be 100% wide I made a triangle Shape but it is with fixed width and this can not because in mobile it gets…
-
1
votes3
answers43
viewspersonal as I add an image in the background by javascrip?
Well I’m trying to add an image in the background using js, it works like this when the clock arrives at a certain time it adds another example image of night or afternoon or morning. </div>…
-
1
votes1
answer125
viewsSemantic-ui, action-free checkbox in the form
I created a form using Semantic-Ui, but I can not enable the checkbox, I need some specific javascript for these elements? <table class="ui table"> <thead> <tr> <th class="four…
-
1
votes1
answer25
viewsUse different Background Images in HTML+CSS
Hello, I have a page in HTML+CSS and wanted to put Two different images background, One to be displayed for PC and one for mobile, how could I do that? My css is like this currently, calling just an…
-
1
votes1
answer32
viewsYou can only call one or two classes from an entire library in HTML/Css
I’m making a website and I’m already finishing, but to make my site responsive I would need two classes from the Materialize library. The intention was to take only these two classes because by…
-
1
votes1
answer40
viewsHow to recover variable value (custom Property) CSS?
For example, I have a variable defined in my style sheet: :root { --limite: 90vw; } To retrieve the value of this CSS variable in jQuery in such a way that each time this resolution changes (yes, it…
-
1
votes1
answer20
viewsPassing attributes to viewport via CSS
What are the attribute models that we can pass to the viewport through CSS? Taking an example of the attribute content meta tag <viewport></viewport>: user-scalable=no, how I would…
-
1
votes0
answers63
viewsHow does the inline-size property work?
I was snooping around the browser console tweaking an element, and I noticed that Google Chrome completed a property called inline-size. I don’t remember seeing this property before, but I did…
-
1
votes3
answers1448
viewsError - fa icons (Fontawesome.css)
Some class icons like, fa fa-user appear within the system, but other icons like fa fa-user-circle-o hyphen do not appear. Follow below the image, as you can see is no icon Access Edition: CSS code:…
-
1
votes1
answer275
viewsCSS - Media Queries loading backgrounds. How do they behave?
I’m making a website responsive and would like to upload different images in the background depending on the device. I will respect the use of data from mobile users and do not want to force the…
-
1
votes1
answer42
viewsText and image do not change color
I have some buttons that when I move the mouse, the background turns orange but the text and image do not change. Only when I step on the changing image. I’d like you to change it once the div turns…
-
1
votes0
answers20
viewsDoes anyone know how to increase this html input?
I need to increase the input for msm hr size <div class="login"> <input type="text" name="username" id="username" placeholder="Insira seu username"> <hr color="1DDBB9"> <br>…
-
1
votes1
answer27
viewsHow to increase the stroke size and the trough between them in a dashed line in css?
I need to create a dashed edge as in the example below. In the fig I defined that the trace would have 8px and the space between them also. .newItemContainer border-radius: 8px border: dashed 1px…
cssasked 3 years, 4 months ago Gabriel França 21 -
1
votes1
answer36
viewsDisplay: None is erasing where it shouldn’t
When using the Display: none to exclude the h2 (containing the title) in @media, it ends up deleting the options present in the menu, even being the h2 belonging to the id: navbar and the menu to…
-
1
votes1
answer753
viewsCenter an image inside the div
I have a div circular and a function that places the image inside the div. The only thing I need is for the image to be centered on div. Follow the example: (Please view the excerpt in full page)…
-
1
votes2
answers258
viewsCreate interactive grid with CSS
I wanted to create a grid interactive where when the person clicked on the image this same one appeared large beside, shopping site style. <div id='gridImagens> <div> <div>…
-
1
votes3
answers816
viewsCenter Vertically
I have a div and within it I have 2 more, one for an image and one for a text. I need the image to always be centered vertically, regardless of the size of the text. .lista_teste{ width: 100%;…
-
1
votes2
answers70
viewsHTML within d HTML
I have a doubt here. I have the following HTML code: <html> <head> <?php $logado = 'my name'; ?> <link rel="stylesheet" type="text/css" href="cabecalho.css"/> <nav…
-
1
votes3
answers64
viewsMaking a div reappear
In the yellow div (id="conteudo") there’s the pink div (id="conteudo-interno") and an image. The button makes the yellow div is clean, but I would like everything to disappear, except the pink div…
-
1
votes1
answer6582
viewsHow to put input and label side by side with bootstrap?
I have the following HTML structure: <div class="col-xs-4"> <div class="form-group"> <label for="vencimentoBolsa">Vencimento:</label> <input type="text"…
-
1
votes1
answer789
viewsJavascript/Jquery/HTML Mobile Button
Personal need to make a mobile button (click and drag anywhere on the screen), I am not understand why this is not working... Someone knows? .corpo{ background-color: #555555; } #button { position:…
-
1
votes1
answer51
viewsAnimation and Transform Rotate with Reference Point
I’m wondering if it is possible to realize the following functionality: I did an encoding for drag and drop only in a specific area (The pink area) The red area is like droppable = false There is…
-
1
votes1
answer802
viewsHow to change the Color background of a DIV with Class and Id?
I’m having a problem with my Javascript code, I can’t change the background of a div, and I set it in CSS with a class and its color is white. function escolha(id){…
-
1
votes2
answers145
viewsCSS and Jscript - Resize onClick image
Good afternoon !! I’m trying to execute the following code but I have no knowledge of how to resize the image to the size of the div, so it cuts the image and takes only the center :( Can you help…
-
1
votes1
answer391
views -
1
votes3
answers1528
viewsFormat search field with CSS button
I want to format the button that is on the side of the search field like this: But I’m not getting it: HTML: <div class="col-6 col-md-4"> <div class="busca"> <input type="text"…
-
1
votes1
answer138
viewsAlways get the second read
Guys, I have some columns, made with ul li <ul> <li>1</li> <li>2</li> <li>1</li> <li>2</li> <li>1</li> <li>2</li>…
cssasked 7 years, 1 month ago Lucas de Carvalho 6,427 -
1
votes1
answer1192
viewsBootstrap Navbar not functional
I already copied according to the Bootstrap documentation but my navbar is not working properly when I lower the screen. The button appears normal, but when I click, it should open a menu with the…
-
1
votes1
answer1732
viewsHow to leave content below the top fixed Bootstrap menu
Hello, my question is the following, I’m trying to put a container-Fluid exactly under a div Fixed-top of Boostrap, where it contains a navbar Menu and a ul, I had to put to leave the two fixed at…