need help with CSS/co-branding & possible bug?

[sf-photojoe]

Hi everyone. I'm new to smugmug and new to html/css, but I'm learning as fast as I can. Please excuse this question if it's been answered, but I searched around and couldn't find anything related to it.

I'm customizing the Sand theme and I've run into a couple issues:

1) I have one Journal style gallery (it's my featured gallery. you can also get to it by clicking on Current Show on my navbar. In this gallery, the mouse over/hover balloon screen tip that usually shows the picture description seems to be messed up. It shows a jumble of nonsense or mixture of the correct description and wierd characters. Since I'm already showing the description of this pics (as we're in Journal style here), I just want to turn these balloon tips off. I'm also curious about what caused this problem to begin with. :cry

2) You will notice in both of my Journal style galleries (linked to from navbar 'guestbook' and 'current show') that the top of the main box area has been shaved off. That's because I am not displaying the default Sand-style boxes containing the albumNav (prev/next) stuff; these are one page albums so that stuff was extraneous. Now I need to add back the top white border so the box looks complete. I know I can eventually figure this on out on my own, but I'd appreciate a jumpstart on the best way to do this. :rolleyes

Lastly, I'd appreciate any additional thoughts/suggestions in general about how I can improve this site. I'm having lots of fun playing with this stuff. :clap

Thanks in advance!

The site I'm working on is:
http://dougpaxton.smugmug.com

[Andy]

Hi everyone. I'm new to smugmug and new to html/css, but I'm learning as fast as I can. Please excuse this question if it's been answered, but I searched around and couldn't find anything related to it.

I'm customizing the Sand theme and I've run into a few issues:

1) I have one Journal style gallery (it's my featured gallery. you can also get to it by clicking on Current Show on my navbar. In this gallery, the mouse over/hover balloon screen tip that usually shows the picture description seems to be messed up. It shows a jumble of nonsense or mixture of the correct description and wierd characters. Since I'm already showing the description of this pics (as we're in Journal style here), I just want to turn these balloon tips off. I'm also curious about what caused this problem to begin with. :cry



:wave Welcome to Dgrin!

Follow these instructions for "no hover text"

http://www.dgrin.com/showthread.php?p=219010&posted=1#post219010

[Andy]

[FONT=Arial]Hi everyone. I'm new to smugmug and new to html/css, but I'm learning as fast as I can. Please excuse this question if it's been answered, but I searched around and couldn't find anything related to it.


2) I have another gallery that uses the journal style that I'm using as a Guestbook. I have one picture in this gallery, and I'd like to have it displayed by default in the Medium image size so it fits across the screen nicely above the comment area. :rolleyes



Easy. No CSS or HTML required (Sorry, Mike :lol3 )

I changed your guestbook link in your navbar to this:

http://dougpaxton.smugmug.com/gallery/1095197/1/50971137/Large

in lieu of what's there now:
http://dougpaxton.smugmug.com/gallery/1095197

How do you like it? :ear

[Andy]

3) You will notice in both of these Journal style galleries that the top of the main box area has been shaved off. That's because I am not displaying the default Sand-style boxes containing the albumNav (prev/next) stuff; these are one page albums so that stuff was extraneous. Now I need to add back the top white border so the box looks complete. I know I can eventually figure this on out on my own, but I'd appreciate a jumpstart on the best way to do this. :rolleyes

[/FONT]


I think Lee or Mike can answer this rather quickly. Sorry I do not know it ...

[Mike Lane]

I'll let teh n00b get this since it's his theme :wink

Or I'll get it later when I'm not blocked from smugmug by the comm nazis.

[sf-photojoe]

Thanks for the quick answers. I'm in the home stretch.

You're awesome, Andy!

:clap:rofl

[bwg]

I'll let teh n00b get this since it's his theme :wink


ya ya...you're not on vacation yet.


anyways, here you go doug:

.journal #albumDescription {
border-top: 10px solid #FBFBF7;
border-bottom: 10px solid #FBFBF7;
padding-top: 10px;
background-position: top right;
}


on your other non-journal style galleries you have border clipping problems on the top and bottom as well. That code i gave you should get you started...I'll be back in a couple hours and I'll give you the rest if you still need it.

[sf-photojoe]

ya ya...you're not on vacation yet.


anyways, here you go doug:

.journal #albumDescription {
border-top: 10px solid #FBFBF7;
border-bottom: 10px solid #FBFBF7;
padding-top: 10px;
background-position: top right;
}

on your other non-journal style galleries you have border clipping problems on the top and bottom as well. That code i gave you should get you started...I'll be back in a couple hours and I'll give you the rest if you still need it.


YOU ARE the BIGWEBGUY! Awesome, thanks!

I'm getting into it. I think I got all the other clipping problems. BUT, as you can see, my guestbook could use a little more TLC. I'd like to get rid of that gap between the picture and the comment section. I figured out how to hide the default 'add comment' link, but I can't quite figure out how to create a new 'add comment' link up above my picture in the sentence where I invite visitors to add comments. Any suggestions/hints would be much appreciated.

[bwg]

YOU ARE the BIGWEBGUY! Awesome, thanks!

I'm getting into it. I think I got all the other clipping problems. BUT, as you can see, my guestbook could use a little more TLC. I'd like to get rid of that gap between the picture and the comment section. I figured out how to hide the default 'add comment' link, but I can't quite figure out how to create a new 'add comment' link up above my picture in the sentence where I invite visitors to add comments. Any suggestions/hints would be much appreciated.

hi doug

here's the code to fix your guestbook:

.singleImage #imageInfo {
display: none;
}

.gallery_1095197 #comment {
border-top: 10px solid #f7f7f7;
}

as for moving the add comment link...put this in your description:
<a href="javascript:toggleDIV('addImageComment','toggleImag eComment', 'block');" class="nav">YOUR TEXT GOES HERE</a>

just keep in mind that the box that pops up for you to input your comment in will stay in the same place down by the comments. there is no way to move it.

[sf-photojoe]

bigwebguy-

is that a halo atop your head? thanks again! it worked great.

you rock!

joe

[sf-photojoe]

one more question. (does anyone ever stop tweaking their sites?) that's not the question i want answered :rofl

can i get rid of the comment rating system? I want people to be able to leave comments, but I don't want them to have the rating option. obviously, i also want to mask the ratings from being displayed with the comments that already have them, too.

also, i can't seem to get rid of the comment header area that used to contain the add comment link.

thanks in advance....
dougpaxton.smugmug.com

[bwg]

one more question. (does anyone ever stop tweaking their sites?) that's not the question i want answered :rofl

can i get rid of the comment rating system? I want people to be able to leave comments, but I don't want them to have the rating option. obviously, i also want to mask the ratings from being displayed with the comments that already have them, too.

also, i can't seem to get rid of the comment header area that used to contain the add comment link.

thanks in advance....
dougpaxton.smugmug.com
hi doug, sorry it took me a while to get back to you...

the short answer on the rating stuff is that there is no way to get rid of it. Sorry.

for the comment header, you almost have it.

replace:
.image_50971137 #toggleImageComment a.nav {display: none;}

with:
.gallery_1095197 #toggleImageComment {display: none;}


looking good!

[Mike Lane]

hi doug, sorry it took me a while to get back to you...

the short answer on the rating stuff is that there is no way to get rid of it. Sorry.

BAH! Of course there is! You just can't remove it in IE. To remove it in all good browsers add this:


#comments .boxTop span + span + span.title, /* select the third .title in the comment header */
#comments .boxTop .star, /* select the stars in the comments boxTop */
#addAlbumComment h3 + .title, /* select the "rating:" that is immediately after the title */
#albumCommentRating /* select the rating drop down */ {display:none;}

/* hide the word "stars" by making it the same color as the background */
#addAlbumComment {color:#7b6d61}

Okay so it's neither pretty nor elegant but it works. :D

[bwg]

BAH! Of course there is! You just can't remove it in IE. To remove it in all good browsers add this:



Okay so it's neither pretty nor elegant but it works. :D

i know, but i gave him the "short answer"

[Mike Lane]

i know, but i gave him the "short answer"

:nono bwg teh l4zy m0d

[bwg]

:nono bwg teh l4zy m0d

i prefer the term "selective" :thumb

[Mike Lane]

i prefer the term "selective" :thumb

Well we all get selective some times. I still haven't tried squshing a smugmug site down to 400px wide to fit in an iframe :rolleyes

[bwg]

Well we all get selective some times. I still haven't tried squshing a smugmug site down to 400px wide to fit in an iframe :rolleyes

haha, i never heard back from that guy...wonder how he did?

[sf-photojoe]

i appreciate both the sentiments (1) to want to keep it simple (especially for us newbies), and (2) to be thorough even if it's not elegant. thank you both for your respective responses.

while i learn something great and new with each answer, this one has me in a quandry about whether to implement something that doesn't work in the evil and stupid, but popular, IE.
:dunno

[sf-photojoe]

does this code not work in IE because of the "+" syntax?

would i be able to do this in IE if smugmug provided unique names for all the elements I would need to select? - e.g., #CommentRatingTitle

btw, Mike Lane, your camera is going to be busy in NZ. I was just there last November and took 500+ pictures in 2 weeks. it was sooooo beautiful.

[bwg]

does this code not work in IE because of the "+" syntax?
correct, it's called the sibling selector. IE does not recognize it.

would i be able to do this in IE if smugmug provided unique names for all the elements I would need to select? - e.g., #CommentRatingTitle
yes