Custom Designed Header not saving...

toddbuchanan

When I create the HTML/CSS customized header, I can preview the header in the Customize Mode and it looks perfect, but when I click "Save" it seems to loose all the graphics that are being called...

I'm trying to get this set up for my client...

I have tried to make sure they are all hard links to the graphics, etc and seems odd that it looks fine in preview but not when I save it.

Here is a photo showing how it looks in customize and how it looks when saved:


And here is the HTML/CSS for the block:
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3NjA1NjI5MjQPZBYCZg9kFgICAxBkZBYEAgEPDxYCHgRUZXh0ZGRkAgUPZBYGAgUPDxYCHgVUaXRsZQUBIGRkAgcPFgIfAAWpAzxsaT48YSBocmVmPSIvTmV3cy8yMDEzLzExNDU1LmFzcHgiPlRoZSBBbWVyaWNhbiBTb2NpZXR5IG9mIEhlbWF0b2xvZ3kgRWxlY3RzIE5ldyBMZWFkZXJzaGlwPC9hPjwvbGk+PGxpPjxhIGhyZWY9Ii9OZXdzL1JlZGlyZWN0cy8xMTQ0NS5hc3B4Ij5UaGlzIFdlZWsgaW4gQmxvb2Q6IE9jdG9iZXIgMywgMjAxMzwvYT48L2xpPjxsaT48YSBocmVmPSIvTmV3cy8yMDEzLzExNDI0LmFzcHgiPkhIUyBJc3N1ZXMgSW5mb3JtYXRpb24gYWJvdXQgdGhlIEdvdmVybm1lbnQgU2h1dGRvd248L2E+PC9saT48bGk+PGEgaHJlZj0iL05ld3MvMjAxMy8xMTQyMi5hc3B4Ij5OSUggSXNzdWVzIFVwZGF0ZWQgSW5mb3JtYXRpb24gQWJvdXQgdGhlIEdvdmVybm1lbnQgU2h1dGRvd24gZm9yIHRoZSBFeHRyYW11cmFsIEdyYW50ZWUgQ29tbXVuaXR5PC9hPjwvbGk+ZAIPD2QWBAIBDw8WAh8BBQEgZGQCAg8WAh8ABaoFPGRsIGNsYXNzPSJtb250aCI+PGR0Pk9jdG9iZXIgMjAxMzwvZHQ+PGRkIGNsYXNzPSJkYXRlIj5PY3RvYmVyIDg8L2RkPjxkZCBjbGFzcz0iZGF5Ij48dWwgPjxsaT48YSBocmVmPSIvTWVldGluZ3MvV2ViaW5hcnMvMTEyODIuYXNweCI+UGh5c2ljaWFuIFF1YWxpdHkgUmVwb3J0aW5nIFN5c3RlbSBXZWJpbmFyPC9hPjwvbGk+PGxpPjwvbGk+PC91bD48L2RkPjxkZCBjbGFzcz0iZGF0ZSI+T2N0b2JlciAxMTwvZGQ+PGRkIGNsYXNzPSJkYXkiPjx1bCA+PGxpPjxhIGhyZWY9Ii9FdmVudHMvOTU2Mi5hc3B4Ij4yMDEzIEFTSMKuIFN0YXRlLW9mLXRoZS1BcnQgU3ltcG9zaXVtIExvcyBBbmdlbGVzIChTQVMpPC9hPjwvbGk+PGxpPkxvcyBBbmdlbGVzLCBDYWxpZm9ybmlhPC9saT48L3VsPjwvZGQ+PGRkIGNsYXNzPSJkYXRlIj5PY3RvYmVyIDIyPC9kZD48ZGQgY2xhc3M9ImRheSI+PHVsIGNsYXNzPSJsYXN0Ij48bGk+PGEgaHJlZj0iL0V2ZW50cy81MjExLmFzcHgiPkFTSCBBbm51YWwgTWVldGluZyBMYXRlLUJyZWFraW5nIEFic3RyYWN0cyBTdWJtaXNzaW9uIFNpdGUgT3BlbnM8L2E+PC9saT48bGk+PC9saT48L3VsPjwvZGQ+PGRkPjx1bCBjbGFzcz0ibGFzdCI+PGxpIGNsYXNzPSJtb3JlIj48YSBocmVmPSIvQ2FsZW5kYXIvMTQxNC5hc3B4Ij4+IHZpZXcgYWxsPC9hPjwvbGk+PC91bD48L2RkPmQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgEFEGN0bDAwJHNlYXJjaGljb24k3HwN9kyD5njD2FLI6eVDbJaQ/A==" />
</div>
<div id="maincontainer">
<div id="topsection">
<div id="logoarea"><a name="top" id="top">
</a></div>
<div id="auxillarynav"><a href="http://store.hematology.org/Default.aspx?tabid=183">Join</a&gt; <a href="http://store.hematology.org">Store</a&gt; <a href="http://jobcenter.hematology.org">Job Center</a> <a href="/Foundation/">Foundation</a> <a href="http://store.hematology.org/Default.aspx?tabid=206&quot; class="last">My Account</a></div>
<div id="searchandlogin">
<div id="searcharea">
<img src="http://www.hematology.org/images/searchword.gif&quot; alt="search" />
<input name="ctl00$search" type="text" id="ctl00_search" class="searchbox" />
<input type="image" name="ctl00$searchicon" id="ctl00_searchicon" class="searchicon" src="http://www.hematology.org/images/searchicon.gif&quot; style="border-width:0px;" />
</div>
</div>
<div id="nav">
<div id="globalnav">
<ul>
<li id="aboutashglobal"><a href="http://www.hematology.org/About-ASH/">About ASH</a></li>
<li id="membershipglobal"><a href="http://www.hematology.org/Membership/">Membership</a></li&gt;
<li id="meetingsglobal"><a href="http://www.hematology.org/Meetings/">Meetings</a></li&gt;
<li id="awardsglobal"><a href="http://www.hematology.org/Awards/">Awards</a></li&gt;
<li id="publicationsglobal"><a href="http://www.hematologylibrary.org">Library</a></li&gt;
<li id="advocacyglobal"><a href="http://www.hematology.org/Advocacy/">Advocacy</a></li&gt;
<li id="newsroomglobal"><a href="http://www.hematology.org/News/">Newsroom</a></li&gt;
</ul>
</div>
<div id="secondarynav">
<ul>
<li id="research"><a href="http://www.hematology.org/Research/">Research</a></li&gt;
<li id="practice"><a href="http://www.hematology.org/Practice/">Practice</a></li&gt;
<li id="training"><a href="http://www.hematology.org/Training/">Training</a></li&gt;
<li id="patients"><a href="http://www.hematology.org/Patients/">Patients</a></li&gt;
</ul>
</div>
</div>
</div>
</div>



And the CSS:
<link rel="shortcut icon" href="http://www.hematology.org/favicon.ico&quot; mce_href="http://www.hematology.org/favicon.ico"/&gt;
<link rel="stylesheet" href="http://www.hematology.org/css/master2.css&quot; type="text/css" media="screen, projection" /><link rel="stylesheet" href="http://www.hematology.org/css/print.css&quot; type="text/css" media="print" />
<link rel="shortcut icon" href="http://www.hematology.org/favicon.ico&quot; mce_href="http://www.hematology.org/favicon.ico"/&gt;
<meta name="DC.title" content="" />
<meta name="DC.format" content="text/html" />
<meta name="DC.language" content="en-US" />
<meta name="DC.description" content="" />
<meta name="DC.contributor" content=" " />
<meta name="DC.identifier" content="http://hematology.org/Default.aspx&quot; />
<meta name="DC.date" content="0001-01-01" />




Let me know your thoughts on what might be causing this...

Thanks...

Motorsports

You have 9

but only 8

so I think that could be it?

toddbuchanan

Motorsports wrote: »

You have 9 <div id=> but only 8 </div> so I think that could be it?

Thanks...I realized when I copied html in it was missing two </divs> so I edited the post...but it seems odd since Smugmug's codesems to catch when you have too few divs and automatically adds them on the end...I tried subrtracting/adding divs, but it automatically added the divs needed...

Seems so odd that it looks fine in preview but not on save....

mbonocore

Hi Todd,

Did you get this squared away?

toddbuchanan

mbonocore wrote: »

Hi Todd,

Did you get this squared away?

No...still seems to be the same problem even though I have tried deleting divs and comparing to their gome site....

Still stumped...

toddbuchanan

toddbuchanan wrote: »

No...still seems to be the same problem even though I have tried deleting divs and comparing to their gome site....

Still stumped...

Still not sure if anyone at SM can help on this one...totally stumped on this one....

Motorsports

Todd

On the original site for the logo they have /images/printbanner.gif" but I don't see that referenced in your code, only the search gifs. But maybe its not that simple - there is a lot going on there!

Failing that, have you tried 'haematology'

Hikin' Mike

toddbuchanan wrote: »

When I create the HTML/CSS customized header, I can preview the header in the Customize Mode and it looks perfect, but when I click "Save" it seems to loose all the graphics that are being called...

I'm trying to get this set up for my client...

I have tried to make sure they are all hard links to the graphics, etc and seems odd that it looks fine in preview but not when I save it.

Here is a photo showing how it looks in customize and how it looks when saved:


And here is the HTML/CSS for the block:
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3NjA1NjI5MjQPZBYCZg9kFgICAxBkZBYEAgEPDxYCHgRUZXh0ZGRkAgUPZBYGAgUPDxYCHgVUaXRsZQUBIGRkAgcPFgIfAAWpAzxsaT48YSBocmVmPSIvTmV3cy8yMDEzLzExNDU1LmFzcHgiPlRoZSBBbWVyaWNhbiBTb2NpZXR5IG9mIEhlbWF0b2xvZ3kgRWxlY3RzIE5ldyBMZWFkZXJzaGlwPC9hPjwvbGk+PGxpPjxhIGhyZWY9Ii9OZXdzL1JlZGlyZWN0cy8xMTQ0NS5hc3B4Ij5UaGlzIFdlZWsgaW4gQmxvb2Q6IE9jdG9iZXIgMywgMjAxMzwvYT48L2xpPjxsaT48YSBocmVmPSIvTmV3cy8yMDEzLzExNDI0LmFzcHgiPkhIUyBJc3N1ZXMgSW5mb3JtYXRpb24gYWJvdXQgdGhlIEdvdmVybm1lbnQgU2h1dGRvd248L2E+PC9saT48bGk+PGEgaHJlZj0iL05ld3MvMjAxMy8xMTQyMi5hc3B4Ij5OSUggSXNzdWVzIFVwZGF0ZWQgSW5mb3JtYXRpb24gQWJvdXQgdGhlIEdvdmVybm1lbnQgU2h1dGRvd24gZm9yIHRoZSBFeHRyYW11cmFsIEdyYW50ZWUgQ29tbXVuaXR5PC9hPjwvbGk+ZAIPD2QWBAIBDw8WAh8BBQEgZGQCAg8WAh8ABaoFPGRsIGNsYXNzPSJtb250aCI+PGR0Pk9jdG9iZXIgMjAxMzwvZHQ+PGRkIGNsYXNzPSJkYXRlIj5PY3RvYmVyIDg8L2RkPjxkZCBjbGFzcz0iZGF5Ij48dWwgPjxsaT48YSBocmVmPSIvTWVldGluZ3MvV2ViaW5hcnMvMTEyODIuYXNweCI+UGh5c2ljaWFuIFF1YWxpdHkgUmVwb3J0aW5nIFN5c3RlbSBXZWJpbmFyPC9hPjwvbGk+PGxpPjwvbGk+PC91bD48L2RkPjxkZCBjbGFzcz0iZGF0ZSI+T2N0b2JlciAxMTwvZGQ+PGRkIGNsYXNzPSJkYXkiPjx1bCA+PGxpPjxhIGhyZWY9Ii9FdmVudHMvOTU2Mi5hc3B4Ij4yMDEzIEFTSMKuIFN0YXRlLW9mLXRoZS1BcnQgU3ltcG9zaXVtIExvcyBBbmdlbGVzIChTQVMpPC9hPjwvbGk+PGxpPkxvcyBBbmdlbGVzLCBDYWxpZm9ybmlhPC9saT48L3VsPjwvZGQ+PGRkIGNsYXNzPSJkYXRlIj5PY3RvYmVyIDIyPC9kZD48ZGQgY2xhc3M9ImRheSI+PHVsIGNsYXNzPSJsYXN0Ij48bGk+PGEgaHJlZj0iL0V2ZW50cy81MjExLmFzcHgiPkFTSCBBbm51YWwgTWVldGluZyBMYXRlLUJyZWFraW5nIEFic3RyYWN0cyBTdWJtaXNzaW9uIFNpdGUgT3BlbnM8L2E+PC9saT48bGk+PC9saT48L3VsPjwvZGQ+PGRkPjx1bCBjbGFzcz0ibGFzdCI+PGxpIGNsYXNzPSJtb3JlIj48YSBocmVmPSIvQ2FsZW5kYXIvMTQxNC5hc3B4Ij4+IHZpZXcgYWxsPC9hPjwvbGk+PC91bD48L2RkPmQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgEFEGN0bDAwJHNlYXJjaGljb24k3HwN9kyD5njD2FLI6eVDbJaQ/A==" />
</div>
<div id="maincontainer">
<div id="topsection">
<div id="logoarea"><a name="top" id="top">
</a></div>
<div id="auxillarynav"><a href="http://store.hematology.org/Default.aspx?tabid=183">Join</a&gt; <a href="http://store.hematology.org">Store</a&gt; <a href="http://jobcenter.hematology.org">Job Center</a> <a href="/Foundation/">Foundation</a> <a href="http://store.hematology.org/Default.aspx?tabid=206&quot; class="last">My Account</a></div>
<div id="searchandlogin">
<div id="searcharea">
<img src="http://www.hematology.org/images/searchword.gif&quot; alt="search" />
<input name="ctl00$search" type="text" id="ctl00_search" class="searchbox" />
<input type="image" name="ctl00$searchicon" id="ctl00_searchicon" class="searchicon" src="http://www.hematology.org/images/searchicon.gif&quot; style="border-width:0px;" />
</div>
</div>
<div id="nav">
<div id="globalnav">
<ul>
<li id="aboutashglobal"><a href="http://www.hematology.org/About-ASH/">About ASH</a></li>
<li id="membershipglobal"><a href="http://www.hematology.org/Membership/">Membership</a></li&gt;
<li id="meetingsglobal"><a href="http://www.hematology.org/Meetings/">Meetings</a></li&gt;
<li id="awardsglobal"><a href="http://www.hematology.org/Awards/">Awards</a></li&gt;
<li id="publicationsglobal"><a href="http://www.hematologylibrary.org">Library</a></li&gt;
<li id="advocacyglobal"><a href="http://www.hematology.org/Advocacy/">Advocacy</a></li&gt;
<li id="newsroomglobal"><a href="http://www.hematology.org/News/">Newsroom</a></li&gt;
</ul>
</div>
<div id="secondarynav">
<ul>
<li id="research"><a href="http://www.hematology.org/Research/">Research</a></li&gt;
<li id="practice"><a href="http://www.hematology.org/Practice/">Practice</a></li&gt;
<li id="training"><a href="http://www.hematology.org/Training/">Training</a></li&gt;
<li id="patients"><a href="http://www.hematology.org/Patients/">Patients</a></li&gt;
</ul>
</div>
</div>
</div>
</div>



And the CSS:
<link rel="shortcut icon" href="http://www.hematology.org/favicon.ico&quot; mce_href="http://www.hematology.org/favicon.ico"/&gt;
<link rel="stylesheet" href="http://www.hematology.org/css/master2.css&quot; type="text/css" media="screen, projection" /><link rel="stylesheet" href="http://www.hematology.org/css/print.css&quot; type="text/css" media="print" />
<link rel="shortcut icon" href="http://www.hematology.org/favicon.ico&quot; mce_href="http://www.hematology.org/favicon.ico"/&gt;
<meta name="DC.title" content="" />
<meta name="DC.format" content="text/html" />
<meta name="DC.language" content="en-US" />
<meta name="DC.description" content="" />
<meta name="DC.contributor" content=" " />
<meta name="DC.identifier" content="http://hematology.org/Default.aspx&quot; />
<meta name="DC.date" content="0001-01-01" />




Let me know your thoughts on what might be causing this...

Thanks...

That isn't CSS.

toddbuchanan

Hikin' Mike wrote: »

That isn't CSS.

I know it's not css but why does it work at showing in customize and then not when it's saved...seems odd...tried adding header tags (and putting all of that inside the header tags) in the html box but that doesn't seem to help...

beardedgit

toddbuchanan wrote: »

... but why does it work at showing in customize and then not when it's saved...

I tried a similar but simpler thing a few weeks back, and got the same sort of result.
Turns out that while the code was in the HTML box it showed the graphic because all of the code was there, but on saving SM stripped out various key bits and rearranged the remaining /divs, hence the difference. I compared the input code with the stripped code that SM saved and the differences were startling. I gave up on the thing.

Hikin' Mike

toddbuchanan wrote: »

I know it's not css but why does it work at showing in customize and then not when it's saved...seems odd...tried adding header tags (and putting all of that inside the header tags) in the html box but that doesn't seem to help...

I don't know, but where is the CSS code?

toddbuchanan

Hikin' Mike wrote: »

I don't know, but where is the CSS code?

I know, I know...it's trying to set it up for a client so it refers to thier master css on their site...sounds Like I will just have to hard code a nav header and try to replicate their header...just trying to avoid reinventing the wheel when I don't have to but sounds like, in this case, I have to reinvent it...