I need help with how I can add a border to all images without affecting the logo. Below is the code I have in my stylesheet but this puts a border on all images
a img {
border: 1px solid #CCCCCC;
}
Thanks
You could either modify the html inline and add style="border:none" to the image and use your method.. it's a bit hacky.
Or you could do it properly and set the image class attribute (if they haven't already got some way of identifying them, they probably have) and set the border for that in the stylesheet.
Or you could do it properly and set the image class attribute (if they haven't already got some way of identifying them, they probably have) and set the border for that in the stylesheet.
Why not just add an a img style to the div2 class.
Or, add a style class to the logo image
Then in the header.tpl add the class to the logo src
The rest of your images will still have a border.
Code: Select all
#header .div2 {
float: left;
padding-top: 15px;
padding-left: 15px;
}
#header .div2 a img {
border: 0;
}
Code: Select all
.logo a img {
border: 0;
}
Code: Select all
<div class="div2"><a href="<?php echo $home; ?>"><img class="logo" src="<?php echo $logo; ?>" title="<?php echo $store; ?>" alt="<?php echo $store; ?>" /></a></div>
Who is online
Users browsing this forum: No registered users and 18 guests
