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
-
3
votes2
answers1263
viewsHow to customize the side edges of a DIV?
I have a <div> whose edge has a different customization than the pattern. It is not totally solid, it has "open spaces" at the top and bottom. Example drawn: The central content varies, so the…
-
3
votes1
answer66
viewsCommand to leave scrollbar Fixed
I wonder if you have any css commands to make the scroll of type[number] fixed because it only appears when the mousse is on top. I wanted you to stay the whole time with the two locks.…
-
3
votes1
answer1120
viewsValidate input size with Angularjs
I have a field in a form that I need to validate with angular. The field should have up to 11 characters. If you have less than 5 should be displayed an error message requiring the user a correct…
-
3
votes1
answer286
viewsHow to make border CSS inherit color?
Guys set up a simple container using CSS. For me to do the DIV that gets the text stick with blue background I ground a class I created to put background where I call it. But I need to put the blue…
-
3
votes1
answer434
viewsProblem with Background Image using Bootstrap 3
I’m having trouble displaying the background image when website is accessed by Chrome on smartphone, on PC usually displays (responsive). HTML: <!DOCTYPE HTML> <html lang="pt-br">…
-
3
votes2
answers384
viewsIs there a standard for structuring an HTML site?
I am creating a website and have the following structure: <body> <div class="container"> <?php require_once('includes/header.php'); ?> <?php require_once('includes/main.php');…
-
3
votes2
answers423
viewshow to align center with css
Guys I got two button that are aligned in the center using display: block;. The problem is that one sits on top of the other, to stand next to the other I used display: tale-cell; and the problem is…
-
3
votes1
answer1246
viewsPick selection event + selection movement - Jquery
I would like to know how to catch the event with Jquery text selection + drag. An example of what I am saying, is to select a text and with the left mouse button pressed, move the text sideways. How…
-
3
votes3
answers135
viewsWhen we include a script or CSS file in the HTML document, does an HTTP request occur?
For example: <script src="file.js" > </script> or <link rel="stylesheet" href="style.css" > Doubt: When we do this, it occurs request HTTP? It would be more performative if I…
-
3
votes1
answer732
viewsHow does the web page rendering process work by the browser?
I know there is a DOM tree, but I don’t know how the rendering works. I know that learning this is important.
-
3
votes1
answer208
viewsCSS selector changing value if it contains an element
By choosing any selector definition it is possible to set styles for each element that this is defined. My doubt would be, instead of selecting an element and changing properties for itself, I would…
-
3
votes3
answers3645
views -
3
votes3
answers47
viewsProblems with the positioning of an element
I want to leave the date fixed in the right-hand corner, considering that the div is being created by a while and that the position of the date does not depend on the extent of the description.…
-
3
votes2
answers460
viewstext-overflow with line break
I’m trying to use the text-overflow property to use lattices but also wanted to use line breaks in the first line. I need you to have a line break in the first line and in the second use reticence.…
-
3
votes1
answer1225
viewsWidth of <option> inside <select>
I own a <select> where the texts that are in <option> are very large. By expanding the <select> on the screen the options come out of it. I need a solution for the whole text to…
-
3
votes1
answer3435
viewsHow to make a text editor in a Tinymce style textarea?
I would like to know what exactly I must study in order to transform a textarea in a text editor WYSIWYG.Of course I know I must use Javascript,but I can’t imagine how styles are applied in real…
-
3
votes3
answers3438
viewsSelect with color palettes
As I can make a select with color palettes inside, I need to select certain colors, but not by name but by palettes that will identify each color, see an example Does anyone know how, a tutorial or…
-
3
votes2
answers225
viewsMake a hidden form
I am developing a basic CRUD, and I need that when the user click EDIT, open a form below, or side, no matter, with the fields for him to edit such information, and when click 'OK', the field…
-
3
votes1
answer1553
viewsCSS - How to avoid multiple file conflicts?
Situation I have several files css, some of mine, some of libraries. Doubt What is the best way to block the css external to certain elements? Example Current Effect /***** CSS EXTERNO *****/ form…
cssasked 8 years, 6 months ago Guilherme Lautert 15,097 -
3
votes1
answer5335
viewsI need to create header and footer fixed for all pages
I’m a beginner in programming and I’m not able to insert header and footer fixed on all pages of the site. I saw here on the site an option with Renderboy and Rendersection but I confess that I did…
-
3
votes1
answer7662
viewsHow to break the line by passing the size of the div?
I have this problem rendering text without spacing. How can I fix it?…
-
3
votes1
answer509
viewsHow to highlight a menu item when clicking Back or Next
This is possible, I know I am on the way, but before I decided to see with the community what can be done in this case, and then take the right course. Code function Selecionado(tag){ var item =…
-
3
votes1
answer222
viewsAlign div vertically in Internet Explorer 11
I’m studying css and challenged myself to create a reproduction of an image that follows below: I was able to do something similar, but I could not work the same way in Internet Explorer, I saw some…
-
3
votes1
answer664
viewstooltip cut by div
Good morning guys. I’m trying to create a css-only tooltip on a right-side panel of the page. In this panel appears a list of users and each tooltip presents a brief profile, quite similar to the…
-
3
votes1
answer1795
viewsLockscreen lock screen
It is possible to create a lockscreen in JS+HTML+CSS with the same blocking functionality as in Windows? I think about doing this in the web system that I’m doing.
-
3
votes2
answers642
viewsAdd CSS attribute when input is selected via Jquery
I’m Making an answer validation application for a particular question, I need that when the <input type="checkbox"> is selected if an attribute is addedbox-shadow to <textarea> of reply.…
-
3
votes2
answers450
viewsPut two icons in the same paragraph
I have a paragraph in my view. In this paragraph, I have the indication of my mobile phone and I took the bootstrap symbol, so: <p><i class="fa fa-phone"></i> Phone (Brasil) : +55…
-
3
votes1
answer195
viewsEdge Console? Is there?
Is there a console in the Edge? How to open and use? There are some things I need to fix in the site’s CSS in the Edge and without console I can’t know.
-
3
votes2
answers112
viewswindow.innerWidth does not work on Windows Phone
I got a problem: On the page http://www.magicforbaby.com.br/, has a banner where I can’t set its size (from div). But as it takes all 100% of the screen, I took window.innerWidth from the browser…
-
3
votes2
answers3037
viewsCSS Input Zip code
Good morning, I would like to make my input text accept only four numbers and dps of that put "-" and accept only three numbers. This is possible only with HTML and CSS?
-
3
votes3
answers7189
views"import" header and footer on all pages
I am making some html/css/javascript pages and all will have the same header and footer, I would like to know how to make the import without repeating all the code. Java server. But you can do it in…
-
3
votes4
answers18367
viewsApplying opacity in a Background
I’m trying to apply opacity to my background image. I’ve tried using rgba, and the pseudo-class after. Is there any other way to apply this filter only to the image without affecting the content?…
-
3
votes0
answers450
views -
3
votes1
answer130
viewsLoading screen only when necessary
I made a loading screen so I would like to make it work only when it is a time-consuming action and not with any load. JQUERY <script type="text/javascript"> $(window).load(function() {…
-
3
votes2
answers534
viewsCSS tab system stops working when changing quantity
I’m trying to use a system of tabs in pure CSS. It seemed very nice, but when I add new tabs or remove some it stops working, someone knows to tell me why? Only with 3 tabs works well: .tabs…
-
3
votes2
answers1635
viewsz-index does not work on link
I’m having a problem creating a <div> masking and a link to disable this mask. In another layout that I had worked normally, now that I am performing the exchange it stopped working. I have…
-
3
votes2
answers104
viewsText on image
Hi, I’m new to this and I need to know how to make a text about the img appear when passing a mouse over it p a school project, someone can help me?
-
3
votes3
answers112
viewsHow can I specify a "Transition" value to be animated when using "Transform"?
IN THE css, we can use the property transition to define a transition effect when some of the properties of an element are changed. Example: .box{ transition: all 1s linear; background-color:…
-
3
votes1
answer148
viewsAlign form items with CSS
Hello, I would like a help to align the items in the following form. I would like the selects Labels to stand above them to the example of inputs Labels. Additionally he would like the selects,…
-
3
votes2
answers1129
viewsCentralize objects within the div
What is the best way to centralize objects within a div horizontally and vertically, being a responsive div with no fixed size, with width and Eight in %. Div is inside a bootstrap Row div…
-
3
votes2
answers51
viewsOnly stylize if the element belongs to a class
Good afternoon, my friends! I wonder how I can get a Fontawesome icon to receive formatting ONLY if the HTML element belongs to the class status. With different styles for 3 Fontawesome icons, with…
-
3
votes3
answers676
viewsDatatables highlight line with higher percentage
In my system I have a table mounted by DataTables. Data is received from the server via Ajax. Example of the data structure loaded in the table: DDD | Processed | Approved | Percentage | 11 - 19 |…
-
3
votes2
answers138
viewshow to work with SASS/LESS in real time?
I recently paid attention to pre-processors of css as less and sass because I saw advantages in using them, but I see the need for a workflow so that the css generated is compiled automatically. At…
-
3
votes1
answer430
viewsBootstrap libs declaration
I have declared bootstrap libs in the code so: My error is on the page, that when you click on the menu icon, it does not expand Behold: Any suggestions? <!DOCTYPE html> <html>…
-
3
votes2
answers376
viewsSpan inside @Html.Actionlink
I have the following column of a table: <td style="font-size:10%"> <p class="list-group-item-text"> @Html.ActionLink((string)item.cidadenome, "Cidade", "Cidade", new { cidadecod =…
-
3
votes2
answers828
viewsCreation of diagonal div
Well, I’m having doubts about creating a div, with two elements, separated by a diagonal line, according to the image below, how can I create ? The text should remain straight The Skew property, as…
-
3
votes1
answer195
viewsMenu for mobile
I’m making a website for the company where I work and I made a Multilevel menu. My problem is that when I open one of the levels, the last item does not appear and when I scroll what moves is the…
-
3
votes4
answers613
viewsChange the position of a <li> to the first position
I have the following <ul>: <ul class="opcoes"> <li id="">Escolha a opção abaixo</li> <li id="1">1</li> <li id="2">1</li> <li id="3">3</li>…
-
3
votes3
answers729
viewsGet font size in HTML
I need to get the source information that is configured in the HTML tag with Jquery. I know to get the font-size just use: css: p {font-size: 12px;} JS: var tamanho = $("p").css('font-size'); The…
-
3
votes2
answers11060
viewsHow to center an iframe?
Have on my page an animated banner that I made in Google Web Designer that I incremented in my site to appear before loading the index page. So far so good, the codes are working but I would like to…