Help to REPEAT (not stretch!) AN IMAGE <--HORIZONTALLY--> WITHIN ACELL w/EXAMPLE

M

MISS CHIEVOUS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>USE &lt;DIV&gt; TAGS TO FORCE WINDOW SIZING IN MS INTERNET
EXPLORER</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);">
<div> <img src="http://www.geocities.com/a4248713/TOP-IMAGE.jpg"
alt="" width="100%"> </div>
<table style="text-align: left; width: 100%; margin-left: auto; margin-
right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background: rgb(255, 255, 255) url(http://www.geocities.com/
a4248713/BOTTOM-HORIZONTAL-TILE.jpg) repeat-x; width: 100%; height:
800px;">
</td>
</tr>
</tbody>
</table>
</body>
</html>
 
M

MISS CHIEVOUS

^ ^ ^ ^ ^
The good news is that Dorayme's code will auto-size in IEX 5.5.

The bad news is that (the above) inserts a little space between my
table and the graphic above -- which stands out kind of like a sore
thumb with a black background.

But I'm inspired! Can we reproduce your
- - - - - - - - - - - - - - - - - - - - - - -
<td style="background: rgb(255, 255, 255) url(http://
www.geocities.com/
a4248713/BOTTOM-HORIZONTAL-TILE.jpg) repeat-x; width: 100%; height:
800px;">
- - - - - - - - - - - - - - - - - - - - - - -
effect WITHOUT using a table -- in other words, just using <DIV>?

MC
 
D

dorayme

MISS CHIEVOUS said:
^ ^ ^ ^ ^
The good news is that dorayme's code will auto-size in IEX 5.5.

The bad news is that (the above) inserts a little space between my
table and the graphic above -- which stands out kind of like a sore
thumb with a black background.
Click to expand...

You can try display: block on the image to get rid of the space for
descenders (img is default inline element and acts a bit like a big bit
of text, super capital letter of sorts)

See:

<http://tinyurl.com/b4s6k7>
 
M

MISS CHIEVOUS

OMG I actually got this to work hee hee!! I had to be sneaky heh
heh . . .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>USE &lt;DIV&gt; TAGS TO FORCE WINDOW SIZING IN MS INTERNET
EXPLORER</title>
<style type="text/css" media="screen">
table {
width: 100%;
margin: 0;
padding: 0;
height: 0px;
background: #fff;
}
div {
margin: 0;
padding: 0;
}
img {
display: block;
}
</style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);">
<div><img src="http://www.geocities.com/a4248713/TOP-IMAGE.jpg" alt=""
width="100%"> </div>
<table style="text-align: left; width: 100%; margin-left: auto; margin-
right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: top; background: rgb(255, 255, 255) url
(http://www.geocities.com/a4248713/BOTTOM-HORIZONTAL-TILE.jpg) repeat-
x; width: 100%; height: 800px;">
</td>
</tr>
</tbody>
</table>
</body>
</html>
 
M

MISS CHIEVOUS

height: 0px;


Snaps that table right up there in IEX heh heh heh. Any parting words
before I enshrine this in its own thread Dorayme?

MC
 
D

dorayme

MISS CHIEVOUS said:
height: 0px;


Snaps that table right up there in IEX heh heh heh. Any parting words
before I enshrine this in its own thread Dorayme?

MC
Click to expand...

Yes, please spell my name with a small "d" ... <g>
 
M

MISS CHIEVOUS

Yes, please spell my name with a small "d" ... <g>

dorayme
Click to expand...

You got it! I have to make one minor alteration to the code I just
posted: To achieve W3C Nirvana (aka Dreamweaver Validation lol) I had
to remove
- - - - - - - - - - - - - - - - - -
vertical-align: top;
- - - - - - - - - - - - - - - - - -
completely. IT WAS SCARY but she took it like a champ. It's always
such a shock to see something work after days and days of seeing it
render incorrectly. I am now going to have a Bombay Sapphire® Gin &
Tonic. I toast you dorayme, thank you so much for helping me with
this.

MISS (hic!) CHIEVOUS
 
M

MISS CHIEVOUS

Why? There's nothing wrong with vertical-align: top.
Click to expand...

Ben, it was prompting Validation warnings in Dreamweaver. As long as
it renders correctly, I would just as soon have it squeaky clean.
Feel free to share your thoughts however because I'm a total and
complete NÔÔB where html is concerned. The page (this concept) is
going into is quite literally going to sit there as a placeholder
until I've fully completed my Dreamweaver tutorial and have at least
an entry-level knowledge of CSS. But truly you are talking to someone
with an almost prehistoric level of HTML experience lol.

MC
 
W

William Gill

Ben said:
Basically beware of phony validators. Use http://validator.w3.org.
There's also a link there to a CSS checker.
Click to expand...

It's been a while, but I believe Dreamweaver uses a custom DTD for
validation. It may be possible to replace it with the appropriate DTD (I
forget), but it's easier to use the internal validator as a "rough
estimate", then use w3.org for "final" validation.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How to wrap <td> content . 16
Image shifts to the right when export the page to pdf 4
Help with my responsive home page 2
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Slideshow not working properly 2
SendGrid email issue in responsive Gmail 1
I need help fixing my website 2
I am trying to detect Which image id="" was clicked ? 22

Members online

Total: 43 (members: 2, guests: 41)
Robots: 193

Forum statistics

Threads
473,763
Messages
2,569,563
Members
45,039
Latest member
CasimiraVa

Latest Threads

Top