Logo Moving Help

[SK-Photography]

I finally figured out my problem with saving png's, the smugmug site converts all the other sizes to jpg. So you have to select the large size or the original size to get the png properties.

My next question is: Can I use CSS to size my logo. I put up the current one by brute forcing it in photoshop 'til I got the size right. Also, could someone tell me how to nudge it up and left just a little.

And no groaning out there about the nooB. :barb

My next task will be to try to put up a nav bar and I'm sure you all can't wait for that disaster. I will read thru' the tut's first tho'.

Steve

sk-photography.net

[pjb923]

You need to increase the size of the div containing your logo because part of it is being cut off in browsers other than internet explorer. The experts may have more to add, but this seems to work for me.

.smuglogo {
width: 275px !important;
height: 50px !important;
margin-left: -15px;
margin-top:-10px;
}

I'm also not sure what this code is supposed to do.
#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
#sizingMethod=image src='http://awilliamsny.googlepages.com/skp.png') !important;
#}
#
#.smuglogo[class] {
#background-image: url(http://awilliamsny.googlepages.com/skp.png) !important;
#}

If you were trying to comment out those lines, the correct notation for a CSS comment is */ Comment /* . The # symbol is reserved for div id's.

[Mike Lane]

If you were trying to comment out those lines, the correct notation for a CSS comment is */ Comment /* . The # symbol is reserved for div id's.:nono Very close a CSS comment is like this /* Comment */

[SK-Photography]

You need to increase the size of the div containing your logo because part of it is being cut off in browsers other than internet explorer. The experts may have more to add, but this seems to work for me.

.smuglogo {
width: 275px !important;
height: 50px !important;
margin-left: -15px;
margin-top:-10px;
}

I'm also not sure what this code is supposed to do.
#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
#sizingMethod=image src='http://awilliamsny.googlepages.com/skp.png') !important;
#}
#
#.smuglogo[class] {
#background-image: url(http://awilliamsny.googlepages.com/skp.png) !important;
#}

If you were trying to comment out those lines, the correct notation for a CSS comment is */ Comment /* . The # symbol is reserved for div id's.

That worked. :clap

And yes, I was trying to comment out the other lines. I wanted to keep them there until I was sure about what I had on my site.

Thanks very much.:D

Steve

SK-Photography.net

[pjb923]

:nono Very close a CSS comment is like this /* Comment */

Thanks for the correction. Sorry about that.