Jump to content
Guest The Edge VA

...only me....

Recommended Posts

Guest The Edge VA

Great news!

New client signed today!! :yay:

Bad news?

 

My first task is to make some changes and updates to her website, basically smoothing the rough edges a bit. :o This site has been through a couple of hands and I think that my inexperienced hands arent going to help much. However, "a girl's gotta do..." and all that.

 

Here is the problem... I cannot figure out which table tag is going to get rid of that nasty great gap at the bottom of the page I am working on. I have managed to work everything else out and this is now (I think) the last little niggly thing. I know its in there somewhere, can anyone see which one it is?? :blink:

 

I've been fiddling with it for an hour (and even tried Nvu to no avail... ) i cant seem to bring the correct border up!!

 

Logistics

 

Anyone able to spot something that I don't see?

 

Your help, as always, is appreciated!!

 

[EDIT: I think the sizes are being dictated from another source... because I have noted-changed ridiculously low- previewed (no change)- changed back to noted height several times and nothing seems to change any of the sizes etc... but the CSS document doesnt make mention of this that i saw (or understood)... but we all know what i understand of CSS is criminal at the moment!]

 

 

[EDIT2: Hmm... could this be it??

 

#mainbox {

width: 592px;

left: 75px;

z-index: 10;

clip: auto;

position: absolute;

visibility: visible;

top: 185px;

} ]

Edited by The Edge VA

Share this post


Link to post
Share on other sites

Great news!

New client signed today!! :yay:

Bad news?

 

 

 

Congratulations!!

 

I've been fiddling with it for an hour (and even tried Nvu to no avail... ) i cant seem to bring the correct border up!!

 

Logistics

 

Anyone able to spot something that I don't see?

 

 

Take the style attribute (height and width) off the first table tag - that should do it.

So instead of seeing:

<table style="width: 657px; height: 6118px; " border="0"> make it look like this:

<table border="0">

 

Then you could work on getting all the nested tables out of there and use CSS instead :)

 

Otherwise it looks great!

 

Hope that helps :)

 

k

 

 

Share this post


Link to post
Share on other sites
Guest The Edge VA

Take the style attribute (height and width) off the first table tag - that should do it.

So instead of seeing:

<table style="width: 657px; height: 6118px; " border="0"> make it look like this:

<table border="0">

 

Then you could work on getting all the nested tables out of there and use CSS instead :)

 

Otherwise it looks great!

 

Hope that helps :)

 

k

 

 

Tried that earlier and it didnt work... (Just tried it again when you suggested to make sure I am not being a plank) and it didnt work either.... I can always ask her outgoing VA, but I would prefer to try it without bothering her as I know she is very busy.

 

About the CSS, that was a changeover in progress by the other VA, but I think she just ran out of time as this is a HUGE site. So some of it is and some of it ain't...

Edited by The Edge VA

Share this post


Link to post
Share on other sites

Ros, this is a totally ghetto answer but here's how I fixed that on my site. Sometimes I'd notice the green on the sides didn't go all the way to the bottom. One of two things fixed it.

 

First, count the amount of <div> you have at the bottom and the amount you have at the top of the code to make sure it's an even amount. Sometimes I had to add an extra one on the bottom, who knows why, to make the green stretch down enough.

 

Second sometimes I had to add a <span></span> near the bottom. Again, I don't know why, I only know it worked.

 

If neither of those worked, I took a page that was perfect and copied and pasted the content from the bad page into it and saved it as the bad page's name.

 

(I can see all you web experts cringing at the thought of this, lol. :naughty: )

Edited by Implumcrazee

Share this post


Link to post
Share on other sites
Guest The Edge VA

Nope... no cringes here... I've been known to paste and rename a time or two! hehehe

 

But in this case, there are no pages that are perfect... this is different to the other pages in layout from a table perspective.

 

(And besides... when I tried that it didnt work because the others seem to all be set in length so no matter how much text is in them, they still stretch to that specific length...)

 

Hang on.... let me try it... ya never know...

Share this post


Link to post
Share on other sites
Guest The Edge VA

Cool Crystal! She has been absolutely fab too which is GREAT!

Which newsletter Morning Mantra or Magnetic Living?

 

Ok... so I ran the page through that nifty validator suggested last time... and it picked up anumber of non-'alt'ed tags which are the stars and we dont want them alted...

 

But then, just as I was giving up hope... right near the bottom it gave me this:

 

 

<font color="#666666" face="Arial, Helvetica, sans-serif" size="2">

 

E609 This tag or content is not allowed here. One of the following was expected:<b> <select> <a> <strong>

<label> <object> <var> <abbr> <small> <sub> <cite> <#pcdata> <map> <samp> <big> <font> <u> <br>

<applet> <tt> <s> <code> <q> <basefont> <strike> <acronym> <dfn> <textarea> <sup> <img> <script>

<input> <em> <i> <bdo> <button> <span> <iframe> <kbd>

 

<table style="width: 82%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

 

 

 

which I think is significant... only I am not sure how...

Edited by The Edge VA

Share this post


Link to post
Share on other sites
Guest

Find this line:

 

<table style="height: 5819px; width: 598px;" border="0" cellpadding="0" cellspacing="0">

 

Remove the height styling.

 

Then find this line:

 

<table style="width: 339px; height: 4294px;" border="0" cellpadding="0" cellspacing="0">

 

And again remove the height styling.

 

Good luck with this one!

Share this post


Link to post
Share on other sites
Guest

Hi Ros

 

It is in the 'table style' - "height" fields.

 

Look at the link I have below. I took your html code and modified it. All the space is gone from the bottom.

 

Here's the link with the output of the modified html code:

http://home.comcast.net/~hayden.a/test_edge_va.html

 

Let me know if you have any questions. If you want I can just send you the code directly.

 

Angela

Edited by VA_intheworks

Share this post


Link to post
Share on other sites
Guest The Edge VA

You Guys are amazing!!

 

All I needed to do was delete the height limits altogether!! But why when i was adjusting the heights down to 200px from 5819px did nothing change? Surely if you take it out and it works, then if you just reduce it to a lower px it would work to wouldnt it??

 

Angela, thank you soo much! You really didnt have to go to all that extra trouble!! After I deleted those heights it all worked out... the perfect page is here:

 

www.kristincoach.com/logistics.html

 

Thank you so much for all the trouble again ladies!!

Share this post


Link to post
Share on other sites
Guest

Glad you got it working, Ros. Without taking a close look at the stylesheet and the site overall, it's difficult to know why reducing the size instead of eliminating it didn't work for you.

 

One suggestion for "reworking" someone else's site: It's often much easier to start from scratch. Take a look at the site's layout (as it appears on the page, not the code behind it) and come up with a layout of your own that will reproduce the same effect. If you want to use tables to control the layout, this particular page shouldn't need more than a single two column, three row table. The header and footer would span both columns, and the content in the middle would be split into two columns.

 

Personally, I find the long skinny column of a whole lot of text kind of overwhelming. If I were rebuilding this site, I would at least widen the layout and perhaps wrap the long skinny column around the star menu. Not that anyone asked :)

Share this post


Link to post
Share on other sites

Chris Pederick's Web Developer extension (Firefox, Flock, Mozilla, & Seamonkey) has a number of helpful troubleshooting tools. Under the Information Menu, there is an option to Display Element Information that will show an element's attributes, height, and width (calculated) without having to dig through the source code or an external style sheet. A screenshot can be found here: http://dfwvirtualassist.com/demo/toolbar.png. This extension is an excellent quality control tool!

 

HTH,

Carol

Edited by CMK

Share this post


Link to post
Share on other sites
Guest The Edge VA

One suggestion for "reworking" someone else's site: It's often much easier to start from scratch. Take a look at the site's layout (as it appears on the page, not the code behind it) and come up with a layout of your own that will reproduce the same effect. If you want to use tables to control the layout, this particular page shouldn't need more than a single two column, three row table. The header and footer would span both columns, and the content in the middle would be split into two columns.

 

Personally, I find the long skinny column of a whole lot of text kind of overwhelming. If I were rebuilding this site, I would at least widen the layout and perhaps wrap the long skinny column around the star menu. Not that anyone asked :)

 

 

I was thinking the same thing when I saw all the columns and table within table within tables in there. And when I looked at it in NVU where it highlights all the tables... SHEESH... But I know on my own site I have a similar layout with the two columns and it is WAY less complicated!! I ended up finding another height delimiter that I deleted before that page went to normal size!

 

As far as designing the pages from scratch in future. This site is an antique and is going to be replaced early next year by a flashy new out of the box model. The client just needs it updated with current dates etc and information while we wait for the other. This site was designed by a web designer. When I first looked at the code it all looked great, when I started digging i found loads of repeats etc and my client says that the designer of the new site says that the old one is a total messs! I am not very much inclined to disagree! ehehehe

 

I dont really like too much text in a column either. So I tried to break it up a bit with the colored headers and stars mixed in. The client LOVES the layout and likes all the pages to be as close as possible with the layout, so for certainty I stuck with what she already knows she likes.

 

Thanks again!!

 

Chris Pederick's Web Developer extension (Firefox, Flock, Mozilla, & Seamonkey) has a number of helpful troubleshooting tools. Under the Information Menu, there is an option to Display Element Information that will show an element's attributes, height, and width (calculated) without having to dig through the source code or an external style sheet. A screenshot can be found here: http://dfwvirtualassist.com/demo/toolbar.png. This extension is an excellent quality control tool!

 

HTH,

Carol

 

Hi Carol,

 

That looks like a fun little tool to have. I need to add a new page to my own site at some point over the next week and I will test it out then. It looks great! THANKS!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Want to Become a VA?
    Invest in The VAC!
    How Do YOU Startup A

    Virtual Assistant Organization Association
    Upgrade Your FREE Account & Receive Today...
    * Access to Our Bus JOB Board *
    * Group Coaching & Training*
    *Training Tracks*
    * Private Mastermind Area *
    * Business Templates *
    * Contracts & Forms*
    * Plus VAinsider Perks! *
    UPGRADE HERE


    Virtual Assistant Organization Association

    Virtual Assistant Organization Association











×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.