2 Replies - 1357 Views - Last Post: 13 August 2010 - 10:43 PM

#1 kitsu  Icon User is offline

  • New D.I.C Head

Reputation: 2
  • View blog
  • Posts: 23
  • Joined: 26-February 09

content box image (css)

Posted 13 August 2010 - 03:05 PM

I need help on this css content box
I want the content2.png to extend as long as the data on the table goes but I dont know how...
the content of the table is dynamic and would vary through the mysql data
It retiles whenever the text is long
and shows half of the picture if the text is short

Here is the code:
<html>
<head><style>
*{
	margin:0;
	padding:0;
}

body{
	font-size:0.825em;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

.content{
	width:900px;
	
	float:left;
	margin:10px;
	margin-left:80px;
	padding:50px;
	color:#000;
	
	background-image:url(/root-directory/images/content2.png);

	/* CSS3 rounded corners */

	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;

}
</style>
</head>
<body><table class="content">
<tr><td>
Text Here...
</td>
</tr>
</table>
</body>
</html>

This post has been edited by kitsu: 13 August 2010 - 03:07 PM


Is This A Good Question/Topic? 1
  • +

Replies To: content box image (css)

#2 daekano  Icon User is offline

  • D.I.C Head

Reputation: 11
  • View blog
  • Posts: 62
  • Joined: 07-July 10

Re: content box image (css)

Posted 13 August 2010 - 06:55 PM

Well your content div is 900px. You could make content2.png 900px wide and then use this:

background: #000 url('/root/images/content2.png') repeat-y;



It's tough to give you any other advice without seeing your end result or the image you want to tile.
Was This Post Helpful? 0
  • +
  • -

#3 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1359
  • View blog
  • Posts: 3,424
  • Joined: 28-November 09

Re: content box image (css)

Posted 13 August 2010 - 10:43 PM

Seeing the tiled image would be nice but what you;re looking for is more than likely the min-height:1337px; property.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1