Border on Images in Side Nav – how to get rid of
-
Hello,
I have tried searching for this answer, but I have not found it.
For site – https://www.airpersonalfitness.com
I would like to eliminate the borders on the images in the side navigation
column.I have tried to edit the css sheet as well as the page template where the image is by using noborder and border = 0 and border = none
in the formats I have seen posted but there is not any change to the image.I greatly appreciate your help. This is all foreign to me.
Thanks!
-
Are you talking about the border, the drop shadow, or both?
In any case, they are both styled in the same place: line 124 of style.css. Change border-style to ‘none’ to get rid of the border. Change background to ‘none’ to get rid of the drop shadow.
a:link img, a:visited img, a:hover img, a:active img { background:url("images/shadow.gif") no-repeat scroll right bottom transparent; border-color:#EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE; border-right:0 none; border-style:solid none none solid; border-width:1px 0 0 1px; padding:4px 10px 10px 4px; }
Thank you for responding. I tried pasting yours to my style.css but it just created a formating error and did not fix the border or shadow (I was under the impression they were the same thing).
Here is what mine looks like
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}I appreciate your help!
I did not mean for you to paste that code, sorry for the confusion.
If you edit the code you pasted just now, and change background, border-top, and border-left to ‘none’, that should do the trick.
Thank you for working with me.
Trying to follow your directions, this is what I did and it still didn’t work.
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top: none
border-left: none;
}
I did it with and without a space, so I also tried}
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top:none
border-left:none;
}Experimenting (I saved the current to a notepad), I switched all the borders to none – and it still didn’t correct the image.
/*
Theme Name: terrafirma
Theme URI: https://www.freewpthemes.net/preview/terrafirma
Description: Tested on WP2.5
Version: 2.0
Author: Free WordPress Themes
Author URI: https://www.freewpthemes.net/
Tags: fixed width, two columns, widgets
*/* {
padding: 0px;https://airpersonalfitness.com/wp-admin/theme-editor.php?file=/themes/terrafirma/style.css&theme=terrafirma&a=te
margin: 0px;
}
body {
background: #F9F9F7 url(‘images/a1.gif’) repeat-x;
font-size: 13px;
font-family: “trebuchet ms”, helvetica, sans-serif;
color: #0C7509;
line-height: 18px;
}hr {
display: none;
}a {
color: #0C7509;
text-decoration: none;
}a:hover {
text-decoration: none;
}sup {
font-size: 0.5em;
}p {
margin-bottom: 14px;
text-align: justify;
}img.picA {
position: relative;
top: -2px;
background: url(‘images/a47.gif’) no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}img.picB {
position: relative;
top: -2px;
background: url(‘images/a26.gif’) no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}img.floatleft {
float: left;
margin: 0px 14px 3px 0px;
}/*******************************
img { padding: 0px; margin: 0px; border: none;}
https://airpersonalfitness.com/wp-admin/page-new.phpimg.centered {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
}img.alignnone {
padding: 0px;
margin: 0px 0px 8px 0px;
display: inline;
}img.alignright {
padding: 6px 0px 0px 0px;
margin: 0px 0px 8px 6px;
display: inline;
}img.alignleft {
padding: 6px 0px 0px 0px;
margin: 0px 8px 6px 0px;
display: inline;
}*******************************/
img {
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
margin:0px 6px 0px 0px;
border:0;
border-top: none;
border-left: none;
}
img.right {
float: right;
margin:10px 0 0 10px;
}
img.left {
float: left;
margin:0 10px 4px 0;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top: none
border-left: none;
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}a img.logolink {
background: none;
border: 0;
padding: 0;
}img.logolink {
background: none;
border: 0;
padding: 0;
}.logolink {
margin: 0px 15px 5px 0px;
background: none;
border: 0;
padding: 0;}
#header a {
background: none;
border: 0;
padding: 0;
}#header a:hover {
background: none;
border: 0;
padding: 0;
}#header a img {
background: none;
border: 0;
padding: 0;
}.valid {
text-align: left;
margin: 0 auto;
}#giraffe_calendar {
text-align: center;
margin: 0 auto;
padding: 10px 0px 0px 0px;
}.sharethis {
text-align: left;
margin: 0 auto;
padding: 12px 0px 0px 0px;
}.alignright {
float: right;
}.alignleft {
float: left;
}ul.linklist {
list-style: none;
}ul.linklist li {
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}ul.linklist li.first {
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}
#upbg {
position: absolute;
top: 0px;
left: 0px;
background: #fff url (‘images/upbg.gif’) no-repeat;
width: 747px;
height: 264px;
z-index: 1;
}#outer {
position: relative;
width: 747px;
margin: 0 auto;
background: #fff url(‘images/abg.gif’) repeat-y;
}#inner {
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}#header {
position: absolute;
background: #FFFFFF url(‘images/logo.jpg’);
width: 202px;
height: 155px;
color: #fff;
padding-left: 20px;
}#header span {
font-weight: normal;
}
#header h1 {
position: absolute;
font-size: 22px;
letter-spacing: -1px;
top: 30px;
line-height: normal;
}#header h2 {
position: absolute;
font-size: 13px;
font-weight: normal;
color: #FCE2CA;
top: 53px;
}#header sup {
color: #FCE2CA;
}#splash {
position: absolute;
right: 30px;
background: #FCE2CA;
width: 458px;
height: 155px;
}#menu {
position: relative;
background: #003B12 url(‘images/a15.gif’) bottom repeat-x;
height: 45px;
padding: 0px 0px 0px 5px;
margin: 160px 0px 15px 0px;
}#menu ul {
margin: 0px;
padding: 0px;
}#menu ul li {
display: inline;
line-height: 43px;padding-left: 0px;
}
#menu ul li a, #menu ul li a:visited {
background-color: transparent;
background-repeat: repeat-x;
padding: 11px 14px 11px 14px;
font-size: 13px;
text-decoration: none;
color: #fff;
font-weight: bold;
margin: 0px 0px 0px 0px;
}#menu ul li a:hover {
border-right: solid 0px #FFFFFF;
border-left: solid 0px #FFFFFF;
background: #000000;
padding: 11px 14px 11px 14px;
font-size: 13px;
text-decoration: none;
color: #fff;
font-weight: bold;
margin: 0px 0px 0px 0px;
}#menu ul li.first {
border-left: solid 0px #FFFFFF;
border-right: solid 0px #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}/*******************************
#menu .current_page_item {
background: #fff url;
padding: 11px 0px 11px 0px;
font-size: 13px;
text-decoration: none;
color: #fff;
font-weight: bold;}
*******************************/
#menu .current_page_item a {
background: #000000;
padding: 11px 0px 11px 0px;
font-size: 13px;
text-decoration: none;
color: #fff;}
#date {
position: absolute;
top: 0px;
line-height: 43px;
color: #BDBDA2;
right: 30px;
font-weight: bold;
font-size: 12px;
letter-spacing: -1px;
}#sidebar h3 {
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url(‘images/a22.gif’) bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
border: none
}#sidebar h4 {
position: relative;
top: 4px;
font-size: 13px;
font-family: “trebuchet ms”, helvetica, sans-serif;
font-weight: bold;
color: #656551;
padding: 0px 0px 0px 0px;
margin: 0px;
border: none
}#sidebar {
position: relative;
width: 180px;
float: left;
border: none
}#sidebar h2 {
position: relative;
top: 4px;
font-size: 17px;
line-height: 10px;
color: #656551;
letter-spacing: -1px;
background: url(‘images/a22.gif’) bottom repeat-x;
padding: 8px 0px 12px 15px;
margin-bottom: 5px;
border: none
}#sidebar .content {
padding: 0px 0px 0px 0px;
margin: 0px;
}#sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none
}#sidebar li ul {
display: inline;
margin: 0px;
padding: 0px;
border: none
}#sidebar li li {
border-bottom: none;
border-top: none;
margin: 0px;
padding: 0px 0px 0px 0px;
border: none
}#sidebar li li a {
display: block;
font-size: 13px;
color: #FFFFFF;
background: #003B12;
text-decoration: none;
margin: 0px;
padding: 6px 10px 6px 12px;
border: none
}#sidebar li li a:hover {
color: #FFFFFF;
font-size: 13px;
background: #000000;
text-decoration: none;
border: none
}/* Begin sidebar-left */
#sidebar-left{float:left;width:180px;padding:15px 10px 0 0;text-align:center;}
#sidebar-left h2{
text-transform:uppercase;
font-size:1.1em;
color:#000000;
border: none
}
#sidebar-left ul ul{margin-bottom:15px;}
#sidebar-left ul ul li{margin-bottom:3px;}
#sidebar-left ul ul li a{color:#E88B00;}
#sidebar-left ul li {list-style-type: none;}
#sidebar-left ul li {border: none;}/* End sidebar */
#calendar table {
width: 80%;
margin: 0 15px;
}#calendar tbody td {
text-align: center;
}#next {
text-align: right;
}#content {
position: relative;
width: 485px;
float: right;
}#content .content, .entry {
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}#content .post {
margin-bottom: 30px;
}#content .post .header {
position: relative;
}#content .post .header h2, .pagetitle {
position: relative;
top: 4px;
font-size: 20px;
line-height: 22px;
color: #000000;
letter-spacing: -1px;
background: url(‘images/a22.gif’) bottom repeat-x;
padding: 0px 5px 10px 10px;
margin-bottom: 15px;
}#content .post .date {
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}#content .post .content {
margin-bottom: 0px;
}#content .post .content ul, #content .post .content ol {
margin-bottom: 1em;
list-style-position: inside;
}#content .post .footer {
position: relative;
top: -10px;height: 50px;
}#content .post .footer ul {
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}#content .post .footer ul li {
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}#content .post .footer ul li.printerfriendly {
background-image: url(‘images/a41.gif’);
}#content .post .footer ul li.comments {
background-image: url(‘images/a36.gif’);
}#content .post .footer ul li.readmore {
background-image: url(‘images/a38.gif’);
}.navigation {
height: 20px;
font-size: larger;
font-weight: bold;
}.navigation .alignleft {
float: left;
}.navigation .alignright {
float: right;
}#comment {
width: 80%;
}#footer {
clear: both;
padding: 20px 0;
text-align: center;
background: url(‘images/a50.gif’) repeat-x;
color: #A8A88D;
}#footer a {
color: #8C8C73;
}.pagenav {
margin-top: 10px;
}#searchfill {
margin-top: 25px;
}/* cmspm menu */
#cmspm {
margin: 0;
width: 200px;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
#cmspm * {
padding: 0;
margin: 0;
outline: none;
}
#cmspm p {
background-color: #242828;
border-bottom: none;
}
#cmspm div {
display: none;
}
#cmspm p a {
display: block;
padding: 4px 3px 5px 14px;
border: none;
font-size: 13px;
color: #eb6f00;
text-decoration: none;
font-weight: bold;
}
#cmspm p a:hover, #cmspm p a:active, #cmspm p#cmspm-highlight a {
background-color: #313130;
}
#cmspm a.cmspmsub {
display: block;
margin-left: 10px;
padding: 2px 3px 4px 14px;
border-bottom: none;
font-size: 13px;
color: #ddd;
background-color: #242828;
text-decoration: none;
}
#cmspm ul ul li a.cmspmsub {
margin-left: 20px;
}
#cmspm ul ul ul li a.cmspmsub {
margin-left: 30px;
}
#cmspm ul ul ul ul li a.cmspmsub {
margin-left: 40px;
}
#cmspm ul a:hover {
color: #1a1a1a;
background-color: #eb6f00;
}
#cmspm a#cmspm-highlight, #cmspm a#cmspm-highlight:hover {
color: #fedd74;
background-color: #444;
}
/* ie6 fix */
* html #cmspm p a, * html #cmspm li a {
height: 0;
}Thank you!
Thank you for working with me.
Trying to follow your directions, this is what I did and it still didn’t work.
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top: none
border-left: none;
}
I did it with and without a space, so I also tried}
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top:none
border-left:none;
}Experimenting (I saved the current to a notepad), I switched all the borders to none – and it still didn’t correct the image.
/*
Theme Name: terrafirma
Theme URI: https://www.freewpthemes.net/preview/terrafirma
Description: Tested on WP2.5
Version: 2.0
Author: Free WordPress Themes
Author URI: https://www.freewpthemes.net/
Tags: fixed width, two columns, widgets
*/* {
padding: 0px;https://airpersonalfitness.com/wp-admin/theme-editor.php?file=/themes/terrafirma/style.css&theme=terrafirma&a=te
margin: 0px;
}
body {
background: #F9F9F7 url(‘images/a1.gif’) repeat-x;
font-size: 13px;
font-family: “trebuchet ms”, helvetica, sans-serif;
color: #0C7509;
line-height: 18px;
}hr {
display: none;
}a {
color: #0C7509;
text-decoration: none;
}a:hover {
text-decoration: none;
}sup {
font-size: 0.5em;
}p {
margin-bottom: 14px;
text-align: justify;
}img.picA {
position: relative;
top: -2px;
background: url(‘images/a47.gif’) no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}img.picB {
position: relative;
top: -2px;
background: url(‘images/a26.gif’) no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}img.floatleft {
float: left;
margin: 0px 14px 3px 0px;
}/*******************************
img { padding: 0px; margin: 0px; border: none;}
https://airpersonalfitness.com/wp-admin/page-new.phpimg.centered {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
}img.alignnone {
padding: 0px;
margin: 0px 0px 8px 0px;
display: inline;
}img.alignright {
padding: 6px 0px 0px 0px;
margin: 0px 0px 8px 6px;
display: inline;
}img.alignleft {
padding: 6px 0px 0px 0px;
margin: 0px 8px 6px 0px;
display: inline;
}*******************************/
img {
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
margin:0px 6px 0px 0px;
border:0;
border-top: none;
border-left: none;
}
img.right {
float: right;
margin:10px 0 0 10px;
}
img.left {
float: left;
margin:0 10px 4px 0;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background:url(images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top: none
border-left: none;
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}a img.logolink {
background: none;
border: 0;
padding: 0;
}img.logolink {
background: none;
border: 0;
padding: 0;
}.logolink {
margin: 0px 15px 5px 0px;
background: none;
border: 0;
padding: 0;}
#header a {
background: none;
border: 0;
padding: 0;
}#header a:hover {
background: none;
border: 0;
padding: 0;
}#header a img {
background: none;
border: 0;
padding: 0;
}.valid {
text-align: left;
margin: 0 auto;
}#giraffe_calendar {
text-align: center;
margin: 0 auto;
padding: 10px 0px 0px 0px;
}.sharethis {
text-align: left;
margin: 0 auto;
padding: 12px 0px 0px 0px;
}.alignright {
float: right;
}.alignleft {
float: left;
}ul.linklist {
list-style: none;
}ul.linklist li {
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}ul.linklist li.first {
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}
#upbg {
position: absolute;
top: 0px;
left: 0px;
background: #fff url (‘images/upbg.gif’) no-repeat;
width: 747px;
height: 264px;
z-index: 1;
}#outer {
position: relative;
width: 747px;
margin: 0 auto;
background: #fff url(‘images/abg.gif’) repeat-y;
}#inner {
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}#header {
position: absolute;
background: #FFFFFF url(‘images/logo.jpg’);
width: 202px;
height: 155px;
color: #fff;
padding-left: 20px;
}#header span {
font-weight: normal;
}
#header h1 {
position: absolute;
font-size: 22px;
letter-spacing: -1px;
top: 30px;
line-height: normal;
}#header h2 {
position: absolute;
font-size: 13px;
font-weight: normal;
color: #FCE2CA;
top: 53px;
}#header sup {
color: #FCE2CA;
}#splash {
position: absolute;
right: 30px;
background: #FCE2CA;
width: 458px;
height: 155px;
}#menu {
position: relative;
background: #003B12 url(‘images/a15.gif’) bottom repeat-x;
height: 45px;
padding: 0px 0px 0px 5px;
margin: 160px 0px 15px 0px;
}#menu ul {
margin: 0px;
padding: 0px;
}#menu ul li {
display: inline;
line-height: 43px;padding-left: 0px;
}
#menu ul li a, #menu ul li a:visited {
background-color: transparent;
background-repeat: repeat-x;
padding: 11px 14px 11px 14px;
font-size: 13px;
text-decoration: none;
color: #fff;
font-weight: bold;
margin: 0px 0px 0px 0px;
}#menu ul li a:hover {
border-right: solid 0px #FFFFFF;
border-left: solid 0px #FFFFFF;
background: #000000;
padding: 11px 14px 11px 14px;
font-size: 13px;
text-decoration: none;
color: #fff;
font-weight: bold;
margin: 0px 0px 0px 0px;
}#menu ul li.first {
border-left: solid 0px #FFFFFF;
border-right: solid 0px #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}/*******************************
#menu .current_page_item {
background: #fff url;
padding: 11px 0px 11px 0px;
font-size: 13px;
text-decoration: none;
color: #fff;
font-weight: bold;}
*******************************/
#menu .current_page_item a {
background: #000000;
padding: 11px 0px 11px 0px;
font-size: 13px;
text-decoration: none;
color: #fff;}
#date {
position: absolute;
top: 0px;
line-height: 43px;
color: #BDBDA2;
right: 30px;
font-weight: bold;
font-size: 12px;
letter-spacing: -1px;
}#sidebar h3 {
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url(‘images/a22.gif’) bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
border: none
}#sidebar h4 {
position: relative;
top: 4px;
font-size: 13px;
font-family: “trebuchet ms”, helvetica, sans-serif;
font-weight: bold;
color: #656551;
padding: 0px 0px 0px 0px;
margin: 0px;
border: none
}#sidebar {
position: relative;
width: 180px;
float: left;
border: none
}#sidebar h2 {
position: relative;
top: 4px;
font-size: 17px;
line-height: 10px;
color: #656551;
letter-spacing: -1px;
background: url(‘images/a22.gif’) bottom repeat-x;
padding: 8px 0px 12px 15px;
margin-bottom: 5px;
border: none
}#sidebar .content {
padding: 0px 0px 0px 0px;
margin: 0px;
}#sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none
}#sidebar li ul {
display: inline;
margin: 0px;
padding: 0px;
border: none
}#sidebar li li {
border-bottom: none;
border-top: none;
margin: 0px;
padding: 0px 0px 0px 0px;
border: none
}#sidebar li li a {
display: block;
font-size: 13px;
color: #FFFFFF;
background: #003B12;
text-decoration: none;
margin: 0px;
padding: 6px 10px 6px 12px;
border: none
}#sidebar li li a:hover {
color: #FFFFFF;
font-size: 13px;
background: #000000;
text-decoration: none;
border: none
}/* Begin sidebar-left */
#sidebar-left{float:left;width:180px;padding:15px 10px 0 0;text-align:center;}
#sidebar-left h2{
text-transform:uppercase;
font-size:1.1em;
color:#000000;
border: none
}
#sidebar-left ul ul{margin-bottom:15px;}
#sidebar-left ul ul li{margin-bottom:3px;}
#sidebar-left ul ul li a{color:#E88B00;}
#sidebar-left ul li {list-style-type: none;}
#sidebar-left ul li {border: none;}/* End sidebar */
#calendar table {
width: 80%;
margin: 0 15px;
}#calendar tbody td {
text-align: center;
}#next {
text-align: right;
}#content {
position: relative;
width: 485px;
float: right;
}#content .content, .entry {
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}#content .post {
margin-bottom: 30px;
}#content .post .header {
position: relative;
}#content .post .header h2, .pagetitle {
position: relative;
top: 4px;
font-size: 20px;
line-height: 22px;
color: #000000;
letter-spacing: -1px;
background: url(‘images/a22.gif’) bottom repeat-x;
padding: 0px 5px 10px 10px;
margin-bottom: 15px;
}#content .post .date {
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}#content .post .content {
margin-bottom: 0px;
}#content .post .content ul, #content .post .content ol {
margin-bottom: 1em;
list-style-position: inside;
}#content .post .footer {
position: relative;
top: -10px;height: 50px;
}#content .post .footer ul {
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}#content .post .footer ul li {
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}#content .post .footer ul li.printerfriendly {
background-image: url(‘images/a41.gif’);
}#content .post .footer ul li.comments {
background-image: url(‘images/a36.gif’);
}#content .post .footer ul li.readmore {
background-image: url(‘images/a38.gif’);
}.navigation {
height: 20px;
font-size: larger;
font-weight: bold;
}.navigation .alignleft {
float: left;
}.navigation .alignright {
float: right;
}#comment {
width: 80%;
}#footer {
clear: both;
padding: 20px 0;
text-align: center;
background: url(‘images/a50.gif’) repeat-x;
color: #A8A88D;
}#footer a {
color: #8C8C73;
}.pagenav {
margin-top: 10px;
}#searchfill {
margin-top: 25px;
}/* cmspm menu */
#cmspm {
margin: 0;
width: 200px;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
#cmspm * {
padding: 0;
margin: 0;
outline: none;
}
#cmspm p {
background-color: #242828;
border-bottom: none;
}
#cmspm div {
display: none;
}
#cmspm p a {
display: block;
padding: 4px 3px 5px 14px;
border: none;
font-size: 13px;
color: #eb6f00;
text-decoration: none;
font-weight: bold;
}
#cmspm p a:hover, #cmspm p a:active, #cmspm p#cmspm-highlight a {
background-color: #313130;
}
#cmspm a.cmspmsub {
display: block;
margin-left: 10px;
padding: 2px 3px 4px 14px;
border-bottom: none;
font-size: 13px;
color: #ddd;
background-color: #242828;
text-decoration: none;
}
#cmspm ul ul li a.cmspmsub {
margin-left: 20px;
}
#cmspm ul ul ul li a.cmspmsub {
margin-left: 30px;
}
#cmspm ul ul ul ul li a.cmspmsub {
margin-left: 40px;
}
#cmspm ul a:hover {
color: #1a1a1a;
background-color: #eb6f00;
}
#cmspm a#cmspm-highlight, #cmspm a#cmspm-highlight:hover {
color: #fedd74;
background-color: #444;
}
/* ie6 fix */
* html #cmspm p a, * html #cmspm li a {
height: 0;
}Thank you!
You still did not change the background to ‘none’. Like this:
a:link img,
a:visited img,
a:hover img,
a:active img {
border: 0;
background:0;
background: none;
padding:4px 10px 10px 4px;
border-top: none
border-left: none;
}You are amazing! Thank you.
That worked on most of my pages, but if possible, I would love to make it work on https://airpersonalfitness.com/trainer
Regardless, I am so happy. Thank you!!!
That’s coming from slightly higher up in your style.css file, around line 107. Once again, change the background to ‘none’:
img {
background:none;
padding:4px 10px 10px 4px;
margin:0px 6px 0px 0px;
border:0;
border-top: none;
border-left: none;
}you are perfect!
Thank you! I’ve been able to trial and error my way through a lot of great changes.
If it is not trouble, I have a couple other problems that I would really appreciate help with.
1. How to center the header titles
2. Formatting issues – 2 in particular
1. Lots of errors in internet explorer, some images don’t show
and many spacing and color issues
2. Lots of spacing (too much space) in the text on all browsers,
it’s just that IE is the worstYou have been so very helpful! Thank you!
- The topic ‘Border on Images in Side Nav – how to get rid of’ is closed to new replies.