I hope this is what you meant. I got the text to the left of the logo. It is
sitting on the top edge of the logo so part of the text is not showing.
Can the text itself have a filter without effecting the logo??
How can I move the text up or down. What is in the CSS is not working
Thank You
-----------------------------------------
<html>
<head>
<TITLE>Palisades YMCA Swim Team</TITLE>
<META name="description" content="Palisades YMCA Swim Team in Pacific
Palisades California">
<META name="keywords" content="Swim Team,YMCA Swimming,Swimming,Palisades
Swim Team">
<META name="designer" content="JP Bellwether">
<META http-equiv="Content-Language" content="en-us">
<META http-equiv="Content-Type" content="text/html; charset=windows-1252">
<META http-equiv="imagetoolbar" content="false">
<LINK rel="stylesheet" type="text/css" href="style.css">
</HEAD>
<BODY>
<DIV align="center">
<TABLE width="775">
<TR>
<TD class="header">
<!--WEBBOT bot="Include" u-include="includes/logo.htm" tag="BODY" -->
<!--webbot bot="extrafpbot" endspan i-checksum="41843" --></p></TD>
</TR>
<TABLE width="775">
<TR>
<TD class="sidebar">
</TD>
<TD class="content">
<h1>Welcome</h1>
<p></p>
</TR>
</TABLE>
</DIV>
<TD class="footer">
<!--webbot bot="Include" U-Include="Includes/footer.htm" TAG="BODY" --></TD>
</BODY>
</HTML>
-------------------------------------
CSS
h1 {
background: url('images/Small_Y_Logo.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
width: 35px;
height: 50px;
padding-left: 60px;
color: #565a61;
text-align: right;
font-size: 24px;
font-weight: bold;
font-family: Georgia, Georgia, serif;
margin: 0px 0px 0px 100px;
--------------------------------------
"Murray" wrote:
> Paste the markup into a reply.
>
> --
> Murray
> ============
>
> "JJ" <(E-Mail Removed)> wrote in message
> news:EAB98BFC-BA1F-4B48-A4F6-(E-Mail Removed)...
> > This page is not posted I am woring on it in Frontpage. So I do not know
> > how
> > to show it to you
> >
> > JJ
> >
> > "Murray" wrote:
> >
> >> > a couple of things that came up.
> >> > Center the logo at the top: this is what I tried did not work!
> >> > background: url('images/Small_Y_Logo.gif') center top;
> >>
> >> It should have. Can you show me the page?
> >>
> >> > Next is I have a filter for text, but the filter effects everything.
> >> > Can I
> >> > make it to just effect the text and not the logo?
> >>
> >> Most likely - can you show me the page?
> >>
> >> --
> >> Murray
> >> ============
> >>
> >> "JJ" <(E-Mail Removed)> wrote in message
> >> news:BCCE8A40-82FC-4D38-A9F3-(E-Mail Removed)...
> >> > Thanks that was a big help
> >> >
> >> > a couple of things that came up.
> >> > Center the logo at the top: this is what I tried did not work!
> >> > background: url('images/Small_Y_Logo.gif') center top;
> >> >
> >> > Next is I have a filter for text, but the filter effects everything.
> >> > Can I
> >> > make it to just effect the text and not the logo?
> >> >
> >> > Thank you
> >> >
> >> > JJ
> >> >
> >> >
> >> > "Murray" wrote:
> >> >
> >> >> What are the dimensions of the logo? Let's assume that they are 100px
> >> >> wide
> >> >> by 75px tall. Then try this -
> >> >>
> >> >> h1 {
> >> >> background: url('images/Small_Y_Logo.gif');
> >> >> background-repeat: no-repeat;
> >> >> background-color: #FFFFFF;
> >> >> width: 50px;
> >> >> height: 170px;
> >> >> font-family: Georgia, Georgia, serif;
> >> >> text-align: center;
> >> >> Filter: Blur(Add = 1, Direction = 200, Strength = 20);
> >> >> color: #565a61;
> >> >> font-size: 24px;
> >> >> font-weight: bold;
> >> >> padding-left:110px;
> >> >> }
> >> >>
> >> >>
> >> >> --
> >> >> Murray
> >> >> ============
> >> >>
> >> >> "JJ" <(E-Mail Removed)> wrote in message
> >> >> news:1A3A06C8-65D8-4860-BDE3-(E-Mail Removed)...
> >> >> >I have a logo and to the right of that I want to add text. Each page
> >> >> >will
> >> >> > have the logo and them describe the page like home or contact next
> >> >> > to
> >> >> > it.
> >> >> >
> >> >> > this is what I got so far but text won't go next to logo.
> >> >> >
> >> >> > any ideas?
> >> >> >
> >> >> > Thanks
> >> >> > JJ
> >> >> >
> >> >> > h1 {
> >> >> > background: url('images/Small_Y_Logo.gif');
> >> >> > background-repeat: no-repeat;
> >> >> > background-color: #FFFFFF;
> >> >> > width: 50px;
> >> >> > height: 170px;
> >> >> > font-family: Georgia, Georgia, serif;
> >> >> > text-align: center;
> >> >> > Filter: Blur(Add = 1, Direction = 200, Strength = 20);
> >> >> > color: #565a61;
> >> >> > font-size: 24px;
> >> >> > font-weight: bold;
> >> >> >
> >> >>
> >> >>
> >> >>
> >>
> >>
> >>
>
>
>
|