Help me fix this code, please

[brandofamily]

I always have trouble putting a link in a line of text. I want the link font to be the same size as the surrounding text. But when I add code to try to do this the link is moved to the next line. Not acceptable. I need it to stay ing the same line as a continuous line of text.
So I tried the code below for a footer. It stays in line, put if I use a "normal" font size number the font get huge.

<div style="text-align: center;">
<font color="#e3cfb5"> All images © 2003, 2004, 2005, 2006 Anthony Brandolino - <a href="http://brandolinoimaging.com/gallery/1307450"><font color="#ffffff"><font size= "2px">All Rights Reserved</font></font></a>
</font></div>

[Mike Lane]

I always have trouble putting a link in a line of text. I want the link font to be the same size as the surrounding text. But when I add code to try to do this the link is moved to the next line. Not acceptable. I need it to stay ing the same line as a continuous line of text.
So I tried the code below for a footer. It stays in line, put if I use a "normal" font size number the font get huge.

<div style="text-align: center;">
<font color="#e3cfb5"> All images © 2003, 2004, 2005, 2006 Anthony Brandolino - <a href="http://brandolinoimaging.com/gallery/1307450"><font (http://brandolinoimaging.com/gallery/1307450%22%3E%3Cfont) color="#ffffff"><font size= "2px">All Rights Reserved</font></font></a>
</font></div>

So use CSS instead.


<div id="myFooter">
All images &copy; 2003, 2004, 2005, 2006 Anthony Brandolino - <a href="/gallery/1307450">All Rights Reserved</a>
</div>


Then in your CSS do something like this:


#myFooter {
color:#e3cfb5;
white-space:nowrap;
font-size:18px;
}


If you need more control over the link element just use #myFooter a {} to style it.

[brandofamily]

Can I use something like that code to get this footer to center on the page

http://www.brandolinoimaging.com/gallery/1091885

I know it's centered on the text box, but it just looks bad.

[brandofamily]

OK I used this code

/*Align myFooterARR*/
#myFooterARR {
color:#e3cfb5;
white-space:nowrap;
font-size:10px;
}

/*Align Footer Spacing*/
#footer_wrapper {margin-top:0px; _margin-top:0px; padding-top:0px; _padding-top:0px;}
#cobrand_footer #footer, #cobrand_footer #feeds, #cobrand_footer #themeCredit
{text-decoration:none; font-size: 10px; text-align:center; margin-top:0px; _margin-top:0px; padding-top:0px; _padding-top:0px;}
.gallery_1091885 #myFooterARR {margin-left:279px; _margin-left:1%;}
.gallery_1091885 #StatCounter {margin-left:401px; _margin-left:0px;}



And got the footer "stuff" lined up in all galleries in FF. But I can not get the thing to line up in the gear gallery in IE6

http://www.brandolinoimaging.com/gallery/1091885

The 1% was my last despirate attempt.

[Mike Lane]

OK I used this code

/*Align myFooterARR*/
#myFooterARR {
color:#e3cfb5;
white-space:nowrap;
font-size:10px;
}

/*Align Footer Spacing*/
#footer_wrapper {margin-top:0px; _margin-top:0px; padding-top:0px; _padding-top:0px;}
#cobrand_footer #footer, #cobrand_footer #feeds, #cobrand_footer #themeCredit
{text-decoration:none; font-size: 10px; text-align:center; margin-top:0px; _margin-top:0px; padding-top:0px; _padding-top:0px;}
.gallery_1091885 #myFooterARR {margin-left:279px; _margin-left:1%;}
.gallery_1091885 #StatCounter {margin-left:401px; _margin-left:0px;}


And got the footer "stuff" lined up in all galleries in FF. But I can not get the thing to line up in the gear gallery in IE6

http://www.brandolinoimaging.com/gallery/1091885

The 1% was my last despirate attempt.

Go validate your CSS code. You've got some errors in it that I think are causing you problems.

[brandofamily]

Go validate your CSS code. You've got some errors in it that I think are causing you problems.
How do I do that?

[brandofamily]

/*Align myFooterARR*/
#myFooterARR {
color:#e3cfb5;
white-space:nowrap;
font-size:10px;
}

/*Align Footer Spacing*/
#footer_wrapper {margin-top:0px; _margin-top:0px; padding-top:0px; _padding-top:0px;}
#cobrand_footer, #footer, #cobrand_footer, #feeds, #cobrand_footer, #themeCredit
{text-decoration:none; font-size: 10px; text-align:center; margin-top:0px; _margin-top:0px; padding-top:0px; _padding-top:0px;}
.gallery_1091885 #myFooterARR {margin-left:279px; _margin-left:1%;}
.gallery_1091885 #StatCounter {margin-left:401px; _margin-left:0px;}


Found a few mssing commas....but that actually made things worse. (unless that was not what you were refering to) It actually set the SM footer to off centered in the FF version of the gallery.

[Mike Lane]

Okay here is what I come up with. Things in red are errors and need to be corrected.

In your CSS:
a.slide6 {background:url(http://www.brandolinoimaging.com/photos/56621787-Ti.jpg); background-repeat: align="center"; no-repeat;}

#category #galleriesBox .albumLarge .albumTitle {clear:both; text-align:center;}
top:155px; }

In your html:


<LINK REL="SHORTCUT ICON" HREF="http://brandolinoimaging.smugmug.com/photos/55123392-M.jpg">

<div style="font-size: 13px; color: #e3cfb5; font-weight: normal; align: center">

[brandofamily]

#1 a.slide6 {background:url(http://www.brandolinoimaging.com/photos/56621787-Ti.jpg); background-repeat: align="center"; no-repeat;}
fixed #1
#2 #category #galleriesBox .albumLarge .albumTitle {clear:both; text-align:center;}
top:155px; }
#2 came right from this thread: http://www.dgrin.com/showthread.php?t=29550&highlight=THUMBS
not that it makes it right, but since none of the tech guys who replied to that thread said anything I assumed it was ok. Should I add braces and margin- to it?
#3 <LINK REL="SHORTCUT ICON" HREF="http://brandolinoimaging.smugmug.com/photos/55123392-M.jpg">
#3 came right from this thread... http://www.dgrin.com/showthread.php?t=17147&highlight=SHORTCUT+ICON
is the pic not supposed to be .jpg ?
#4 <div style="font-size: 13px; color: #e3cfb5; font-weight: normal; align: center">
#4 I added text- to the align statement....right?

[Mike Lane]

fixed #1
:thumb

#2 came right from this thread: http://www.dgrin.com/showthread.php?t=29550&highlight=THUMBS
not that it makes it right, but since none of the tech guys who replied to that thread said anything I assumed it was ok. Should I add braces and margin- to it?

Thanks for pointing me to where you found it. I fixed it in that discussion. The code in red was just out there by itself which causes problems for the CSS. I see you made it margin-top:155px inside of the previous entry's braces. That's valid and if it works for you, sweet.

#3 came right from this thread... http://www.dgrin.com/showthread.php?t=17147&highlight=SHORTCUT+ICON
is the pic not supposed to be .jpg ?

I recall that thread. That was started before you could enter things into the head of the document and I think the thread reflects that ultimately. At any rate link elements cannot be in the body of the document. So put them in your head tag part. You can use a jpg but IE won't recognize it and use smugmug's version instead. There are online tools that will convert a jpg or gif into a ico for you to use. Although IE may have a problem with there being more than one link element. Not sure.

#4 I added text- to the align statement....right?

You can do it that way. There is no align property but there is a text-align property. Also do note that you've got some html in your CSS. However it is commented out so it's not hurting anything. If you uncomment it you will run into problems though.

Now let me check out your site. One sec.

[Mike Lane]

You know what, I think the bulk zoom html code is messing with your layout here. I'll try working up a fix. The error that I get is that you can't put a noscript element inside a table element so from what I'm seeing the table element isn't closing and that's causing some odd layout issues. So until I whip up a fix, remove that bulk zoom code or comment it out. HTML comments look like this: <!-- I'm a comment -->

[brandofamily]

:thumb
Thanks for pointing me to where you found it. I fixed it in that discussion. The code in red was just out there by itself which causes problems for the CSS. I see you made it margin-top:155px inside of the previous entry's braces. That's valid and if it works for you, sweet.

OK thanks... So #1 fixed, #3 moved to head tag, fixed...#4 OK.....that html is the Search I had in the footer...I did not want to lose it so it's in storage.

My issue w/ #2 (above) is still an issue....Moving the code as I did is valid CSS now and works for FF. But I lose the names under the galleries in IE.
Example here:
http://www.brandolinoimaging.com/My%20Portfolio/167575

They are there in FF....HELP....

I also tried to get rid of the double lines in this gallery:
http://www.brandolinoimaging.com/My%20Portfolio

and the single lines in the other link galleries (an example here):
http://www.brandolinoimaging.com/My%20Portfolio/167575

.gallery #galleriesBox .boxBottom {display: none;}
but I lose the gallery links in the gallery:
http://www.brandolinoimaging.com/My%20Portfolio/167575
and the others of this type.

[Mike Lane]

whoa, one problem at a time. Let's get that footer all situated. Have you commented out the stuff like I asked?

[brandofamily]

whoa, one problem at a time. Let's get that footer all situated. Have you commented out the stuff like I asked?

Sorry...I lost my head for a moment....yes commented it out. Goofed it the 1st time so it took 2 tries...

[brandofamily]

whoa, one problem at a time. Let's get that footer all situated. Have you commented out the stuff like I asked?

Footer in all galleries in FF= OK (even gear gallery)
Footer in gear gallery in FF is center on text box.

[brandofamily]

whoa, one problem at a time. Let's get that footer all situated. Have you commented out the stuff like I asked?
Sorry I was wrong, footer in gear gallery in FF is broken.

[Mike Lane]

Okay, the BZT code isn't the problem so you can uncomment that now if you want. You have a div that's in your header, <div align="center"> at the very top that doesn't have a corresponding </div>. Get that </div> in there and let's see what that does.

[brandofamily]

Okay, the BZT code isn't the problem so you can uncomment that now if you want. You have a div that's in your header, <div align="center"> at the very top that doesn't have a corresponding </div>. Get that </div> in there and let's see what that does.
Closing that <div> screwed up ALL the footers....tried removing the div completely...no good.

It also de-centered the nav bar...

[brandofamily]

Okay, the BZT code isn't the problem so you can uncomment that now if you want. You have a div that's in your header, <div align="center"> at the very top that doesn't have a corresponding </div>. Get that </div> in there and let's see what that does.
OK got my self back to square one finally. Footers seem OK in FF for all galleries.
Now for IE6.
Oh. its only the gear gallery in IE6 now. The rest are OK.

In the process, something bo0rked this gallery: http://www.brandolinoimaging.com/gallery/1115093

[Mike Lane]

And here's the reason your footer is all messed up in that gallery.

.gallery_1091885 #myFooterARR {margin-left:279px; _margin-left:0px;}
.gallery_1091885 #StatCounter {margin-left:401px; _margin-left:0px;}


margin-left:279px? Remove those two things.

Jeeze, also I see you've got this in your footer:

<div id="StatCounter">
<div style= "text-align: center">
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
<!--
var sc_project=1416994;
var sc_invisible=0;
var sc_partition=11;
var sc_security="59eed93f";
var sc_remove_link=1;
//-->
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><img (http://www.statcounter.com/counter/counter.js%22%3E%3C/script%3E%3Cnoscript%3E%3Cimg) src="http://c12.statcounter.com/counter.php?sc_project=1416994&java=0&security=59eed93f&invisible=0" alt="statistics" border="0"> </noscript> <!-- End of StatCounter Code -->
</div></div>

<div id="myFooterARR">
<div style="text-align: center">
All images &copy; 2003, 2004, 2005, 2006 Anthony Brandolino - <a href="/gallery/1307450">All Rights Reserved</a>
</div></div>
Remove the red stuff. Then in the CSS find this and add the yellow.

/*Align myFooterARR*/

#myFooterARR {
color:#e3cfb5;
white-space:nowrap;
font-size:10px;
text-align:center;
}

#StatCounter {
text-align:center
}

[brandofamily]

And here's the reason your footer is all messed up in that gallery.

.gallery_1091885 #myFooterARR {margin-left:279px; _margin-left:0px;}
.gallery_1091885 #StatCounter {margin-left:401px; _margin-left:0px;}


margin-left:279px? Remove those two things.

Jeeze, also I see you've got this in your footer:

<div id="StatCounter">
<div style= "text-align: center">
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
<!--
var sc_project=1416994;
var sc_invisible=0;
var sc_partition=11;
var sc_security="59eed93f";
var sc_remove_link=1;
//-->
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><img (http://www.statcounter.com/counter/counter.js%22%3E%3C/script%3E%3Cnoscript%3E%3Cimg) src="http://c12.statcounter.com/counter.php?sc_project=1416994&java=0&security=59eed93f&invisible=0" alt="statistics" border="0"> </noscript> <!-- End of StatCounter Code -->
</div></div>

<div id="myFooterARR">
<div style="text-align: center">
All images &copy; 2003, 2004, 2005, 2006 Anthony Brandolino - <a href="/gallery/1307450">All Rights Reserved</a>
</div></div>
Remove the red stuff. Then in the CSS find this and add the yellow.

/*Align myFooterARR*/

#myFooterARR {
color:#e3cfb5;
white-space:nowrap;
font-size:10px;
text-align:center;
}

#StatCounter {
text-align:center
}



OK, now I'm right back to where I started. Footer in galleries except the gear gallery are goo and the custom footer in the gear gallery is centered on the text block not the page.
The code you had me remove was to center the custom footer on that page vs on the text block.

[Mike Lane]

The code you had me remove was to center the custom footer on that page vs on the text block.
No it wasn't. That code was designed to make the footer 279px from the left of the screen. That may look centered on your screen but it would look either left or right of center depending on the size of someone else's screen compared to yours.

It's your div#footQuote that's messing up your footer there. Here's what is in your CSS:

<div id="footQuote">
<div style="font-size: 14px; color: #e3cfb5; font-weight: normal; align: center;"><i>"Photography... with a personalized touch."</i></div><br></div>
Change it to this:

<div id="footQuote">"Photography... with a personalized touch."</div>

Or better yet since you've got #footQuote {display:none} in your CSS remove the html above entirely. Then also remove the CSS.

[brandofamily]

No it wasn't. That code was designed to make the footer 279px from the left of the screen. That may look centered on your screen but it would look either left or right of center depending on the size of someone else's screen compared to yours.

It's your div#footQuote that's messing up your footer there. Here's what is in your CSS:

<div id="footQuote">
<div style="font-size: 14px; color: #e3cfb5; font-weight: normal; align: center;"><i>"Photography... with a personalized touch."</i></div><br></div>
Change it to this:

<div id="footQuote">"Photography... with a personalized touch."</div>

Or better yet since you've got #footQuote {display:none} in your CSS remove the html above entirely. Then also remove the CSS.

OK, the #footQuote is displayed only on the homepage (I had to fix the code for that, forgot I changed the div name). Mainly because I could not get it centered on that gear page and I gave up. But I get the point and can put the proper code in the CSS instead.
I get the point on the marging code.
But I still can not get the footer to center on the gear page. It wants to center on the text box. Not the page. Any ideas?

[Mike Lane]

OK, the #footQuote is displayed only on the homepage. Mainly because I could not get it centered on that gear page and I gave up. But I get the point and can put the proper code in the CSS instead.
I get the point on the marging code.
But I still can not get the footer to center on the gear page. It wants to center on the text box. Not the page. Any ideas?

The #footQuote is messing up your layout somehow. I see that you've not yet removed it. Either change it to what I've got above or remove it and we'll proceed.

[brandofamily]

The #footQuote is messing up your layout somehow. I see that you've not yet removed it. Either change it to what I've got above or remove it and we'll proceed.
OK I chaged it. I put the style stuff in the CSS like you showed me for the other footer line.
Any chance to use the alignment method we used for the hover slide show?

left: 50%, left-margin: -????

Just for reference, I had the same problems in the gear gallery when all I had was the 1 quote for the footer. To me it seems that the layout in the gallery is the issue, But I am not sure what to do with it.
I think I got that layout from you originally.

[Mike Lane]

Remove the red:

.gallery_1091885 #brandoSS {margin-top:30px; _margin-top:30px; width:400px; float:right;}

Also why do you have margin-top:30px; and _margin-top:30px;?

[brandofamily]

Remove the red:

.gallery_1091885 #brandoSS {margin-top:30px; _margin-top:30px; width:400px; float:right;}

Also why do you have margin-top:30px; and _margin-top:30px;?

To move the side show down. Wrong/ poor coding?

[bwg]

To me it seems that the layout in the gallery is the issue... I think I got that layout from you originally.

Dammit Mike, why are you always causing problems. First Malaxos, now Brando.

You should really consider providing useful information sometime.

[Mike Lane]

To move the side show down. Wrong/ poor coding?

What I'm getting at is margin-top:30px; and _margin-top:30px; are the exact same thing. I'm seeing that you do that a lot. What the underscore in front of the 2nd _margin-top is doing is filtering out those browsers that don't understand it. In this case the only browser that understands a property preceeded by an underscore is IE. So unless you're specifically trying to target IE for something then you don't need to use the underscore. A good indication that you don't need to use it is either 1) you have the same value for both or 2) you don't really know why you're using it.

Have you removed the red from your CSS yet?

[Mike Lane]

Dammit Mike, why are you always causing problems. First Malaxos, now Brando.

You should really consider providing useful information sometime.

I know. Maybe I should take a penalty time out.

[bwg]

I know. Maybe I should take a penalty time out.
no no, not until this thread reaches 30 pages.:rofl

[Mike Lane]

no no, not until this thread reaches 30 pages.:rofl

Oh crap, I have my dgrin set to view 40 posts at a time :cry

Oh well. Only 1140 more posts to go.




So Brando, did you delete the red yet?

[brandofamily]

Oh crap, I have my dgrin set to view 40 posts at a time :cry

Oh well. Only 1140 more posts to go.




So Brando, did you delete the red yet?

Done.

[brandofamily]

Oh crap, I have my dgrin set to view 40 posts at a time :cry

Oh well. Only 1140 more posts to go.




So Brando, did you delete the red yet?
Mike you are my hero...:clap:clap
Any other code you might want to fix for me?:D

Maybe you can help me get my titles back from when you had me move this... 155px in the 5 across thumbs code...

Forget it...it's fixed....I re-read the re-post you did on the original thread.

[Mike Lane]

Sorry, don't have time to look into all of that today. I've got to work on my site for a while.

[brandofamily]

Sorry, don't have time to look into all of that today. I've got to work on my site for a while.
no problem. If you could put the things from this post that we have not gotten to on the todo list I'd appreciate it. I'll keep playing.

[Andy]

Dammit Mike, why are you always causing problems. First Malaxos, now Brando.

You should really consider providing useful information sometime.

:lol3 who the hell needs Leno, we've got BWG :thumb :lol3 :rofl

[bwg]

:lol3 who the hell needs Leno, we've got BWG :thumb :lol3 :rofl

i'm waaaay more sarcastic than leno. he does have cooler toys though.