css format help

J

JJ

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;
 
M

Murray

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;
}
 
J

JJ

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
 
M

Murray

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;
Click to expand...

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?
Click to expand...

Most likely - can you show me the page?
 
J

JJ

This page is not posted I am woring on it in Frontpage. So I do not know how
to show it to you

JJ
 
J

JJ

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;
--------------------------------------
 
J

JJ

I cannot post it because it is just under devolment. The include logo is a
web component that you can add. All it does is add a page and the page is
text.

Thanks
JJ
 
M

Murray

It's very hard to respond. I'm not certain exactly what it is you want to
achieve, and the code you pasted for me to see is too wonky to work with.
For example, you have two <table> tags, but only one </table>. In addition,
your CSS is a bit strange, too -

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;
}

You have a width of 35px for the h1 element, but a padding of 60px.
According to the box model, the padding is part of the width, so that would
mean that your assigned width is 25px narrower than just the left padding!

So - I am confused. Can you help?
 

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

heading with CSS 1
CSS learning 4
CSS Problems 9
<H2> and distance in a CSS 15
Firefox css help 3
CSS help 5
from tables to css - I need help 1
please help me fix my code. it will not work in ie but worksperfectly in firefox 5

Top