css

[Solved] How to change the element of another div by clicking and hovering on an element of a different div

by

Like people have said there are many ways to do this. One way would be to use JavaScript event listeners. Here’s a quick little demo: let change = document.getElementById(“change”); let hover = document.getElementById(“hover”); hover.addEventListener(“mouseover”, changeColor); hover.addEventListener(“mouseout”, changeColor); function changeColor() { change.classList.toggle(“red”); } div { width: 100px; height: 100px; margin: 2rem; background-color: green; } .red { … Read more

[Solved] WordPress plugin Responsive Slick Slider

by

Slick slider supports responsive breakpoints. This example below is taken directly from their documentation: $(‘.yoursliderclass’).slick({ centerMode: true, centerPadding: ’60px’, slidesToShow: 3, responsive: [ { breakpoint: 768, settings: { arrows: false, centerMode: true, centerPadding: ’40px’, slidesToShow: 3 } }, { breakpoint: 480, settings: { arrows: false, centerMode: true, centerPadding: ’40px’, slidesToShow: 1 } } ] }); … Read more

[Solved] HTML Button that opens a panel [closed]

by

I dont know how familiar you are with CSS and JS, but you can do 2 things: 1. Use a div in the root of the body element, with position:absolute or position:fixed(Depending on your design and layout) and z-index:-100 or whatever is needed to hide it, and then use JS or jQuery to change z-index … Read more

[Solved] css custom border style (triangles or arrows)

by

To obtain multiple ‘triangles’ around a single element as you have indicated with your example, I think your only option is the border-image property JSFiddle Demo CSS div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:250px; height:300px; margin:25px; border-style: solid; border-width: 13px 14px 14px 12px; -moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 13 14 14 12 round; -webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 13 … Read more

[Solved] Space not working in my form? [closed]

by

I think I found the problem but not sure if it is yours. If you disable JavaScript, then you can add spaces so definitely a .js file causing this issue! You have so many JavaScript files all the time that makes it very difficult to track a specific problem but in your jquery.galleriffic.min.js there are … Read more

[Solved] How do you split or seperate links in css eg. home, about us links

by

Not sure about your problem. But from the code you given i just added some changes. Try this. html { background-image: url(file:///C:/Users/Tom/Pictures/93af2cd5d83f6f839db98e6d5079b4f4.jpg); } h1 { color: gray; } a:visited { color: black; } a:hover { color: yellow; } a:active { color: yellow; } a { background-color:gray; filter:alpha(opacity=60); opacity:0.4; padding:0px 15px; } 8 solved How do … Read more

[Solved] Confused on what’s what because of my teacher. [closed]

by

Open Css and add background: -o-linear-gradient(bottom, #11577A 0%, #2B729F 100%); in the class of the title. syntax is background: linear-gradient(direction, color-stop1, color-stop2, …); the tags -o- represent the useragent and there are more useragents too like -webkit- -ms- -moz- which are useful in case of chrome, ie, and mozilla firefox respectively. 1 solved Confused on … Read more

[Solved] Adding +/- to collapse menu

by

I updated your fiddle: http://jsfiddle.net/5BRsy/7/ Basically, you are adding some kind of html that you will use to represent your toggle. In your case I used <span>+</span>. <tr><td class=”btn”><span>+</span> used</td><td>1gb</td><td>2gb</td></tr> Then, when you click the <span> (or the + sign I should say) you toggle the display of your content, as you were already doing, … Read more

[Solved] CSS, not working on IE 7 [closed]

by

Different browsers handle css differently or not at all. IE7 for example handles it quite poorly compared to modern browsers. There are charts you can look up to see what rules which browsers support and which don’t. Here are two links to get you started: http://www.quirksmode.org/css/contents.html http://www.webdevout.net/browser-support-css solved CSS, not working on IE 7 [closed]

[Solved] CSS Image parent P tag height remains zero [closed]

by

You can just add overflow:auto to the <p> that contains the images and remove all the <p>.</p> <p style=”text-align: center; overflow:auto”> <img class=”alignleft wp-image-48 size-thumbnail” src=”http://poqueira.com/en/wp- content/uploads/2013/08/jamones-secando-150×150.jpg” alt=”jamones-secando” width=”150″ height=”150″> <img class=”alignleft size-thumbnail wp-image-50″ src=”http://poqueira.com/en/wp-content/uploads/2013/08/queso_curado-150×120.jpg” alt=”queso_curado” width=”150″ height=”120″> <img class=”alignleft size-thumbnail wp-image-49″ src=”http://poqueira.com/en/wp-content/uploads/2013/08/embutidos-150×150.jpg” alt=”embutidos” width=”150″ height=”150″> </p> 1 solved CSS Image parent P tag height … Read more

[Solved] How to make a small, node-like circle in CSS

by

I got you fam. 1) Let’s create some CSS circles. Hella easy with border-radius. <div class=”circle”></div> .circle { border: 5px solid black; border-radius: 50%; width: 100px; height: 100px; } Look at this gorgeous circle! Now we need some child nodes. MOAR CIRCLES! Also, we should start thinking about positionin’ these circles. position: absolute? Pssh, You … Read more