Gossamer Forum
Home : Products : Gossamer Links : Discussions :

Help Getting Customizations Just Right

(Page 1 of 3)
> >
Quote Reply
Help Getting Customizations Just Right
I am trying to get my directory matched up with the look of my website. Here's my directory: http://www.virtualassistantnetworking.com/directory/

The first thing I want to adjust is, do you see how the directory area and my web site header aren't aligned together? I'd like to get the directory area "skootched" over a hair so that the left side is perfectly in alignment with the top header.

How can I do this?
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Looks like the "spacerwhite.gif" is the culprit here. Why do you have it anyway, it doesn't really seam to have any purpose.

Either remove it from your tables above or add it to the links directory table.
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
I probably should say that I am not a programmer or expert coder so I really need very plain instructions on doing this stuff.

I don't think my spacer is the problem at all as it doesn't have anything to do with the directory area.

What I need to know is how to skootch the directory area over so that it is in alignment with my table headers.
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
OK, this is what your code looks like when previewed with Frontpage. See the dotted areas either side of your header tables? Those are the spacer gifs and because they are there, and not on your directory table, your directory is slightly to the left.



If you're not a coder, who did your HTML for you?
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
I did the code and I know what you're talking about, but the header is exactly the way I want it because that's how it appears on the rest of my site. I want the directory to display according to how my header displays. I want the page transition to be smooth.

So the question is, how can I put spacers in or whatever you do to get the dang directory area skootched over. How do I do that. The complexity of the CSS as well as the perl (?) scripts are things I know nothing about.
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
You could try reducing the width of your links table and aligning center.

Alternatively you will have to "add" the spacer code to the links templates:

Code:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>

<td>(Links Template Code Here)</td>

<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
Where do I find the links table? I really need very simple, literal assistance. I don't understand this stuff at all.
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Admin / Build / Templates - User Templates

Try this:

Load home.html

after <div id="content"> add:

Code:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>

and just before <%include include_contentfooter.html%> add:

Code:
</td>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
Ikes! Thank you very much for that--at least we're getting somewhere. But here's what it did to the page:

http://www.virtualassistantnetworking.com/directory/

Can this be fixed? I want to get rid of that white space between the search bar and the directory area so that they are right next to each other. And then, of course, my right sidebar is now all messed up so I wanted to get that fixed back. And then I need each "row" to be the same width so that there is a smooth line going down the right side (hope I'm describing what I mean as clearly as possible).
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Instead of adding the code below after <div id="content">, cut and paste it above <div id="ocwrapper" class="clear">

Code:

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
Oh yea! Really getting somewhere now. :)

Now, how can get rid of that white space between the search bar and the directory?

Also, which of those codes will get that last bottom row aligned with everything else (down where it's got the Powered By Gossamer Links info)?

Here's the link again so you can see what it looks like: http://www.virtualassistantnetworking.com/directory/
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
In Reply To:

Also, which of those codes will get that last bottom row aligned with everything else (down where it's got the Powered By Gossamer Links info)?

You will have to repeat the process above (adding the code) to footer.html

Also, when you click on a category, that will be off center too so you'll have to do the same for category.html.

Basically, anything you find that is off center.

------------------------------------------------

The gap

Replace:

Code:
</form>
</div>
<hr class="hide" /></td>
<td width="11" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
</table>
<p>&nbsp; </p>

</div>

with:

Code:
</form>
</div>
</td>
</tr>
</table>

</div>
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
On the gap instructions you gave, what template is that in? I looked for it in Home but it's not there.
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Also, here is the code from include_footer.html (there wasn't just a plain footer.html):

<hr class="hide" />
<div id="footer" class="clear">
<a href="http://www.gossamer-threads.com"><img src="<%Links::Utils::image_url('poweredby.gif')%>" alt="Powered by Gossamer Links" /></a>
<p>&copy; 2006 Gossamer Threads Inc.</p>
</div>
<%--if in.debug%><%DUMP%><%endif--%>


I don't know where I'm supposed to what in this code to fix the alignment.
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Try header.html
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Code:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>

<hr class="hide" />
<div id="footer" class="clear">
<a href="http://www.gossamer-threads.com"><img src="<%Links::Utils::image_url('poweredby.gif')%>" alt="Powered by Gossamer Links" /></a>
<p>&copy; 2006 Gossamer Threads Inc.</p>
</div>
<%--if in.debug%><%DUMP%><%endif--%>

</td>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
Oh, yea!! Thank you!! It's finally starting to look good.

On the footer, there is a teeny bit of white space: http://www.virtualassistantnetworking.com/directory/

Can you tell me where do I fix that (what template?) and what code do I use?
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Yes, the spacer height is too much.

In the last template change both of the height="65" to 10.
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
I'll leave it with you now as I'm out of time. I have you bookmarked so I'll check back to see how you're getting on.

Wink
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
That did the trick. You are so stinking awesome!! Thank you so much!!!

May I trouble you with a couple other probably simple (for you) things?

I'd like the orange nav bar to be the same length across as the rest of the directory. How can I do that?

Also, on the form that the person fills out when they submit their link, there is a field that says "Contact Name" and it autofills with the username that the person chose. That is really confusing because what we really want there is the person's full name. So what I want is two things 1) for it to say "Full Name" instead of "Contact Name" and then we do not want that field autofilled with the username.

Now on the contact name column, I went to that column and I changed Form Display to "Full Name" from "Contact Name." However, it still says "Contact Name." So obviously that's not where I change that. But I'm still very lost as to how all this works.

Any direction?

Last edited by:

therelief: Sep 24, 2006, 3:02 PM
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Okay, I got all the other templates updated so that all pages are in alignment like the Home page of the directory. One problem spot is the Bookmark pages.

There's a couple things I need to fix:

1) The Bookmark pages have a second row of navigation, but the layout is goofed up and the login/register link is up in the orange nav bar instead of the Search bar where it's supposed to be.

2) When you click on Bookmark from the Home page, it gives you a message that you have to login (http://www.virtualassistantnetworking.com/...gi&from=bookmark), and as you can see, that's out of alignment. However, I updated all the templates with that code you gave me so I don't know what else to do to fix that.

Help?
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Try error.html

I don't use bookmarks so can't help you with those.

With regards to your orange nav bar it's the Login/Register link that's the problem.

In include_header.html remove:

Code:
<div id="loginbar"><a href="/cgi-bin/links/user.cgi" class="out">
Login/Register
</a></div>

and your nav bar will go all the way accross the top. You'll have to find somewhere else to paste the loginbar code.
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
Thank you. :)

I want the login/register link to be in the same row as the search bar like it on all the rest of my directory pages: http://www.virtualassistantnetworking.com/directory/

Are you still sure that the login/register code is still the issue since it seems to be where I want on all the other pages except the Bookmark pages?

Last edited by:

therelief: Sep 26, 2006, 4:35 PM
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Oh, on the contact name adds, I got this error:

Unable to add column 'First_Name': Column First_Name was specified as not null, but has no default value


Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Also, back to the layout issues, see what the "You must login first" message is doing:

http://www.virtualassistantnetworking.com/....cgi&from=modify

What template would this get fixed in?
> >