Author Topic: Two gorgeous but different designs  (Read 34561 times)

January 22, 2005, 09:19:30 PM
  • Guest

Hi Ognen.

If you go to the following website, you can see one of your designs in use by me:
http://www.prosolutions.be/index2.html.  I hope the reference to Ossoba Design Studio on the front is fine as is.

I loved that design until ...

I found the same one in gold!!! which I like even better!

So I downloaded the gold-version but it's different to the grey/green-ish version in that when I put in more text which is longer than the screen, it rips apart the image files that make up the nice design. So there must be a basic difference in the html coding between these two versions.  
 
Hope I am explaining this sufficiently good, but if you don't understand the problem I am facing and cannot give me a non-geek reply, I could upload the bits of the gold version that I have and give you the url to look at.

Thanks.
Werner
 :?:


January 23, 2005, 09:53:02 AM
Reply #1
  • Administrator
  • Expert
  • *****
  • Posts: 90
    • View Profile
    • Ossoba Studio

I see the problem you describe me.
When you need to place more text in the template it is very important to add vertical alignment "top" for all tables’ cells that contain pictures (slices). This will keep all the pieces (slices) of pictures together.
Example:
    <td colspan="4" valign="top"> <img src="images/top1.jpg" width="770" height="99" alt="" /></td>

valign specifies the vertical alignment of the contents of a cell, row, or column. You have to align the contents (images) to the top to prevent layout rip.
I send you an email with the updated version of the template, so you don't need to worry about it.

----
ognen


Ossoba Design Studio

Vertical alignment "top"
« Reply #1 on: January 23, 2005, 09:53:02 AM »
Improve your website with our free web resources.

January 23, 2005, 12:17:55 PM
Reply #2
  • Guest

Hi Ognen.

I know a bit of html but am far away from being a master. So thanks for that explanation and the re-send.

Another question I have concerns the re-labelling of the buttons. Sounds like a lot of work to me but that's probably due to just not knowing the how-to.

I'd like to change one of them into saying "Services" instead of "News". How do I do that? I guess I have to put that jpg into an image editor but then what? How do I delete the white letters "News" without messing up the background? And how do it put the new white letters "Services" into that jpg? I have "Paint Shop Pro 4". Is that sufficient?

Again, some tips in layman's terms would be much appreciated.

Werner


January 23, 2005, 05:02:23 PM
Reply #3
  • Administrator
  • Expert
  • *****
  • Posts: 90
    • View Profile
    • Ossoba Studio

Hi Werner,

The button label can be easily changed by Photoshop (Image Ready). Usually we supply the templates with layered psd file. This file also includes all slices (pieces) of images that formed the template layout.
Once you open the file inside the Photoshop, just change the text for the button and then by using Image Ready (this program is part of Photoshop 5.5 and above) save the image as a Web page.
You also can open the PSD file by Paint Shop Pro 8, but the slices are not visible.

Modifying of the jpg images is not very good idea, because is very slow and result is not fine.

Once again I send you the button's images with "services" label, so just replace them.



Ognen