Bumpin it up

Originally Posted by GwagDesigns If you view my Blogger: http://www.gwagdesigns.blogspot.com/ in Internet Explorer, the GwagDesigns on the top, which is a JPEG image is centered, it should be aligned left, but i cant figure out how. Works perfectly fine in FF, just not IE.

Look for this in your blog CSS:

#mrpHeaderWrapper {margin-top: 5px; border-bottom: 1px solid #6b8e23;}

Change that to this:

#mrpHeaderWrapper {margin-top: 5px; border-bottom: 1px solid #6b8e23; text-align: left;}

See if that helps.

Also, be sure to change the links in your navbar in your blog HTML. You will need to use full links back to your SmugMug pages, not relative links like you have now.

Ya i havn't gotten that far, but that sure did the trick!! Thanks Barb

Originally Posted by Caltrain I can't seem to get the navbar to show up though. I have not put the html code from the header section anywhere because everywhere I try, it messes up what I already have working. Can someone look at this and tell me what to do?

Callie -
If you want help with your blog then we'll need a link to your blog. There doesn't appear to be a link from your smugmug galleries to your blog.

--- Denise

Originally Posted by denisegoldberg Callie - If you want help with your blog then we'll need a link to your blog. Their doesn't appear to be a link from your smugmug galleries to your blog. --- Denise

Thanks Denise, I was trying to wait until it looked right. I can't believe it, but I actually got that linked correctly. So now what should I do?

The link to my blog is 314photography.blogspot.com. It's now on my main navbar under Blog.

Originally Posted by Allen Try this for the link. <li><a href="http://www.beyondathousandwords.blogspot.com/">Blog</a></li> You have a photo link in this instead of the gallery link. <center> <a href="http://beyondathousandwords.smugmug.com/photos/357893115_knioA-S.jpg"> <img src="http://beyondath.....

Ok. I've tried to do link a photo on my blog site to my SmugMug site by using the gallery as you mentioned above, but I'm still doing something wrong. It only gives me a hidden link to click on in my blog entry. So how do you actually get it so a Picture is the link. Hope that makes sense!

Here is what I'm using for the links to the top picture on my blog....the one with the man and little girl.

<center>
<a href="http://www.beyondathousandwords.com/gallery/5795707_BoC7U/1/358925704_kLj8h">
<img src="http://www.beyondathousandwords.com/gallery/5795707_BoC7U/1/358925704_kLj8h"/>
</a>
</center>

I really enjoyed this post - now everything matches, well close enough anyways. You can check it out if ya want.

http://www.hucksollphotography.com

Originally Posted by photoshoot Ok. I've tried to do link a photo on my blog site to my SmugMug site by using the gallery as you mentioned above, but I'm still doing something wrong. It only gives me a hidden link to click on in my blog entry. So how do you actually get it so a Picture is the link. Hope that makes sense! Here is what I'm using for the links to the top picture on my blog....the one with the man and little girl. <center> <a href="http://www.beyondathousandwords.com/gallery/5795707_BoC7U/1/358925704_kLj8h"> <img src="http://www.beyondathousandwords.com/gallery/5795707_BoC7U/1/358925704_kLj8h"/> </a> </center>

It looks like you used the blogger photo button to insert your photo - because when I click on the photo in your blog I get a blogger url. You can't use that button at all if you want a click on your photo to go back to your gallery.

And for the <img src statement, you need to pick up the link to the photo, not to the gallery. You are currently using the gallery link for both the <a href= and the <img src= statements. The <a href= is the link back to the gallery, and it needs to use the gallery link. But the <img src statement needs to link to a photograph. Go to the share photo page for your gallery and pick up one of the photo links. They are in the section labeled "Direct photo links".

--- Denise

Originally Posted by Caltrain Thanks Denise, I was trying to wait until it looked right. I can't believe it, but I actually got that linked correctly. So now what should I do? The link to my blog is 314photography.blogspot.com. It's now on my main navbar under Blog.

I see the CSS for your banner and your navbar in your blog, but it won't do anything without the HTML to display it.

On your banner - there aren't any categories in a blog, so you only need the #my_banner entry, not the extra entries for your categories.

As far as where to but the html to display your banner and navbar, I'd suggest putting it just before

<div id='outer-wrapper'>

Hopefully that will work for you.

I would also suggest adding at least one post to your blog. That will make it easier to check the overall appearance.

--- Denise

Originally Posted by Huck I really enjoyed this post - now everything matches, well close enough anyways. You can check it out if ya want. http://www.hucksollphotography.com

I'm glad that you found it helpful - looks good.

--- Denise

Originally Posted by denisegoldberg It looks like you used the blogger photo button to insert your photo - because when I click on the photo in your blog I get a blogger url. You can't use that button at all if you want a click on your photo to go back to your gallery. And for the <img src statement, you need to pick up the link to the photo, not to the gallery. You are currently using the gallery link for both the <a href= and the <img src= statements. The <a href= is the link back to the gallery, and it needs to use the gallery link. But the <img src statement needs to link to a photograph. Go to the share photo page for your gallery and pick up one of the photo links. They are in the section labeled "Direct photo links". --- Denise

Thank you, Denise. I got that to work.

Originally Posted by GwagDesigns If you view my Blogger: http://www.gwagdesigns.blogspot.com/ in Internet Explorer, the GwagDesigns on the top, which is a JPEG image is centered, it should be aligned left, but i cant figure out how. Works perfectly fine in FF, just not IE.

IE6 looks ok and same as FF, this in IE7?

Originally Posted by Barb Look for this in your blog CSS: #mrpHeaderWrapper {margin-top: 5px; border-bottom: 1px solid #6b8e23;} Change that to this: #mrpHeaderWrapper {margin-top: 5px; border-bottom: 1px solid #6b8e23; text-align: left;}

I'm having the same problem, but whereas this works for GwagDesigns, I can't seem to find that in my Blog CSS which I assume it's because I'm using a different template.

Would you able to look at http://photosbyderek.blogspot.com/ in IE7 and see if you tell me how I can get my image to align to the left. It works correct in FF and in both IE and FF when I'm on smugmug. I tried:

#my_banner {
width: 500px;
height: 63px;
margin: 5px 0;
background: url(http://photosbyderek.smugmug.com/pho...28_2pcQe-O.jpg) no-repeat;
text-align: left ;
}

but that didn't help.

Originally Posted by dleewo Would you able to look at http://photosbyderek.blogspot.com/ in IE7 and see if you tell me how I can get my image to align to the left. It works correct in FF and in both IE and FF when I'm on smugmug.

Try adding !important, like this:

text-align: left !important;

and see if that helps.

--- Denise

Originally Posted by denisegoldberg Try adding !important, like this: text-align: left !important; and see if that helps. --- Denise

Unfotunately it didn't

Derek

I managed to get it to work. I was playing around with the Blogger CSS and saw that the body CSS had a text-align of "center". I commented that out and my header is now displayed properly.

Taking that out didn't seem to make any difference to anything else when I checked it with IE and FF so I'm happy :-)

For anyone else with a similar issue, I had:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

and I simply commented out the text-align at the bottom

Derek

Originally Posted by denisegoldberg I see the CSS for your banner and your navbar in your blog, but it won't do anything without the HTML to display it. On your banner - there aren't any categories in a blog, so you only need the #my_banner entry, not the extra entries for your categories. As far as where to but the html to display your banner and navbar, I'd suggest putting it just before <div id='outer-wrapper'> Hopefully that will work for you. I would also suggest adding at least one post to your blog. That will make it easier to check the overall appearance. --- Denise

Thanks for your help Denise but I'm really not good at this stuff. I don't know where to find the html or what it looks like. Is that something new I am supposed to come up with or is it in my customization page of my website? I'll try and figure out what you mean by the other stuff and I will make a post like suggested. I think I can handle that.

Originally Posted by Caltrain Thanks for your help Denise but I'm really not good at this stuff. I don't know where to find the html or what it looks like. Is that something new I am supposed to come up with or is it in my customization page of my website? I'll try and figure out what you mean by the other stuff and I will make a post like suggested. I think I can handle that.

You're customizing your blog, not your smugmug site. The div is in the html for your blog.

You need to log on to your blog, then go to Layout, then Edit HTML, in the Edit Template box.

--- Denise

Rich W turned me on to this thread today and I've read through the lot of it!

I have my blog (jasoncaine.blogspot.com) mimicking my SmugMug site (www.JasonCainePhotography.com) to a "T" ... well almost, anyway:

My site's background is the dark carbonite theme which uses several gradients to create the feel. After a couple "view sources", a few trips in and out of Dreamweaver, and some playing around with newly discovered (to me anyway) WebDev in Firefox ... I have it all lined up at the top. I am not 100% savvy with code by any means, and the issues I am running into are:
* I do not know the correct CSS to set the backgrounds to continue on to the bottom of the page. I do know that the main background color below the gradient is hex:373735, which I have set in my blogger template, yet it comes through as white there.
* The inner wrapper does not seem to want to go to the bottom of the page for me. A CSS setting?!
* My navbar is coming in at a different size than what it is on my site, even though I copied the code straight from the site.

So really ... only the top half is done! :)

Anyone have any ideas? Any help would be appreciated.

Originally Posted by jasoncaine Rich W turned me on to this thread today and I've read through the lot of it! I have my blog (jasoncaine.blogspot.com) mimicking my SmugMug site (www.JasonCainePhotography.com) to a "T" ... well almost, anyway: My site's background is the dark carbonite theme which uses several gradients to create the feel. After a couple "view sources", a few trips in and out of Dreamweaver, and some playing around with newly discovered (to me anyway) WebDev in Firefox ... I have it all lined up at the top. I am not 100% savvy with code by any means, and the issues I am running into are: * I do not know the correct CSS to set the backgrounds to continue on to the bottom of the page. I do know that the main background color below the gradient is hex:373735, which I have set in my blogger template, yet it comes through as white there. * The inner wrapper does not seem to want to go to the bottom of the page for me. A CSS setting?! * My navbar is coming in at a different size than what it is on my site, even though I copied the code straight from the site. So really ... only the top half is done! :) Anyone have any ideas? Any help would be appreciated.

I haven't played with background's like this at all, and I'm not sure if this is what you want, but it might be a starting point. It doesn't quite look right, but maybe it will suggest some things to try.

I picked up the css body statement from your theme in smugmug and plunked it into the css for your blog, replacing the body statement that was there. I also copied the css for #extraDiv1 and #extraDiv2 and added those to the blogger CSS.

And then I edited the HTML for your blog and added the references <div id="extraDiv1"> and <div id="extraDiv2">. Not sure where to put those, I just plunked them above <div id="outer-wrapper">. And then I stuck two </div> entries toward the end.

Problem is, the center lines don't go straight down - there's kind of a jag after what appears to be the first vertical occurrence.

It's not right, but the gray image does repeat down the entire page, no more white.

Hopefully someone else who has played with these backgrounds will jump in with a better answer.

--- Denise