Newest css Questions

Q&A for professional and enthusiast programmers

Make sub menus expandable using java script

I am working on a navigation menu with nested sub menus. I was wondering if there is a way I can achieve the menus to be expandable when I click the parent menu item This is my HTML code, as you guys ...

How to keep text visible inside container if too long without wrapping

I have a structure like this: td { height: 50px; } .box { position: relative; width: 100%; height: 200px; border: 1px solid black; } .content { position: relative; ...

Prevent y-scroll-auto changing inner width of a div

Is there a way do prevent the y-scroll-bars from changing the inner width of a div-container. Can the child of the div-container always have a right-padding until the scrollbar appears? In the ...

Prevent auto vertical scrolldown on frame inside frameset on frameLoad/bodyLoad

Need help for auto scrollbar issue with frame in frameset. <frameset fameborder="no" framespacing="0" border="0" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" class="framestyle" ...

svg line color does not match css border color

I've created this svg to use to style a dropdown. <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="...

Systemstatus history [on hold]

I am searching for a JS Lib or something simular, whitch can display an status history of multiple system (A1, A2, A3, A4, A5). The status should be displayed in different colors (Error red; Warning ...

transition class work only in first time angular js

I try when click in button , will toggle class transition of Here is my code function linkFc(scope,element,attr) { var toggle =angular.element(document.querySelector('.fa-bars')); ...

When mouse leave reverse animation [on hold]

I'm achieving slide down animation on mouse hover. Now, I need slide up animation on mouse leave. Please check the following code and let me know what changes I have to do to achieve my requirement? ...

p:message not displaying the list of errors properly

I am using primefaces p:message tab for displaying error messages in screen. But the error message backgroud is not expanding as per the list of message. <table width="95%" border="0"> ...

Bootstrap menu oppened link background color with class=“nav navbar-nav”

How to change color of oppened link in bootstrap menu like on picture. It work on mouse over and after click change to default color of menu. i need like on picture. HTML <div class="navbar-...

Timeline with transparent markers

I'm trying to figure out if it is possible to create a timeline (or more specifically in my case, a scroll indicator) with dynamically placed transparent markers that would allow you to see a ...

Serving Django CMS Admin Styles in Production with Apache

I made a simple site using Django CMS. Everything seems to work, except for the styles on the admin toolbar. They are not loading. What should I do to configure the app or server to serve them ...

Change alternative colour of TR in multiple TBODY

I want to change alternative color of all TR which resides multiple TBODY. My html code is like as following. <table> <thead> <tr><th>Customer</th><th>...

button alignment under floated elements

See attached image of buttons that are not aligning The CSS and html is: <div class="row"> <div class="col-lg-10"> <div class="athlete-image"> <img src="{{ url('...

Side nav that moves out and changes on hover

Hey ive been trying to create a navigation bar a lot like this one: http://teaser.badassembly.com/ i am able to make the Nav bar move in and out but having the information change when the Nav bar ...

Vue.js 2.0 Blank in Edge because of <template> inline in HTML

I have styled my whole single html page with template tags directly in my HTML, which acts like switches that hide and display info depending on my App data. example: <!Doctype> <head>&...

How to add ending in input field [on hold]

I have input field where user should print number, but the and of the number should be currency constantly. For example: "2000 eur" ("eur" is the constant placeholder). Example on screen: https://yadi....

Why is this background property overriden many times?

I'm still trying to cleaning up a CSS and trying to understand what the author meant. I always try to understand what someone did because I think that people are clever and if they did something that ...

HTML/CSS hover background image

I have a problem with putting an img for hover background. It should look like this : Navigation These 2 lines, represent the hover transparent image, and the text "home" should be in center of that ...

Assign height to one element relative to another in css

I have 2 divs. The first div has a content, which can vary, ie I can not assign its height in the css. That's why I always put it like: Height: auto; The content of div1 is dynamic then the height ...

CSS only for mobile

i want the green and red box to be smallere at mobile (iPhone): http://shop.cykel-expressen.dk/booking/ I thought this was the code, but it is not working, but isn't working)): @media all and (min-...

I want to change navigation menu text color in ServiceNow but maintain color of expandable items

So check this out: On the left, you can see the text for the navigation is all black. For the grey area, that's fine, since it contrasts well with the background. The problem is, I would like the ...

Popup covering screen, text underneath selectable

If you click anywhere on the page, a popup goes up. That popup covers the screen, but if you click it three times the last p element gets selected. How can I prevent this? PS: I use JQuery in this ...

How to customize Siebel Open UI?

I am learning siebel UI, trying to customize one form, but not able to find any physical renderer js file. How can i create custom physical renderer to customize UI?

How can I set a MenuItem as active in Drawer - Material UI?

I have this code: <Drawer docked = {false} width = {330} open = {this.state.drawerOpen} onRequestChange = {(drawerOpen)...

Hide safari iphone and android browser navigation

In my ecommerce sending the user to an online editor in the same web. I would like this editor to see full screen on iphone safari and chrome android browsers. How can I hide this with css, html or ...

Drop Down Title Change When Selected

I have code below for a contact form I am creating. Is it possible to have the title shown on each drop down list change to whatever item the user selects, but only using vanilla JavaScript or CSS? ...

Zoom on an area of a image map

I'm currently trying to make a responsive image map where we can also zoom on specific areas. For the moment I have something like that (illustration): I have for example 3 sections for 3 ...

Javascript - create and destroy a toast message

I want to create a toast notification in javascript. When the user has done fine, a message box (the toast) should appear with a green color and the text "successfull" or whatever. If not, the color ...

How to make a resizable html/css layout (duplicate for sure)?

I have a problem to make my site resizable I searched the net for an easy solution, but in the end I found no one. The only answer that came close to my goal was this: <div id="topnav"> <...

Bootstrap 4: customize checkbox border

I'm trying to customize the color of my checkboxes. I followed the documentation and I came up with a way to change the background: .custom-control-input:checked ~ .custom-control-indicator { ...

How to put text on a CSS Triangle

I must be missing a simple step. I have made a triangle in CSS and I'm trying to put text on top of the triangle. It works if I don't have the width:0; and height:0; but the triangle does not size ...

Masonry Grid images sequential fade in

I'm making a portfolio for my website and I'm using the Masonry grid. But I'm trying to make the images fade in when the page opens in sequential order. Something like on this website Michael Molfetas....

Will sass include empty style blocks in its compiled output?

I sometimes ask my team to leave empty style blocks in place in their sass files that match the structure of the markup so that other developers do not have to spend time recreating this scaffolding ...

FullPage.js Overflow: hidden doesn't work on my body

I have a problem with the plugin FullPage.js (http://alvarotrigo.com/fullPage/). It works but the css "overflow: hidden;" on the body doesn't work. I search a solution since two days but I have not ...

Link icon jumps below parent

I'm trying to create an <li> in which two elements are located, an <a> with <span> and a second <a> that holds a variable, html. However, the variable, which is a glyphicon, ...

Clickable dots on an image with javascript

I have an image like this one: I want to make every dot clickable with different URL and furthermore I would like to implement a pop up text when the mouse is over one dot. How can I do that with ...

how to block a page from opening until admin give permission to open it

I have a page which should be open only when admin give permission to open this page. I'm working with java server pages (JSP)

Bootstrap Inline form - Horizontal stacked inputs and button

I have a design, where there are 4 input fields ending with a Search Button i.e. INPUT1 INPUT2 INPUT3 INPUT4 BUTTON I need all these to be stacked horizontally inside a form ...

jQuery add styling to the ID when clicked

I'd like to add styling to the link ID when clicked. I figured how to get the ID of the element but adding the style is not working. Here's my sample code: <a href="#" id="page_1" class="...

Change The Text Color in CSS (Ambox)

Hey I have an Ambox on my Wiki that I am using as a Quote box but the colors of the Text are small and the color is greyish which makes it unreadable(because it is on a white background) How can I ...

How to add dotted line after text?

I need a dotted line after the text. The dotted line should be till the end of the line. In the example below, after Organisation/Agency text, dotted line should start and should last till the end of ...

Wordpress : custom menu, add class “current-menu-item” on <a> tags

I use a CSS framework and a custom menu for wordpress : <?php $menuParameters = array( 'theme_location' => 'menu-1', 'menu_id' => 'primary-menu', '...

How do I draw a bottom-right triangle with a curved border?

As stated on CSS-Tricks, a CSS triangle can be written as: #triangle { width: 0; height: 0; border-bottom: 100px solid red; border-left: 100px solid transparent; } <div id="...

Anchor links in page not working

The site is http://differenzaus.com/. Try any of the buttons on the page (e.g., the one in the header "Work With Us," which is supposed to link to the "Contact" form). The button appears active but ...

HTML5 - buttons not the same width

I'm trying to get my buttons to have the same width but for some reason, it's not working. What needs to be done in order to make sure that all buttons comply with these desired results?: All ...

Image/div is too big

This image is too big, I want it to fit the size of the window: http://zgaming.comxa.com but I do not understand how, I also tried height and width 100% html <div class="bgimg"><img src="...

Bootstrap Mobile navbar justified in mobile only

im having an issue with the bootstrap navbar i want the navbar to align left in desktop but in mobile be responsive with Justified so that the buttons are 100% width centered. i cant seem to achieve ...

How to behave select like input?

I'm using select2 plugin and I want to use this plugin for autocomplete too but I got some issue. How can I behave my select like input for example like this: please click to see example and when I ...

customizing Ionic 2 side Menu

I am new at ionic 2 and I built a basic app so far with a side menu , and I want to customize it , do you have any good references or websites where I can learn ?
Translating... 0%