2 replies [Last post]
selaine
Offline
newbie
Illinois
Last seen: 15 years 49 weeks ago
Illinois
Timezone: GMT+6
Joined: 2003-12-09
Posts: 3
Points: 0

I'm having this problem with the "header" on my web page. I just started working with CSS and SSI this week and thought I had the hang of things until now. Here's the deal...

In my Index.asp, I have an SSI:
<!--#include virtual="/TEST/Rico3/Header.asp"-->

The code for my Header.asp file is:
<TR>
<TD ROWSPAN=2><IMG SRC="images/Logo.jpg" WIDTH=379 HEIGHT=77 ALT=""></TD>
<TD ROWSPAN=2 background="images/pixel_stretch.jpg" HEIGHT=77 WIDTH="100%" class="stretch"></TD>
<TD COLSPAN=3><IMG SRC="images/Solid_BG.jpg" WIDTH=199 HEIGHT=58 ALT=""></TD>
<TD ROWSPAN=2><div align=right><IMG SRC="images/Blackhawk_Eagle.jpg" WIDTH=173 HEIGHT=77 ALT=""></div></TD>
</TR>
<TR>
<TD><IMG SRC="images/Col3_Row2_Col1.jpg" WIDTH=77 HEIGHT=19 ALT=""></TD>
<TD><IMG SRC="images/Col3_Row2_Col2.jpg" WIDTH=51 HEIGHT=19 ALT=""></TD>
<TD><IMG SRC="images/Col3_Row2_Col3.jpg" WIDTH=71 HEIGHT=19 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6 background="images/bar_bg.jpg" height=16 width="100%" class="hbar"></TD>
</TR>

My problem is this:
Where you see the ><IMG SRC="images/Col3_Row2_Col1.jpg" WIDTH=77 HEIGHT=19 ALT="">,<IMG SRC="images/Col3_Row2_Col2.jpg" WIDTH=77 HEIGHT=19 ALT="">, and <IMG SRC="images/Col3_Row2_Col3.jpg" WIDTH=77 HEIGHT=19 ALT="">, I want to substitute with:
<TD width="100%" height=19 COLSPAN=3 background="images/BG_Spacer.jpg" class="topfill"></TD> The BG_Spacer image is 1 pixel wide by 19 px high. I want it as a background repeat to span the three columns, so that I can have text links with those cells. This will make maintenance much easier. However when I replace the IMG SRC pieces with <TD width="100%" height=19 COLSPAN=3 background="images/BG_Spacer.jpg" class="topfill"></TD>, the result is my header table gets messed up.

My bg.css code is:
.hbar {
BACKGROUND-POSITION: left; BACKGROUND-IMAGE:url(images/bar_bg.jpg); BACKGROUND-REPEAT: repeat
}
.stretch {
BACKGROUND-POSITION: left; BACKGROUND-IMAGE:url(images/pixel_stretch.jpg); BACKGROUND-REPEAT: repeat-x
}
.topfill {
BACKGROUND-POSITION: left; BACKGROUND-IMAGE:url(images/BG_Spacer.jpg); BACKGROUND-REPEAT: repeat-x
}

Hopefully I've managed to give you enough information to explain my problem. Thanks for any suggestions.....it could be there is a better way to do what I'm trying to do....Thanks to all! :?:

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 13 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

css background-repeat problem

Hi selaine,
Can you link to an example or attach the source.

selaine
Offline
newbie
Illinois
Last seen: 15 years 49 weeks ago
Illinois
Timezone: GMT+6
Joined: 2003-12-09
Posts: 3
Points: 0

css background-repeat problem

http://www.co.rock-island.il.us/Rico3/index.asp

However, I discovered something that may be a large part of my problem (typical thing for a newbie and some old timers, I imagine). In my main page where I coded:

<LINK href="/style/bg.css" type=text/css rel=stylesheet>

I was using the "/style/.." vs. the "style/.." which was mapping a path from the root folder (which is not where the stylesheet is located). So, I'm going to go back and start fresh and see if I can figure out what I'm doing wrong. I'll post back with an update as I progress. I really appreciate the response! Thanks!