1 hudson2001 Sep 15, 2006 03:44
3 hudson2001 Sep 16, 2006 17:57
Thanks! I hate only knowing a little about CSS... it's dangerous! Some things I know what they are, but typically I change one color at a time, see what changed colors, and go from there!
I will try this and let you know how it worked!
4 hudson2001 Sep 17, 2006 00:06
Okay, I must be a moron...I tested everything in there and the only pictures that changed were the ones in my [url=http://www.hudson2001.com/blogs/index.php?cat=54]sidebar[/url] (which you can see now have a 2px white border) -- nothing ever happened to the pictures in my posts.
What am I missing? >:XX
5 john Sep 17, 2006 00:51
Well, I 've visited your site and I've been able to style your EGG SLICER image and your Photos in the side bar.
When you post an image and wish it be a left-aligned or a right aligned, or center-aligned you have to give it the class name in the image.
EG
img{border:1px solid #DDD;
padding: 3px;} puts a grey border on every image on the page.
You maybe don't want that so you leave
img {
border:none
}
and then edit the others but include their class in the image post..
for the Egg Slicer you have..
<img src="http://www.hudson2001.com/blogs/media/blogs/eggslicer.jpg" alt="awesome egg slicer" title="awesome egg slicer" align="right"/>
If you edited img.rightmargin to give you a border and a background color then when you post the image and you want it on the right, your image tag would be
<img src="http://www.hudson2001.com/blogs/media/blogs/eggslicer.jpg" alt="awesome egg slicer" title="awesome egg slicer" class="rightmargin"/>
and not <img src="http://www.hudson2001.com/blogs/media/blogs/eggslicer.jpg" alt="awesome egg slicer" title="awesome egg slicer" align="right"/>
and your css might be something like..
img.rightmargin {
float: right;
border: 1px solid #DDD;
padding: 3px;
background-color: #EEE;
margin: 1ex .2ex;
}
6 hudson2001 Sep 17, 2006 02:08
Thanks for the detailed response...see what I mean about how I know a little but enough to make me dangerous? :D
I will mess with it tomorrow.
7 mrdav Sep 17, 2006 03:19
Try /blog/rsc/css/img.css . If I remember, that is where I modified my image construct.
Hi... the CSS that effects your posted images is as below.
I don't know that skin but imagem doesn't appear anywhere in your source so it must effect something else.
The reason you have no borders is because of the first border:none in the CSS code below.
If you want all your images to have a border and some padding, you can edit the first instance of img and it will cascade and give the same effect to all images, or you can edit them to be all different..
For fun just edit the first img instance in the CSS to and notice the effect.
img{padding: 6px;
border:1px solid #DDD;
background-color: #EEE;
margin:4px;}