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
answers398
viewsHow to center a div with auto width?
I have a div inside the footer, but it is expandable in width, how do I center? I’ve used margin: 0 auto; but it wasn’t. <footer class="rodape"> <div class="centralizar"></div>…
-
1
votes2
answers52
viewsHow to use "position:absoluted" correctly?
good night. I am building an application with phonegap and I have the following problem. I have a div with a background image with "position:absoluted". I would like to create a component below this…
-
1
votes0
answers173
viewsProblems loading image by css
I have a library, in the original it was as follows. The archive . css was at the root, and there was a folder called images that css searches for: /images/image.png. Well, we had to make an…
-
1
votes1
answer1201
viewsRequired checkbox with javascript to click link
Good evening, everyone! I am making a website for a college job, and what I want to do is the following: I have a simple HTML menu whose options are "View Profile", "Edit Profile" and "Remove…
-
1
votes1
answer414
viewsQueries @media for sites 100% responsive?
Currently I work with three queries always based on the minimum width and maximum width of the screen. The Mobile set from 250px to 480px, the Tablet put as 481px to 1023px and the Desktop put from…
-
1
votes1
answer307
viewsSmooth scroll bar
Hello, sorry to bother you again, but I’m having trouble in Stellar.js I tried to add it to the scrolling of the site to be smooth, but instead the site jumps straight to the next page, I believe I…
-
1
votes1
answer129
viewsHow to prevent jQuery’s close function from destroying my message container?
When I click the close icon of the error message, the Bootstrap javascript function simply destroys the container #msg receiving error messages preventing the next time an error occurs the container…
-
1
votes1
answer274
viewsHide element after it is loaded on page
I have on my page the following google script: <body> <!-- Google Tag Manager --> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-abcdef" height="0" width="0"…
-
1
votes2
answers458
viewsMenu with blocks side by side, a fixed and other fluid
How do I make a horizontal menu with a flowing width on one side and a fixed width on the other side? The menu will not be fixed at the top and needs to work in most browsers(this because I cannot…
-
1
votes1
answer235
viewsHow to determine that a div should occupy the entire space of a PDF A4 sheet by CSS?
How to determine that a div should occupy the entire space of a PDF A4 sheet by CSS? To generate the pdf I use PHP. for example <div class="page"> // conteúdo da div </div> I wish…
-
1
votes0
answers9
viewsuse variable in . eq
I need to put the value of a variable in the method . eq, this variable takes an integer value. But it doesn’t work. I’ve tried several ways and nothing. $(document).ready(function(){ i = 0; for(i =…
-
1
votes0
answers56
viewsPrinting of Pages
I’m facing a problem with web page printing. I have 3 pages . php pag1.php; pag2.php; pag3.php; I would like the user to click the print button and my print Function() to be triggered - so far…
-
1
votes1
answer77
viewsRemove cloned DIV by clicking button
Some time ago I asked a question about how to clone a form DIV when clicking a button ( + )... I got the following answer that helped me at the time. REPLY Now, I need to add a new button ( - ) so…
-
1
votes1
answer66
viewsCSS - Display centered text with another side-aligned text
I own a div 70% page width with centered text. I need to put a sentence in the right corner but in the same line as the original text, without disturbing the centralization of the original text.…
cssasked 9 years ago Junior Zancan 293 -
1
votes1
answer35
viewsHow to align 2 while result per line
How can I make the Divs contained in the loop list 2 per line instead of listing one at the bottom of the other Lowlife $sql = "SELECT * FROM aparelhos "; $resultado = mysql_query($sql) or die(…
-
1
votes2
answers182
viewsFull screen images
How to place 2 images or more side by side, occupying 100% of the page? @charset "utf-8"; * { margin: 0; padding: 0; } .galeria { background: #FFFFFF; width: 100%; height: 768px; display:…
-
1
votes4
answers18875
viewsChange color of button text by clicking
I’d like to know how to change the color of the text of the button writing when I click on it, I want me to click on the button and it comes out of the golden color and stay in the white color until…
-
1
votes2
answers1398
viewsHow does the div always get the maximum page size?
How is it possible to make the <div> content has as minimum the size of the page in any resolution or monitor without creating scroll bar? Where the scroll bar should only exist when the…
-
1
votes1
answer570
viewsBlock events with jquery
I have been for some time searching the jquery documentation for a function with the following behavior Suppose we have two buttons on the screen each with a different click event:…
-
1
votes1
answer131
viewsHow can I make an image when passing the mouse it appears a text in the center of the image?
How can I make an image when passing the mouse it appears a text in the center of the image? with css code, or other.
-
1
votes2
answers439
viewsIs it possible to customize the Facebook Like button?
Is it possible, I create a custom facebook like button? I want when I click my custom button (http://i.imgur.com/vJSlVfz.png) exactly the same thing would happen if I clicked on the default facebook…
-
1
votes1
answer222
viewsBackground transition with gradient
As far as I know, css does not support gradient backgrounds transition, but supports "flat" color transition, for example (background-color:#fff) How this effect was applied here, then?…
-
1
votes1
answer75
viewsReset effects after clicking on a link
How can I reset all effects after clicking on a link to Ex, that underlined effect and the edge:…
-
1
votes1
answer660
viewsProblems with CSS on an XHTML page
When starting my project I created all the favorable structure for the proper functioning of the CSS file. This is my page; <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC…
-
1
votes1
answer539
viewsHow to apply slider effect on web page?
While observing this page you may notice that there are links like Home, Services, Work, About and Blog. When you click on Services it changes pages using a slider effect, as if the page is being…
-
1
votes1
answer41
viewsHTML&CSS is it possible to disable the right scrollbar of an html page?
My html page is with many objects, but I want to let all of them so that the scrollbar doesn’t have to appear, it is possible to disable the scrollbar?
-
1
votes0
answers66
viewsAppearance of border not reported
var images = $("[data-img]"); images.mouseenter(function() { $(this.dataset.img).css('box-shadow', "inset 0 0 20px black"); }); images.mouseout(function(){ $(this.dataset.img).css('box-shadow', "");…
-
1
votes2
answers16125
viewsImage gallery (HTML/CSS)
Good morning, I’m starting on web programming and I need a north... I want to make a gallery with Timthumb where several images appear after clicking on one, it open in full screen and follow with a…
-
1
votes1
answer197
views:Hover in previous element
I would like to give :Hover on button "2" mundaning the effect on button "1" <div class="btn um">1</div> <div class="btn dois">2</div> <div class="btn…
-
1
votes2
answers553
viewsDiv or image appears only inside another
I would like to put a div or an image ( preferably div, if possible ) inside another, for example, I wish Div didn’t appear outside the other, if I’m overtaking being behind. In the example below,…
-
1
votes1
answer16
viewsHow to use 2 values in a css property
Good afternoon, I want my String to be formatted as Bold and Italic. In my css file it looks like this: font-style: italic bold; It doesn’t work. I’ve tried several ways and I can’t. Can someone…
-
1
votes1
answer78
viewsfooter hiding div with scrollbar when resizing the browser from top to bottom
I have a problem when I try to use a div with internal scroll on my page. what happens: if I resize the browser up the scrool arrow disappears below the footer. i wish this didn’t happen because…
-
1
votes1
answer487
viewsAnchor link with js and bootstrap, how to close the menu after clicking?
I’m making a site using boostrap, it’s a single page. When I access by cell phone and click on some link from the menu of the page it makes the scrolling effect to where the anchor is, but the menu…
-
1
votes1
answer696
viewsRestful site, when resizing the elements go to the bottom of the page
The page has only one photo in the center and some texts. I added a Media Query so that when the viewport is less than 700px it increases the images, but when I decrease my screen, it explodes...…
-
1
votes2
answers4318
viewsChange color CSS
Good afternoon, I’m with a doubt as I can do to change the color of a div by passing the mouse on another for example: I have two div with the name of the first div of 1 and the second div with the…
-
1
votes1
answer445
viewsHow to make a modal fire and stay at the bottom/bottom of the page?
Modal by default shoots from top to top. I want to do the reverse. Let him shoot from the bottom and stay there (at the bottom/footer/footer). I changed his top, but in mobile the positioning is…
-
1
votes1
answer162
viewsSeparate 6 images in 3 div, forming a slider with bxslider
I am using the plugin bxslider. Each slider contains 6 images that are divided into 3 div, whose classes are item_top and item_bottom, for three images from top and bottom, respectively. When I…
-
1
votes1
answer125
viewsHow to resolve soon being shown in half
I have a page where I’m positioning the logo of the company, the positioning is getting correct, but the same is being displayed cortado I’ve seen my css and I couldn’t solve it, what I’m doing is…
cssasked 8 years, 11 months ago adventistapr 5,498 -
1
votes0
answers51
viewsSites that work by scroll
I have seen sites that work by scroll, where it is not possible to resize it, IE, when you try to resize the page with the Ctrl + scroll does not work and the whole site is animated by scroll too,…
-
1
votes1
answer28
viewsAnimation "speed up" - js
hello I would like to know how I do in js or if you have any plugin that facilitates those animations of single pages. You click on the menu and it goes down to the section you selected, I can make…
-
1
votes3
answers1842
viewssame div with different colors
How can I make a DIV change its color in the next instance of it? In two I can generate this effect:…
-
1
votes1
answer438
viewsTake the size of an image
There is the possibility to take the size via javascript of an external image to my directory? For example in this use: .divExterna{…
-
1
votes1
answer65
viewsScroll button after swapping css with Jquery
I have the following input: When you click the change button a new input appears: When you click this remove button, the first input appears again, only the button breaks the line and looks like…
-
1
votes1
answer68
viewsReverse animation when taking mouse
Would someone like to tell me how I do the animation "the other way around" when I take the mouse out? Try it on the link below and I think you will understand. When I put the mouse, the description…
-
1
votes1
answer187
viewsCSS selectors (H1 - H6 applying after p)
I’m in doubt of applying some effects to css. I tried with the following css selectors: h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { margin: 0 0 0.75em 0; } h1~p, h2~p, h3~p, h4~p, h5~p, h6~p { margin: 0 0…
-
1
votes1
answer548
viewsAccess Pseudo Elements ::after and ::before and Other
It is possible to access an element ::after raised in the CSS with jQuery ? For example: ul.pager{ position: relative; width: 100%; text-align: right; max-width: 960px; z-index: 30; margin: auto;…
-
1
votes1
answer531
viewsCSS event in one element apply in another
It is possible with CSS to make the following code .grupo-input input:hover .grupo-input span{ margin-top: -30px; } Where in HTML you find yourself this way: <label class="grupo-input">…
-
1
votes1
answer525
viewsServlet Faces - Error in context with path
Good morning, As I have already said in another topic is not my web area but I am trying to kkkk... After adding a Responsive template named Prologue I have the following error. GRAVE:…
-
1
votes2
answers182
viewsWhen you do not write anything, do not appear "Type a name"
I’m working on an Ionic app. There, when I search for a photo in Google and select it, the name field is filled with the word that did the search. Now, when I select an image of the phone, the field…
-
1
votes1
answer4234
viewsStylization of Input Date
Well, I was wondering how do I style a input of the kind date…