I've made a short bio for me, which has my picture, my name and e-mail. I've been trying for hours to centralize it in my page, but I can't find a way to do it. I used Bootstrap for this, making a column with size 2 for the picture and a column with
Im trying to change the img src getting the src from and array based on the direction of arrow that is clicked in react.js. So for example I have an array when a user clicks on the right arrow it will change the img src forward and if she clicks back
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-
I have implement the CSS3 in my application, if when I hover the li tag at the time the span tag image will be change with transition property. it was working good in chrome, but unfortunatly this effect(transition) is not working properly in firefox
I'm trying out programming Bootstrap and when I was going to change the color of my body using simply: body { background-color: #eba; width: 100%; height: 100%; } It didn't work, so my question is how can I style anything when using Bootstrap? I've l
For some reason visited background no change to gray color. Anyone know how to fix? a:link { height: auto; display: inline-block; border-radius: 5px; background: rgb(241,231,103); background: linear-gradient(to bottom, rgb(241,231,103) 0%, rgb(241,23
I'm in the process of remaking my website, my coding knowledge isn't the best but I know enough to manage my own website. I've just run into a problem with the portfolio section of my website. I've defined the width of my container to and the width f
This is a pretty simple question, but I didn't find any answer neither here, nor in any other place. I'm developing a new project and I will be using the Google Material Design Lite since the beginning. I'm wondering if using MDL will cause normalize
I am making an HTML form with multiple inputs. I am using mainly select inputs (as below), <select> <option></option> <option></option> </select> and also some radio buttons. I each input represents a different category
I've rotated and perspective-3d an element with text. The text is really low fidelity. Is there any way to improve it? Really simple example code: <h1 style = "transform: perspective(150px) rotateY(-45deg);width:150px;"> This is text </
The left and right circle is fixed at 60px width, the middle one needs to take the width that left. you need to use css like width: calc(100% - 100px);
Im trying to make the icon im using into a button that when pressed, triggers the navigation bar to open. Here is the HTML: <div id="fixedBar"> <h1>Company</h1> <a href="#" class="entypo-menu" id="sh
If I have a series of divs all with float: left and I resize the browser so they wrap, can I animate their transition to their new location using only CSS animations (no JavaScript)?Without using JavaScript that's most likely a no... CSS transitions
In my case childs number is returned from server side. In case there are less than 6 childs I need to add dummy child which would take left place of parent. For example : 1 situation with two childs 2 situation with three childs fiddle <div id="co
I want the child div width to be 100% of the body. CSS #container { position:relative; width:400px; height:100px; margin:0 auto; background:red; } #inner { width:100%; height:30px; background:blue; } HTML <div id="container"> <div id=&q
I can't figure out how I can make a responsive image and at the same time make the image centered regardless if it is viewed on a cellphone or on a computer with a wider resolution. I'm using css class .img-responsive but that always does align the i
try to start learning about Bootstrap. i create little code to create responsive menu, like this <head> <meta charset="UTF-8"> <title>Bootstrap</title> <link rel="stylesheet" type="text/css" href=&q
What I'm trying to do is create a simple donut chart. I'm currently using CSS(3) only but I don't know if it's possible without javascript. What I have so far: http://jsfiddle.net/aBP5Q/ HTML: <div class="donut-container" style="backgrou
I have a list of elements and upon a specific action, i'd like to apply the css-transform translate to move it into the center of the window. I know css-transform is used to relatively move an element, but I was wondering whether it is possible to an
I have created a slider using CSS3 to display my testimonials.. Now I need to add some animation to this slider using Jquery. But I dont have any idea how to use Jquery with this slider.. and what are the suitable plugin for this. So anybody can tell
I am trying to make a website I am developing responsive, so far the elements that I want to make responsive to change in the the browser window are working well, except for the navigation text size and position... The HTML make up for the web page l
I'm using -webkit-scrollbar and what I want to happen is the scrollbar hidden on page load, and it stays hidden until you hover over the container div it is attached to. When you are hovering over a scrollable area, it would appear. I tried adding :h
I'm building a page which is static vertically, but allows the space between page elements to grow when the user expands the window. This works fine. However, I'd like to set a minimum width for the page so that the elements stop shrinking together w
Building a WordPress options panel. One of the things it does is allow users to pick custom colors. I use a default stylesheet, then call styles for custom inputs. However, I simply insert this in the header instead of having these custom values resi
I'm sending inline styles formatted tables to email bodies for sending out reports. The only problem I have is restricting the size of the table. No matter what I've tried, I can't get text to wrap inside a table. The tables just expand to the length
Lately, I've been running into more and more poorly designed websites that do things like this Hudson Website The page is some 1600 pixels wide on my 90 degree rotated monitor, it means you have to scroll left<->right a LOT. Having firebug installed
I'm using a Grid in WPF (xaml) and I'm have some strange effect when using the MinWidth property in a ColumnDefinition. For example, when I use 9 ColumnDefinition and every ColumnDefinition has the 'Width="*"' property and one of the middle colu
To make lists horizontal and hide default bullets, is it necessary to give {display:inline} and {float:left} both to the <li> tags or anyone of these alone is enough? <ul> <li><a href="#">First item</a></li> &
The default lower-alpha list type for ordered list uses a dot '.'. Is there a way to use a right parenthesis instead like a)... b) ..etc?Here's a neat solution. (Honestly I surprised myself with this.) CSS has something called counters, where you can
Imagine I have a navigation bar in my page header, with a number of links. I'd like the links to spread out horizontally to fill the parent ; is there a way to do this using CSS which doesn't rely on me hard-coding based on the number of links? e.g i