VideoHelp Forum




+ Reply to Thread
Results 1 to 3 of 3
  1. 25th Sep 2007 16:34 #1
    lordsmurf
    lordsmurf is online now
    Video Restorer lordsmurf's Avatar
    Join Date
    Jun 2003
    Location
    dFAQ.us/lordsmurf
    Search Comp PM
    I think I'm tired. I can't figure this out, and it's probably easy.

    Here's the test code, quickly whipped up in FrontPage (not something I use for final products, but helpful for quickie tests)

    Code:
    <html>
<head>
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<div align="center">
	<table border="1" width="980" id="table1" cellspacing="0" cellpadding="15" height="593">
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
	</table>
</div>

</body>

</html>
    Basically, it's a table. Nothing spiffy.

    I want the page to have a dark gray background color. Text won't be readable, the page will be a mess.

    Then, to fix that, I want it to have a background image that is white, about 1000 pixels across. It will be centered. I did this on a phpbb3 forum skin not too long ago.

    I'm doing it "backwards" because I want all the browser screen to the left and right, to infinity, to be dark gray (neutral, nothing).

    The code for that was

    Code:
    html, body {
	color: #57707E;
	background-color: #808080;
	background-image: url("{T_THEME_PATH}/images/whitestripe.png");
	background-repeat: repeat-y;
	background-position: top;
}
    I cannot use an external CSS file, not to my knowledge. The actual final product I'm editing is a complex XSL document. But it has HTML in it. I would prefer for all styles to stay inline in the XSL (HTML) document.

    Attached is the PNG file.

    What sort of code would I need to write out, so I can get the whitestripe PNG to center Y-repeat behind the table (which is also centered in a DIV).

    I'm just fixing another company's messy code (pre-made web product that I'm having to use). It was originally a 100% table that looked like dog crap on most monitors larger than 1024x768 (which is a growing number), so I resized and centered it to fixed. A nice image behind it will clean it up just that much more for a fixed-width look that won't totally botch the content.
    Want my help? Ask here! (not via PM!)
    FAQs: Best Blank Discs • Best TBCs • Best VCRs for capture • Restore VHS
    Quote Quote  
  2. 25th Sep 2007 16:34 #2
    lordsmurf
    lordsmurf is online now
    Video Restorer lordsmurf's Avatar
    Join Date
    Jun 2003
    Location
    dFAQ.us/lordsmurf
    Search Comp PM
    here is the very thin Whitestripe.PNG background image

    Want my help? Ask here! (not via PM!)
    FAQs: Best Blank Discs • Best TBCs • Best VCRs for capture • Restore VHS
    Quote Quote  
  3. 26th Sep 2007 19:29 #3
    Alendri
    Alendri is offline
    Member
    Join Date
    Sep 2007
    Location
    Sweden
    Search Comp PM
    Send a message via MSN to Alendri
    Hi lordsmurf,

    I'm not sure I follow exactly what u want.
    But if u want the background image centered you could just use the following:
    Code:
    <body style="background-color:#808080; background-image:URL(https://forum.videohelp.com/images/guides/p1756060/whitestripe.png); background-position:center; background-repeat:repeat-y;">
    Similar code can easily be used inside any object capable of using the same CSS styles, like so:
    Code:
    ...
<table border="1" width="980" id="table1" cellspacing="0" cellpadding="15" height="593" style="background-image:URL(https://forum.videohelp.com/images/guides/p1756060/whitestripe.png); background-position:center; background-repeat:repeat-y;">
...
    As you can see these are very much inside your final document, if you wish u can make them inside a style tag:
    Code:
    <style type="text/css">
	.tablebackground { background-image:URL(https://forum.videohelp.com/images/guides/p1756060/whitestripe.png); background-position:center; background-repeat:repeat-y; }
</style>
...
<table border="1" width="980" id="table1" cellspacing="0" cellpadding="15" height="593" class="tablebackground">
...
    Hope this helps!
    //Alendri
    Quote Quote  



Similar Threads

« Previous Thread | Next Thread »
Visit our sponsor! Try DVDFab and backup Blu-rays!