Computers HTML & Photoshop

Discussion in 'Computers' started by Zanza, Feb 2, 2003.

  1. Zanza

    Zanza .Net-ing & PHP-ing~*
    Staff Member

    Joined:
    Jul 16, 2001
    Messages:
    4,652
    Likes Received:
    117
    1. HTML: I am making a page that I was each two picture in a row, between each other 15 pixel space, and from each row also 15 pixels, which there would be hspace="15" & vspace="15".. But I don't know where exactly to put them =/
    Here what I did so far:
    And here how it went..

    2. Photoshop: I want to convert a text made by photoshop there to a 3D [shining look a like :p(shadow)].. For an example [to whoever know rurouni kenshin], from this to the red one..

    Do you know what I am talking about here? :sweat:
     
    #1
    Zanza, Feb 2, 2003
  2. BakaMattSu

    BakaMattSu ^__^
    Staff Member

    Joined:
    Feb 16, 2001
    Messages:
    4,871
    Likes Received:
    122
    My solution to Problem #1:

    Use tables whenever you want to lay things out according to size or style tastes (makes things a lot easier).

    I've reorganized your code to include it in a table, with the pictures sorted two to a row. Note the empty <td> tags with the width of 15 plugged in (this eliminates your reliance on the nonstandard HSPACE attribute you were using before).

    Also note the empty rows between each set of pictures (<tr height="15"). That does your vertical space for you.

    There are many solutions to this problem, of course. This is just one take. If you want to increase your compatibility with browsers, you might want to look into employing "spacer" or "shim" graphics to ensure that the heights and widths are locked.

    I may get around to question 2 later, but until then, feel free to fix up the following code to your tastes:

    Code:
    <html>
  <body>
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><a href="http://www.geocities.com/heee_19/hero.jpg" target="_blank"><img src="hero.jpg" width="60" height"100" alt="click to enlarge"></a></td>
	<td width="15">&nb[b][/b]sp;</td>
	<td>
<a href="http://www.geocities.com/heee_19/menupic.jpg" target="newpage"><img src="menupic.jpg" width="85" height"90" alt="click to enlarge"></a></td>
      </tr>
      <tr>
	<td height="15">&nb[b][/b]sp;</td>
	<td></td>
	<td></td>
      </tr>
      <tr>
	<td><a href="http://www.geocities.com/heee_19/missy.jpg" target="newpage"><img src="missy.jpg"width="65"height"90"hspace="15"alt="click to enlarge"></a></td>
	<td></td>
	<td><a href="http://www.geocities.com/heee_19/Rena.jpg" target="newpage"><img src="Rena.jpg"width="65"height"90"hspace="15"alt="click to enlarge"></a></td>
      </tr>
      <tr>
	<td height="15">&nb[b][/b]sp;</td>
	<td></td>
	<td></td>
      </tr>
      <tr>
	<td><a href="http://www.geocities.com/heee_19/three.jpg" target="newpage"><img src="three.jpg"width="110"height"80"hspace="15"vspace="15"alt="click to enlarge"></a>
	</td>
	<td></td>
	<td></td>
      </tr>
    </table>
  </body>
</html>
    Edit: Urk! UBB translated some of my code....Had to revise!
     
    #2
    BakaMattSu, Feb 3, 2003
  3. Zanza

    Zanza .Net-ing & PHP-ing~*
    Staff Member

    Joined:
    Jul 16, 2001
    Messages:
    4,652
    Likes Received:
    117
    Thanx Baka ol'buddy! =')

    But [yep, there is always a "but" comming from me :sweat:], the spaces between each picture is long as you can see.
    I'll assume that the table took big spaces coz of the last picture's width. And if I was right, I think I'll cancel the table because it wont look good in my little frame .. :)

    But thanx Ba.. err,, Mattsuey.. ^^;

    Calling you "baka" after this is so unfair tbh ;)
     
    #3
    Zanza, Feb 3, 2003
  4. Zanza

    Zanza .Net-ing & PHP-ing~*
    Staff Member

    Joined:
    Jul 16, 2001
    Messages:
    4,652
    Likes Received:
    117
    Ok, yes, I am back with another html problem :p

    Well, its not a problem as it sounds, all I need is a poll for my site in Geocities. And I wanted to make my layout to be in the middle whenever someone views it, people told me to try tables, I did, but it's still in the left =/

    Anything I missed there??
     
    #4
    Zanza, Sep 22, 2003
  5. Suzu

    Suzu 7th Seat Shinigami

    Joined:
    Jul 19, 2001
    Messages:
    1,704
    Likes Received:
    52
    basic HTML solution

    Hmm maybe you need to add the center tags around your table...

    <center>
    <Table>
    <tr>
    <td>
    <!--- put your content here-->
    </td>
    </tr>
    </table>
    </center>

    As for the poll I wonder if the one at Bravenet is what the doctor ordered? ^_^
     
    #5
    Suzu, Sep 22, 2003
  6. Zanza

    Zanza .Net-ing & PHP-ing~*
    Staff Member

    Joined:
    Jul 16, 2001
    Messages:
    4,652
    Likes Received:
    117
    Nope, it didn't work, see for yourself *_*

    And check that attachment for the html code..
     
    #6
    Zanza, Sep 22, 2003
  7. BakaMattSu

    BakaMattSu ^__^
    Staff Member

    Joined:
    Feb 16, 2001
    Messages:
    4,871
    Likes Received:
    122
    You're using DIVs for the layout, from what I've seen, with absolute positioning. You can't adjust their alignment, so tags like CENTER won't affect them.

    Since you're looking at centering the elements, it'd involve giving the DIVs each an ID, and then programmatically placing them with JavaScript adjusted towards the user's browser window size.
     
    #7
    BakaMattSu, Oct 9, 2003

Share This Page