4 Replies - 1616 Views - Last Post: 12 April 2006 - 12:29 PM

#1 Dalit  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 54
  • Joined: 24-January 06

Website Background

Posted 12 April 2006 - 11:34 AM

I've seen loads of websites like

http://www.happycog.com/
or
http://www.brandonmilford.com/

but how do I duplicate that effect for the border?

for example; http://www.brandonmilford.com/

when right click --> view image, the image for the border is thingrayborder.jpg but when a search is performed in the source for this none can be founed?

:ph34r:

Is This A Good Question/Topic? 0
  • +

Replies To: Website Background

#2 iamcenz  Icon User is offline

  • You wish you were my hand!
  • member icon

Reputation: 7
  • View blog
  • Posts: 2,442
  • Joined: 26-March 01

Re: Website Background

Posted 12 April 2006 - 11:43 AM

its pretty simple if you use photoshop to create your layout, all he did was add a drop shadow to the end of his image and then just cut the part out and used it as a BG for the main table, this way as the page gets longer the image just repeats to create that effect.
Was This Post Helpful? 0
  • +
  • -

#3 Dalit  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 54
  • Joined: 24-January 06

Re: Website Background

Posted 12 April 2006 - 11:54 AM

I get everything except the "and used it as a BG for the main table" part

I tried setting it as the background in Dreamweaver and to repeat-y but it still doesnt centre the picture.
Was This Post Helpful? 0
  • +
  • -

#4 iamcenz  Icon User is offline

  • You wish you were my hand!
  • member icon

Reputation: 7
  • View blog
  • Posts: 2,442
  • Joined: 26-March 01

Re: Website Background

Posted 12 April 2006 - 12:25 PM

the picture is say 550px so he has his table to the same about.
then he created a new table right in the area wher its white so that the text is centerend

for BG i used this
<tr style="background-image:url(/images/bg.jpg)">

Was This Post Helpful? 0
  • +
  • -

#5 iamcenz  Icon User is offline

  • You wish you were my hand!
  • member icon

Reputation: 7
  • View blog
  • Posts: 2,442
  • Joined: 26-March 01

Re: Website Background

Posted 12 April 2006 - 12:29 PM

if you take this code you will see what im talkin about, it was done really quick and is sloppy but it gets the point across
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title><style type="text/css">
<!--
.style1 {
	font-size: 18px;
	color: #FFFFFF;
}
-->
</style></head>

<body>
<table width="624" border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="#979797">
    <td><strong><span class="style1">TITLE GOES HERE </span></strong></td>
  </tr>
  <tr style="background-image:url(http://www.brandonmilford.com/images/thingrayborder2.jpg)">
    <td><table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td>header</td>
      </tr>
      <tr>
        <td><p>t</p>
          <p>ewf</p>
          <p>ew</p>
          <p>few</p>
          <p>few</p>
          <p>fwe</p>
          <p>fwe</p></td>
      </tr>
    </table></td>
  </tr>
</table>
<br>
</body>
</html>

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1