Lay My Hat home page Lay My Hat Forum
The forum for holiday rental owners


 
  FAQFAQ    SearchSearch    MemberlistMemberlist   UsergroupsUsergroups    RegisterRegister  
  ProfileProfile    Log in to check your private messagesLog in to check your private messages    Log inLog in 

Google Sites html table help

 
Post new topic   Reply to topic    Lay My Hat Forum Index -> The Workshop
View previous topic :: View next topic  
Author Message
Nemo



Joined: 14 Aug 2008
Posts: 3146
Location: Norfolk

PostPosted: Tue Nov 22, 2011 9:43 am    Post subject: Google Sites html table help Reply with quote

In the absence of any other way, it appears I am stuck with editing the html on my gallery page.

I need to add the borders around the bottom few photos and I cannot get it right - I end up with some lines but not in the right place. Can anyone tell me what to add where to get lines around the photos I have just added? (Google makes a horrible mess of the html, so it's never simple)

Is there any application/software etc that would do a better job for me than tussling with the Google software? I would love smaller images that can be clicked on to enlarge. If it could also be incorporated in another (wordpress) site, even better.
_________________
Norfolk Coastal Holidays
Norfolk Coastal Holidays Facebook Page
Back to top
View user's profile Send private message Visit poster's website
Nemo



Joined: 14 Aug 2008
Posts: 3146
Location: Norfolk

PostPosted: Tue Nov 29, 2011 10:16 pm    Post subject: Reply with quote

In the absence of a reply to a previous question, I have re-edited the post above. Would be wonderful if anyone can help!
_________________
Norfolk Coastal Holidays
Norfolk Coastal Holidays Facebook Page
Back to top
View user's profile Send private message Visit poster's website
Harborfields



Joined: 05 Jul 2011
Posts: 286
Location: West Boothbay Harbor, Maine

PostPosted: Tue Nov 29, 2011 11:29 pm    Post subject: Reply with quote

Looking at the source code for the page briefly, it appears that your second group of photos are not in the same table as the first group of photos -- there looks to be a </table> tag buried in there, so you need to copy and paste all the table rows with your new photos to be above that tag (or move that tag to below your new photos). Does this make any sense?
_________________
Harborfields Housekeeping Cottages, on the shores of West Boothbay Harbor, Maine
Facebook/Harborfields
Back to top
View user's profile Send private message Visit poster's website
Nemo



Joined: 14 Aug 2008
Posts: 3146
Location: Norfolk

PostPosted: Wed Nov 30, 2011 12:19 pm    Post subject: Reply with quote

I understand what you're saying so that's a start but.....!

I have played around removing varying bits of code, but can't find exactly which bits to remove. Just the </table tag> doesn't work, but removing other bits does not achieve the end result either. Have to say I go way out of my depth once it comes to the horrible html that Google produces.
_________________
Norfolk Coastal Holidays
Norfolk Coastal Holidays Facebook Page
Back to top
View user's profile Send private message Visit poster's website
gam



Joined: 04 Aug 2011
Posts: 292

PostPosted: Wed Nov 30, 2011 1:57 pm    Post subject: Reply with quote

Nemo wrote:
Have to say I go way out of my depth once it comes to the horrible html that Google produces.


It is really hard to read/decipher generated code - much easier if it's been hand coded - but not many people do that any more (me included).

As Harborfields says, you appear to have created two tables: the first having the border attribute you want and the second having none. You should be able to fix this by deleting the second table and adding the photos to the first table.

This is the relevant HTML:

<div>
<div style="text-align: center; margin: 5px 0px 0px 10px; display: inline;">
<table cellspacing="0" bordercolor="#888888" border="1" style="border-color: rgb(136, 136, 136); border-width: 1px; border-collapse: collapse;">
<tbody>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>
</div>

<table>
<tbody>
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>


The bit in red is the "extra" table.
_________________
.
Escape to the Country - the story of a lifestyle change and other cheesy clichés
.
Back to top
View user's profile Send private message
Nemo



Joined: 14 Aug 2008
Posts: 3146
Location: Norfolk

PostPosted: Wed Nov 30, 2011 2:52 pm    Post subject: Reply with quote

I don't see exactly what you see unfortunately.
At the end of my last photo before the new one I have this.

</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE>
<TBODY>
<TR>
<TD style="WIDTH: 381px; HEIGHT: 295px">&nbsp;&gt;
<DIV style="TEXT-ALIGN: left; DISPLAY: block">
<DIV style="TEXT-ALIGN: center; ZOOM: 1; DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto">
<DIV style="TEXT-ALIGN: center; ZOOM: 1; DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto">

I am assuming I need to remove the end of the last table and the beginning of the new one, then leave the end of the table at the end of all the photos? So I've tried removing varying bits here as per your suggestions, but Google just gives me an error message and reverts back to the original two tables.

I didn't knowingly create another table;I thought I was adding rows below but apparently not. Sad

I'm thinking I may have to remove the table altogether and start again, but I cannot remember how I added the lines in the first place. Google really tries to stop you editing the html, so I don't think I'd manage it via html. I just know I wasted hours. Evil or Very Mad
_________________
Norfolk Coastal Holidays
Norfolk Coastal Holidays Facebook Page
Back to top
View user's profile Send private message Visit poster's website
gam



Joined: 04 Aug 2011
Posts: 292

PostPosted: Wed Nov 30, 2011 3:59 pm    Post subject: Reply with quote

Nemo wrote:

I'm thinking I may have to remove the table altogether and start again


I suspect that would be easiest Very Happy
_________________
.
Escape to the Country - the story of a lifestyle change and other cheesy clichés
.
Back to top
View user's profile Send private message
Windy



Joined: 02 Oct 2007
Posts: 3194
Location: Windermere UK

PostPosted: Thu Dec 01, 2011 12:29 pm    Post subject: Reply with quote

Do you have access to the html - some of these apps allow you to click on a "source" button to edit the underlying code

If so then you could try replacing the tag that starts the second table in line 222

<table>

with

<table border="1" bordercolor="#888" cellspacing="0" style="BORDER-BOTTOM-COLOR:#888;BORDER-RIGHT-WIDTH:1px;BORDER-TOP-COLOR:#888;BORDER-COLLAPSE:collapse;BORDER-TOP-WIDTH:1px;BORDER-BOTTOM-WIDTH:1px;BORDER-RIGHT-COLOR:#888;BORDER-LEFT-COLOR:#888;BORDER-LEFT-WIDTH:1px">

which is the code that starts your first one.

Otherwise you could just delete the

</tbody></table></div>
<table>
<tbody>

from lines 221-223

I THINK that would do the trick as it would merge the two tables together.

PM me if you need more detail.
Back to top
View user's profile Send private message
Nemo



Joined: 14 Aug 2008
Posts: 3146
Location: Norfolk

PostPosted: Thu Dec 01, 2011 5:06 pm    Post subject: Reply with quote

Thanks Windy I'm nearly there now! First instructions put lines around a second table but it wasn't aligned. Second instruction got me to where I am now.

The tables appear to have merged, but I don't have a line between the last two rows?
_________________
Norfolk Coastal Holidays
Norfolk Coastal Holidays Facebook Page
Back to top
View user's profile Send private message Visit poster's website
Windy



Joined: 02 Oct 2007
Posts: 3194
Location: Windermere UK

PostPosted: Thu Dec 01, 2011 6:14 pm    Post subject: Reply with quote

It's horrible code to debug i'm afraid Nemo. I've spent 10 minutes going round in circles - the last 4 images are a bit of a mess to debug as there are so many different bits of styling on the page.

Sorry but I think you might be better off starting the table again (or doing yourself a Wordspress site Wink )
Back to top
View user's profile Send private message
Nemo



Joined: 14 Aug 2008
Posts: 3146
Location: Norfolk

PostPosted: Thu Dec 01, 2011 6:16 pm    Post subject: Reply with quote

Ok thanks for reminding me Windy. Embarassed

I shall not waste any more time on it. It will do and as you say my time could be put to far better use. Wink
_________________
Norfolk Coastal Holidays
Norfolk Coastal Holidays Facebook Page
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    Lay My Hat Forum Index -> The Workshop All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group