journal style alignment

[DoctorIt]

I searched for the answer to this one with no luck, so I'm posting yet another thread here today (Mike, feel free to beat with a stick, or give me a daily quote, I'll shut up, I promise).
:D

The webdeveloper tool has taught me boatloads about CSS today. So I'm looking at my Journal style galleries, and I see that each entry switches from class = photo left to class = photo right. This gives me hope that what I want might be possible. I've wanted a uniform journal alignment for quite some time now.

Is there a way to force them all to be left or right, not alternating?

[Andy]

Is there a way to force them all to be left or right, not alternating?

Yes.

[DoctorIt]

Yes.:wxwax

jerk


:rofl

[Andy]

:wxwax

jerk


:rofl

You got web developer, right? Simply use the edit css function, and do this:

.gallery_XXXXXX #journal .photo.left {
clear: right;
float: right;
text-align: center;
margin: 0px 10px 10px 0px;
height: 100%;

[jfriend]

I searched for the answer to this one with no luck, so I'm posting yet another thread here today (Mike, feel free to beat with a stick, or give me a daily quote, I'll shut up, I promise).
:D

The webdeveloper tool has taught me boatloads about CSS today. So I'm looking at my Journal style galleries, and I see that each entry switches from class = photo left to class = photo right. This gives me hope that what I want might be possible. I've wanted a uniform journal alignment for quite some time now.

Is there a way to force them all to be left or right, not alternating?Wouldn't you just look at the smugmug CSS style definitions for .photoleft and assign those same styles to .photoright in either your global customization or in a custom theme?

[Mike Lane]

You got web developer, right? Simply use the edit css function, and do this:

.gallery_XXXXXX #journal .photo.left {
clear: right;
float: right;
text-align: center;
margin: 0px 10px 10px 0px;
height: 100%;Lots of unnecessary stuff in there and IE has troubles with multiple classes (i.e. .photo.left) so do this instead:

#journal .journal_entry .left {
float: right;
margin-right:0;
}

:thumb

[Andy]

Lots of unnecessary stuff in there and IE has troubles with multiple classes (i.e. .photo.left) so do this instead:

#journal .journal_entry .left {
float: right;
margin-right:0;
}

:thumb

Hey, my way worked - and since Doc was clearly agitated I felt in a rush to placate the irate customer :lol3

[DoctorIt]

Lots of unnecessary stuff in there and IE has troubles with multiple classes (i.e. .photo.left) so do this instead:

#journal .journal_entry .left {
float: right;
margin-right:0;
}

:thumbStill one little bug though, when you change this, the border between the image and the caption (for the ones that got switched right to left) is zero. So I tried to fix it on my own. I failed.
:cry

If the above worked, shouldn't this work for the caption class (.caption) within the journal style (#journal)???

#journal .caption {
margin-left:10px;
}

[DoctorIt]

I just realized why that doesn't work... caption is used in both right and left styles, so I'm screwing up all the entries. Hmmm, there's no .right and .left caption, is there?


Psst, I'm not irate, I'm obsessed - I didn't get any sleep last night, and I was only able to do productive work for half the day today!!!
:lol3

[bwg]

Hey, my way worked - and since Doc was clearly agitated I felt in a rush to placate the irate customer :lol3i think i like "House Pro" Andy better than "Web Pimp" Andy http://dgrin.com/images/smilies/pimp.gif


quotes added for condescending emphasis.

[Andy]

i think i like "House Pro" Andy better than "Web Pimp" Andy http://dgrin.com/images/smilies/pimp.gif


quotes added for condescending emphasis.


:lol3 hey, I'm trying! :evil

[Mike Lane]

I just realized why that doesn't work... caption is used in both right and left styles, so I'm screwing up all the entries. Hmmm, there's no .right and .left caption, is there?


Psst, I'm not irate, I'm obsessed - I didn't get any sleep last night, and I was only able to do productive work for half the day today!!!
:lol3Edit: I need to learn to read... just a sec...

Okay I see.... All this time I thought you were putting the pics on the right. No wonder I couldn't repeat your issue. Anyhow it's an easy fix, you're just making it way too difficult on yourself. Add the orange and you're all set.

#journal .journal_entry .right {
float: left;
margin-left:0;
margin-right:10px;
}

[DoctorIt]

Edit: I need to learn to read... just a sec...

Okay I see.... All this time I thought you were putting the pics on the right. No wonder I couldn't repeat your issue. Anyhow it's an easy fix, you're just making it way too difficult on yourself. Add the orange and you're all set.

#journal .journal_entry .right {
float: left;
margin-left:0;
margin-right:10px;
}
duh :rolleyes

Thanks!