CSS and displaying images question
Tom Miller
which is the heading/banner for one of my websites into a CSS based
equivlant. The graphics are carefully sliced up into 5 pieces and 6
different IMG or Background commands are used to display them om the table.
There are 2 problems with it. 1) I had to use a fair amount of negative
margins before I could get all the "cut apart" graphics to mate up again.
2) The table version will dynamically stretch across the page getting wider
or narrower as needed. It doesn't wrap. My test CSS does wrap. What
obvious error am I making? Something to do with background display?
For convenience the CSS code is in the heading on the page. Here is the
URL: http://www.chatnfiles.com/testcss.htm To make sure it was undstandable
I have the original page header in table-based code right under the new
CSS-based one.
Anyone got an answer to either #1 or #2? Ideas, suggestions, hints? I am
working my way through CSS on http://www.w3schools.com at the moment. And
things finally made enough sense for me to take another stab at this table
to css problem.
Thanks,
Tom
--
Who me? What signature?
I manage design and acquistion of data-driven websites at:
http://BlueCollar.ChatNFiles.com
Linkedin Profile: http://www.linkedin.com/in/tlgalenson
www.ChatNFiles.com has telnet chatting and more than 500,000 downloads
Tom Miller
> margins before I could get all the "cut apart" graphics to mate up again.
> 2) The table version will dynamically stretch across the page getting
> wider or narrower as needed. It doesn't wrap. My test CSS does wrap.
> What obvious error am I making? Something to do with background display?
>
Well question #2 turned out to be the obvious use % instead of pixels all
the way across. If you replace the width(s) so they total to 100% you get a
nice flexible sized page that doesn't wrap when you shrink the window. I am
still fighting to get part of the right hand margin to stop showing white.
And question #1 remains. Is there a way to stop using negative numbers in
the CSS margin commands to make the images "mate."
Tom Miller
graphic and doing an off-setting increase in negative on the margin-right
appears to have taken care of the right hand strip of white, at least in
Foxfire.
So I am left with the basic question. Is there a more elegant way to
combine the html/css to display the sliced graphics banner so I am not
playing with 5 distinct sets of html and/or css?
Tina Clarke
Tina
"Tom Miller" <tlgal...@yahoo.com> wrote in message
news:uMZuYdSZ...@TK2MSFTNGP04.phx.gbl...
Cheryl D Wise
graphics anymore. Your url returns a 404 so I can't look.
There may be default padding or margins applied to your html. Zero them out
margin: 0; padding: 0; on the elements.
--
Cheryl D Wise
http://by-expression.com
"Tom Miller" <tlgal...@yahoo.com> wrote in message
news:eGLPPvN...@TK2MSFTNGP05.phx.gbl...
Kevin
Cheryl D Wise wrote:
> How big are these graphics?
Must be VERY BIG and that is why his ISP has removed them!! They were all porn
stuff.
Tom Miller
"Tina Clarke"
> your test link is no longer there can we see it?
>
>
Let me see now.
Well, it is still there but now I'm a bit confused.
The URL is: http://www.chatnfiles.com/testingcss.htm
And when I display it in my browser in preview mode, it isn't wrapping. But
when I display it after uploading it to the website it is wrapping and
showing one vertical line.
I suppose what I could do is display the old version in a web browser and
use a screen grabber to get the whole image and then just use that. I am
dealing with a moderately old template that started out life back when
tables were common.
Tom
Tom Miller
"Kevin" <Ke...@Nowhere.com> wrote in message
news:4B008203...@Nowhere.com...
if I got into that on his host at least.