Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Senior Member
    Join Date
    Mar 2005
    Location
    Malta
    Posts
    143
    Member #
    9468
    I got this website at the moment and I am going to do it on my services, my job. The problem is, it's the first time I'm writing html code, and I never used photoshop before.

    If you visit the website, at the top you can notice a 'Your Logo' gif image (which is 222 * 52 pixels). And next to it you can see clearly another gif image which is blank (which is 364 * 52 pixels). Now the point is, I am trying to make sort of a logo. And I made a simple one text only with the same background color (attached). But I made it 222 + 264 * 2), so instead I got 2 I did the logo which take space of those 2.

    Now the problem is, how am I going to code it? Currently that space is like this (I hope this helps):

    Code:
    <TBODY> 
                 <TR>
                   <TD> <IMG src="images/logo.gif" border=0 height=52 width=222></TD>
                   <TD background="images/topbg1.gif" height=52 width=364> 
                     <TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
                       <TBODY>
                       <TR>
                         <TD align=middle>&nbsp;</TD>
                         <TD align=middle>&nbsp;</TD>
                       </TR></TBODY></TABLE></TD>
                   <TD>
    <IMG src="images/top3.gif" border=0 height=52 width=166></TD>
                 </TR></TBODY></TABLE></TD></TR>
           <TR>
             <TD colSpan=3>
               <TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
                 <TBODY>
    How am I going to get rid of those two gif images (logo.gif and topbg1.gif) and replace them with the gif I made?
    Attached Images Attached Images

  2.  

  3. #2
    Member
    Join Date
    Jan 2005
    Posts
    97
    Member #
    8727
    Take out the two <td>s with the wdiths 222 & 364 & replace with a <td> with
    this:
    Code:
    <td style='background:url("YOURIMAGEURL") no-repeat;width:586;height:52px;padding:0px;'></td>
    I think that will work. Maye I ask why there is a whole empty table set there?

    Edit- You spelt computer wrong in the title :P.

  4. #3
    Senior Member
    Join Date
    Mar 2005
    Location
    Malta
    Posts
    143
    Member #
    9468
    Yeah, I noticed that sorry, should be Alligning :P

    Anyways, I don't understand the URL part. I have not uploaded it so at the moment it is in the images folder under the name logo1.gif. I tried to write it as image/logo1.gif, since I literally know nothing about html code so I tried it, but I got several white spaces. How should it be with then if I have it in the image folder as logo1.gif?

    I will take a look at the empty tables later after we get rid of this problem.

    Thanks

    Daniel

  5. #4
    Senior Member
    Join Date
    Mar 2005
    Location
    Malta
    Posts
    143
    Member #
    9468
    I made it:

    Code:
    <TR>
                    <TD background="images/Logo1.gif" height=52 width=586> 
                      <TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
                        <TBODY>
                        <TR>
    just changed the background file name to read the logo I want. Removed the first image away, and changed the measurements.

  6. #5
    Member
    Join Date
    Jan 2005
    Posts
    97
    Member #
    8727
    Hmmm... I suggest my way, since real X/HTML doesn't have stuff like border, etc in html, it should be styles sheets...
    And you should use divs for layouts, its much easier to grasp and to modify.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:38 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com