Need help with alignment

[faislov]

I tried using divs to align my gallery table with the header graphic but the DIVs don't seem to work. How can I give the gallery an absolute position with or w/o the Divs? The URL to the theme is http://www.longoriaweb.com/gallery/?theme=lweb

[Gizmo]

Quite the complicated layout you have there. Anyway, in your template.html replace

Code Select Expand

<div style="position: absolute;">
with

Code Select Expand

<div style="position: absolute; left: 55px;">

[faislov]

^^Thanks a mil! That helped But what about the top alignment? It's still too far down

[Gizmo]

Well, I did tell you that it was a complicated layout. You have too many slices in your header image. Is there a reason for this? The last two slices will have to go if you want to raise the gallery up to the header and decrease the height of the table to 476.

Delete

Code Select Expand


<tr>

<td colspan="9">
<img src="themes/lweb/images/gallerylay_17.jpg" width="800" height="56" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="themes/lweb/images/gallerylay_18.jpg" width="800" height="68" alt=""></td>
</tr>


and change the table code to

Code Select Expand


<table id="Table_01" width="800" height="476" border="0" cellpadding="0" cellspacing="0">


This is simple html coding so read up on it since I think you'll be needing to make other changes.

Good luck.

[Joachim Müller]

And while you're at it, check your page layout using a 1024 x 768 resolution: all the visitors will see initially is a huge header image - no matter what the visitor wants to do, he'll have to scroll a lot. There are many pages who do that (using a huge header image), but this doesn't make it right: on an initial visit, the user will think: OK, nice image, let's see what else the site has to offer. After the second page, the visitor will get bored. After all, a header image is meant to give a unique look to your page, that's all. It's not the main purpose of the page to display that image. I suggest putting that huge image on the home page of your site and use a resized version on all subsequent pages, particularly with a reduced height.
Additionally, you'll want to consider putting your google ads somewhere else, as they waste the space beneath your header image. Use the white space at the right of your header image for the adsense code instead.

[Gizmo]

I see that you've made the changes and that you cut the image slices from 18 down to 3. That's a good start but like GauGau said, the image is rather large causing visitors to have to do a lot of scrolling. I totally agree with everything he's said and I'd also like to add that you should remove the ads completely until you get your theme just the way you want it. Then add them back in if you so desire. Personally I never use them as they on a personal site as it distracts from the purpose of the gallery if it's simply for showing photos and the extremely large majority of people using Google Adsense probably won't make more than a dollar a month (if that) so it's not worth degrading your site for.

However, I like you header artwork. If you created that then you have some good graphic skills there so now all you need to do is develop your website creation skills and you'll have a career (or at least a good hobby) in your pocket.