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
-
0
votes1
answer109
viewsUse drag and drop to position an image
My doubt is the following, I have a content posting page and on this page, at the end, I have a photo upload field to be part of the content... But what I wanted is for the user to position the…
-
0
votes1
answer443
viewsWhy don’t other Ivs show up?
I put a div as relative, and the others inside as Absolute, but only div 3 is showing up because it’s the last I think, the problem is why they’re clustering like this? <div id="ofertas">…
-
0
votes2
answers36
viewsWhy isn’t my view presenting the css design?
<html> <head> <link href="/css/app.css" rel="stylesheet"> <title>Controle de estoque</title> </head> <body> <h1>Listagem de…
-
0
votes1
answer37
viewsDisplay all text on button
Hello! It is possible to display all button text on it? Automatically adding these ellipsis, but would like to display all the text. <ion-segment-button value="Bareserestaurantes"…
-
0
votes1
answer49
viewsFixed menu hides even with z-index
I have the following code: <html lang="pt-br"> <head> <meta charset=utf-8/> <title> Inicio </title> <style type="text/css"> *{ font-size:18px; vertical-align:…
-
0
votes1
answer157
viewsSite does not get responsive in Mobile dimension
I’ve been creating the website with the code below but I can’t make it responsive in the MOBILE part (320x568), the content is on the left side and on the right side is a big white part in the whole…
-
0
votes0
answers40
viewsCSS POSITION:RELATIVE - Why not just use Absolute?
If a position:Absolute can be positioned anywhere on the page (including background) and adjusted with Z-index, why is it necessary to use position:relative? Why not just use Position:Absolute?…
-
0
votes0
answers31
viewsPosition relative why use?
Why use the position:relative? If the absolute does everything in the matter of positioning, why not use only the position:absolute instead of using both?…
cssasked 6 years, 3 months ago Cassio Coutinho 1 -
0
votes3
answers169
viewsHow to know if Modal has active scrolling?
I have a modal that scrolls when the content of the window is larger on the screen..., I would like to put a different class when the modal scrolling was active, in the example below it changes the…
-
0
votes2
answers572
viewsHow to load content on a page according to the element you previously clicked on?
I have a simple gallery where each image leads to a new page with your description. It turns out that the page layout for the descriptions is the same, only changing the content. How to make only…
-
0
votes1
answer740
viewsHow to blur image in css without leaking?
I would like to learn how to unfurl an image without leaking in Wordpress - Take the example How do you do!…
-
0
votes1
answer1065
viewsReal-time html, css and javascript editors offline
I’ve been using a lot of real-time editors like codepen.io and jsfiddle.net, however they are online, I researched some programs offline and most of them are paid or do not do the same service, you…
-
0
votes1
answer343
viewsDuplicate <div> without duplicating Javascript
I need the following help: I managed to join two codes I found on the internet, and edited the formatting to my liking. I have a gallery with images and overflow horizontal, my code works, but I…
-
0
votes1
answer640
viewsHow to horizontally center a responsive div with multiple objects inside
I’d like to put as much as Rectangle possible within the mainDiv, and then centralize the mainDiv horizontally. For example, in this image we can see eight Rectangle within the mainDiv, however has…
cssasked 7 years, 7 months ago Lucas Caresia 2,663 -
0
votes1
answer137
viewsHow to define Height of DIV Filho, through the depth of the Scroll of DIV Pai
I’m having a little trouble applying the depth size of the scroll dynamic vertical of the first div, in the second div superimposed. Code: // Vamos criar a segunda Div, no qual ficará sobreposta a…
-
0
votes3
answers137
viewsText abbreviation <td> does not work
I would like to apply abbreviation in a <td>: <td> TextoTextoTextoTextoTextoTexto </td> Displaying only: TextoTexto... I tried to use style="text-overflow:ellipsis" but it didn’t…
-
0
votes1
answer89
viewsHow to replace * selector in production
Then, when using the * selector to reset the margin|padding general of HTML Csslint points out that in production can give bottleneck to the user. *{ margin:0; padding:0; } For me the "solution"…
-
0
votes1
answer1011
viewsProgress Bar in Jquery
Guys, I have a bar that works as follows, when my scroll is on top of the div of the bars they will start to fill. I made the css, but I’m not able to do Jquery, some hint? HTML: <label…
-
0
votes1
answer104
viewsSite with horizontal scrolling
Good, I have to make a site as horizontal scroll with this,(the site I passed is only to exemplify the scrolling, not the effects) but I have no idea how to do it, I did a good search before asking…
-
0
votes1
answer149
viewsAdd javascript variable in CSS class
I need to insert into this following CSS class: .bola { width: 50px; height: 50px; border-radius: 25px; position: absolute; } the variable var corBola =…
-
0
votes0
answers58
viewsDynamic content in two columns
Hello, I am developing a php project where we will generate a pdf file, where each page will be divided into two columns. The PDF content will be added dynamically through a content manager. The…
-
0
votes1
answer188
viewsCreate a jquery option Selected
I’ve seen several posts about it, but none of them were able to help me definitively. I want to put an option Selected dynamically(db data). obj.nome = [vitor,joao,carlos] dep_option += '<option…
-
0
votes1
answer121
viewsTransform e position relative - No 2 works!
Galerinha I need a help with Transform, and position relative! http://codepen.io/anon/pen/mWNJjR Here the button works perfect, when you pass the mouse it increases, using the Transform, but is not…
cssasked 7 years, 7 months ago Augusto Resende 1 -
0
votes1
answer1274
viewsbackground image is not appearing in Ionic viewe or compiled app
Background image is not appearing in Ionic viewe or compiled app. When I put to appear straight in hmtl like this: style="background-image:url(../img/santa-filomena3.jpg); background-size: cover;…
-
0
votes0
answers48
viewsHow to place a photo next to a text?
I have about 10 "< p" in my document, I want to put a photo next to a text. A perfect example of what I want to do is right down in the photo.…
-
0
votes0
answers50
viewsAnimation does not appear in Section
Eae guys I’m making a website in bootstrap 4 and want to put an animation with Animate.css, as it is divided into classes I only put the class and ready however the effect happens soon when loading…
-
0
votes1
answer1354
viewsSwap text using ::before - CSS
Good afternoon friends. I’m trying to swap a text from a page that I only have access to CSS. I just want to trade a term. I tried it with :before and font-size:0; (in the parent class of ::before),…
-
0
votes1
answer120
viewshow to align 6 Articles elements in two rows?
I’m making a responsive Mobile Fist site, and in media query I’m trying to align the two-row Articles are 6 Articles, right below will be the codes: /* SERVIÇOS*/ .servicos {width: 100%; text-align:…
-
0
votes3
answers535
viewsTake element data attr Datatables/jQuery
I am developing a project in PHP, Mysql, jQuery and CSS, and I came across the following 'bug' (in quotes because it is not a bug in fact) using the plugin dataTables+bootstrap+ajax: First a table…
-
0
votes1
answer30
viewsSize of elements on a responsive page
I am in a very complicated situation, I have researched in several places and I do not know if I am researching right, however, my doubt is the following: On many sites we have the following…
-
0
votes1
answer938
viewsOverwrite one image over the other with href="#image"
Well, better example than that than what I want to do I think there isn’t ? I want to use the image tab as a link, when the person clicks on the "Loguin" tab will appear the other image on top ,…
-
0
votes1
answer199
viewsTouch/click and drag effect
I have a gallery with horizontal scroll, I wonder if it is possible to put a click and drag to move the scroll, as if it were a touch dragging with the mouse. Obs: the images will have link. my…
-
0
votes1
answer221
viewsItems navigation type <select> mobile
I have a responsive site with INPUT’s and SELECT’s items, but by browsing Chrome Android , by the GO KEY key on the virtual keyboard, when I’m focusing on an item, and the next navigation item is a…
-
0
votes2
answers380
viewsEvent.preventDefault() conflicting on Contact Form
I have a contact form using Phpmailer which in one project worked perfectly. All return messages were done using CSS only, without Javascript. But now, in this new project, I want to use JS to make…
-
0
votes1
answer46
viewsMacbook Pro Retina screen is breaking the bootstrap CSS layout
How could I fix it, I’ve tried it but it didn’t work: @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5) and (min-width: 1200px) {…
-
0
votes2
answers2765
viewsHow to start closed Accordion
Hello, I have on my page an accordion, it is working perfectly, however, when starts the page it is already open. What I want is for it to come closed, has like? HTML: <div class="bs-example">…
-
0
votes1
answer4380
viewsHow to limit the size of a div
Well, I don’t know what title to ask, so if anyone wishes to edit I accept. I have the following scheme: http://151.80.152. 6/home.php I intend to do with the div itemsatual, have that limited…
-
0
votes2
answers26
viewsJquery z-index combo box
I’m using the combo box http://easyautocomplete.com/. But I’m having a mistake that makes the combo behind the bottom contents. I am since yesterday looking for articles and forums to solve this…
-
0
votes0
answers627
viewsChange button text by clicking with Jquery
Good afternoon! I am trying to change the text of a button whenever it is clicked. (ONCLICK) The problem? Well, apparently all buttons have the same class and I don’t have access to HTML, only WP js…
-
0
votes1
answer31
viewsHorizontal walking form does not work
I have a form that initially is display None and negative margin, I wanted when the button was clicked to give the impression that the div was dragged like this site, the side menu,…
-
0
votes1
answer145
viewsJquery Javascript tab system
I have a system with tabs on JS/Jquery, that to unite with the Owl.Carousel he gives a bug a bit strange, I’ve tried everything to fix the error and do not understand what may be causing the…
-
0
votes1
answer148
viewsHTML classes in menu with Wordpress
I’m developing a theme with Wordpress and I would like the same to possess a menu dropdown. I created some pages like Home. Quem Somos, Contato and a category called Produtos would like the category…
-
0
votes0
answers1474
viewsBootstrap, center table, I want to put the table in the middle of the screen, it’s already aligned but it’s below the screen
<!DOCTYPE html> <html lang="pt-br"> <head> <!-- Importando o css do bootstrap --> <link…
-
0
votes0
answers39
viewshow to format the select option when hovering over
How do I use css to leave the selected option with a certain color when hovering over?? <select> <option>werwe</option> <-- quero deixar esse cara em laranja ao selecionar…
-
0
votes0
answers305
viewsOwl.Carousel action of the NAV buttons
Duplicate gallery of Owl.Carousel makes it Nav custom move the amount of galleries instead of 1 position at a time. To Nav Standard works normally running 1 in 1 position. On the personalized Nav…
-
0
votes2
answers320
viewsAnimation in CSS is executed but when it starts again it does not repeat
The animation slide-in begins in the margin-top:0%; width:100%; and ends in the margin-top:300px; width:100%; then what this animation does is to scroll down the text that is written. But right…
-
0
votes1
answer965
viewsBackground overlay
On my site I have an animation that is a train track and a train that runs along this same track, but now I wanted to overlap with a backdrop image, which would be tunnels, and that was positioned…
-
0
votes2
answers755
viewsPie div effect
Well I have a div box2-1 who has the width 100%. I want to create a div box2-2 that has the width 100%, but keep the background with two colors, to have a pie div effect. Someone can help me? Follow…
-
0
votes1
answer52
viewsMake Up button to Start appear in a certain part
I would like to create a button to go up to the top, but I would not like it to be always visible, only when the page reaches a certain part
-
0
votes0
answers26
viewsWhat’s the difference of using + and ~ in CSS
Is there a name for this type of selector? do the same thing? example: #mostrar:hover + #esconder {} and #mostrar:hover ~ #esconder {}
cssasked 6 years, 2 months ago Otavio Fagundes 978