|
|
INDEX F.A.Q. SEARCH LATEST POSTS
Rules Register Profile Private messages Login
| Author |
Message |
lordsmurf
Video Restorer
Joined: 10 Jun 2003
Location: Want my advice? PM me.
|
|
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.
_________________
digitalFAQ.com Guides for video capturing, restoring, authoring, burning. ATI AIW help.
NoMoreCoasters.com How to avoid burning bad discs. Blank media FAQ.
Last edited by lordsmurf on Sep 25, 2007 16:36, edited 1 time in total
|
|
lordsmurf
Video Restorer
Joined: 10 Jun 2003
Location: Want my advice? PM me.
|
|
here is the very thin Whitestripe.PNG background image
_________________
digitalFAQ.com Guides for video capturing, restoring, authoring, burning. ATI AIW help.
NoMoreCoasters.com How to avoid burning bad discs. Blank media FAQ.
|
|
Alendri
Member
Joined: 20 Sep 2007
Location: Sweden
|
|
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(http://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(http://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(http://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
|
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
