Images of inking does not.
Hello. I'm having a strange problem. I am fairly new to use with Adobe Dreamweaver fluid grid system, and I return to the computer programming 2 months ago. I am trying to create a white background when the user hovers over the image. In Mozilla Firefox, images light only to the past the black line in the background. I want the image to light upward when I move my cursor all over the image.
The link to my website: http://tommorisonwebdesign.com
@charset "utf-8";
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
}
body {background-image: url(images/layout-bg.png);}
/*
Dreamweaver Fluid Grid Properties
----------------------------------
dw-num-cols-mobile: 5;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 10;
dw-gutter-percentage: 25;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
*/
/* Mobile Layout: 480px and below. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 75%;
padding-left: 1.82%;
padding-right: 1.82%;
}
input, select, textarea {
background-color:#009;
font-family:"Times New Roman", Times, serif;
color: #fff;
font-weight:bold;
border: 0px;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-image:url(images/layout-header.png);
border: 2px solid;
border-radius: 25px;
}
#content {
clear: both;
float: left;
margin-left: 0;
width: 75%;
display: block;
opacity:38%;
border: 2px;
background-image:url(images/layout-content-bg.png);
}
th {
background-image:url(images/form-header.png);
color: #fff;
font-weight:bold;
}
#artwork {
clear: none;
float: right;
width: 25%;
display: block;
background-image:url(images/layout-nav.png);
}
#footer {
clear: both;
/* [disabled]float: left; */
margin-left: 0;
width: 100%;
display: block;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 90.675%;
padding-left: 1.1625%;
padding-right: 1.1625%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#content {
clear: both;
float: left;
margin-left: 0;
width: 80%;
display: block;
}
#artwork {
clear: none;
float: right;
width: 20%;
display: block;
background-image:url(images/layout-nav.png);
z-index: 2;
}
a:hover img {
position: relative;
z-index: 99;
opacity:60%;
background-color: #fff;
}
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
}
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 88.2%;
max-width: 1232px;
padding-left: 0.9%;
padding-right: 0.9%;
margin: auto;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-image:url(images/layout-header.png)
}
#content {
clear: both;
float: left;
margin-left: 0;
width: 70%;
display: block;
}
#artwork {
clear: none;
float: left;
width: 29%;
display: block;
}
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
}
Maybe you are looking for
-
Black screen for 10 seconds and then lock screen after ios 10
I am facing a problem where my iphone 6 randomly shows a black screen with a loading circle in the Center for about 10 seconds and then wakes up to the password lock screen. Called in support and they mentioned to install ios 10 via itunes instead an
-
I tried everything and still not get my firefox to respond
I can get my browser to open, but then he said: it does not. I tried to start in safe mode, to reset, and even reinstalled Firefox and it still does not work. I have also conducted an audit of malware and restore my computer. I went through the troub
-
15-e020sx Notebook PC Pavilion: upgrade of processor of 35 to 45 w
Hello my system is HP Pavilion e020sx-15 Notebook PC. my current processor is Intel Dual Core i3 processor - 3110 M 2.40 GHz (3, 0 - MB L3 cache, FSB 1600 MHz, 35W). According to the Manual, I can move to processor 2.20 GHz Intel Quad Core i7-3632QM
-
WindowsUpdate_8000FFFF""WindowsUpdate_dt000"has encountered an unknown error
whenever I check the updates of the box comes up and says windows could not search for new updates, someone has any idea whats up? It is a 32-bit vista
-
Is it possible to transfer an image to a computer in a new?
I am planning to build a new computer, and think a picture of my current computer's hard drive and then transfer it to the new computer, so the software and everything will remain the same. Is it possible, or I have to buy a new copy of XP (but I do