Problem with CSS

Thanks guys. you have been a great help.

Liam


"Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
news:eotdbn$gl4$1@forums.macromedia.com...
> Yes - the width and height values need units....
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
>
> "Martin Lang" <mart@nospam.net> wrote in message
> news:eotd4t$g5b$1@forums.macromedia.com...
>> 1) With #logo ... it works, but
>> 2) you have to use px, % or another one in the logo div.
>>
>> width:50px;
>> height:100px;
>>
>> Martin
>>
>>
>
>

Yes - the width and height values need units....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Martin Lang" <mart@nospam.net> wrote in message
news:eotd4t$g5b$1@forums.macromedia.com...
> 1) With #logo ... it works, but
> 2) you have to use px, % or another one in the logo div.
>
> width:50px;
> height:100px;
>
> Martin
>
>

1) With #logo ... it works, but
2) you have to use px, % or another one in the logo div.

width:50px;
height:100px;

Martin

On Sat, 20 Jan 2007 11:17:59 -0400, "Macromedia Forums"
<liaml1@hotmail.com> wrote:

>Here is the CSS

header, logo and banner need to be renamed #header, #logo and #banner
--
Steve
steve at flyingtigerwebdesign dot com

Please start a new thread instead of hijacking this one.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Prizmo" <webforumsuser@macromedia.com> wrote in message
news:eotb6q$e2r$1@forums.macromedia.com...
>I have similar problem,
> the code is:
> border: 1px solid #669999;
> background-attachment: scroll;
> background-image: url(/assets/pictures/lama_border1.gif);
> background-repeat: no-repeat;
> background-position: left top;
>
> There's grey square appears instead of the image.
>
> Dreamweaver MX
>

Your selectors are flawed. If you want to use an ID selector, you must
preface it with "#", the octothorpe, e.g.,

#logo { ... }
#banner { ... }

otherwise the browser will interpret them as a redefined HTML tag, as I
already mentioned.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Macromedia Forums" <liaml1@hotmail.com> wrote in message
news:eotbps$ep6$1@forums.macromedia.com...
> Here is the CSS
>
> body {
> font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
> }
>
> header {font-family:Geneva, Arial, Helvetica, sans-serif;
> position: absolute;
> left: 0px;
> top: 0px;
> }
>
>
> logo {font-family:Geneva, Arial, Helvetica, sans-serif;
> position: absolute;
> left: 0px;
> top: 0px;
> background-color: #FFCC99;
> background-image:url(images/index_03.gif);
> width:50;
> height:100;
> }
>
> banner {font-family:Geneva, Arial, Helvetica, sans-serif;
> position: absolute;
> left: 100px;
> top: 100px;
> }
>
> td {
> font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
> }
>
> th {
> font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
> }
> ***********************************************
>
> This is the page
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> " http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>Untitled Document</title>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <link href="styles.css" rel="stylesheet" type="text/css">
> </head>
>
> <body>
> <div id="header">
> <div id="logo"></div>
> <div id="banner"></div>
> <div id="bannerbottom"></div>
> <div id="nav">
> <ul>
> <li><a href="/" title="FLOJUL HOME">FLOJUL HOME</a></li>
> <li> | <a href="/house/" title="HOUSE">HOUSE</a></li>
> <li> | <a href="/lot/" title="LOT">LOT</a></li>
> <li> | <a href="/rent/" title="RENT">RENT</a></li>
> <li> | <a href="/commercial/" title="COMMERCIAL">COMMERCIAL</a></li>
> </ul>
> </div>
> </div>
>
> <div id="content"></div>
> <div id="sidebar">
> <div class="feature"></div>
>
> <div class="feature"></div>
>
> <div class="feature"></div>
> </div>
> </body>
> </html>
>
>
> Thanks
>
> Liam
>
>
>
>
> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:eot8s6$bba$1@forums.macromedia.com...
>> Show us the page.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do so!)
>> ==================
>> http://www.dreamweavermx-templates.com - Template Triage!
>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
>> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
>> ==================
>>
>>
>> "Macromedia Forums" <liaml1@hotmail.com> wrote in message
>> news:eot6rm$90o$1@forums.macromedia.com...
>>> Thanks for the input but your suggestion did not work. It seems like I
>>> may have a bigger problem because when I insert my #div tags, the window
>>> that pops up asking you to select the tag does not contain any of the
>>> tags that are contained in my CSS. I alreay attached the CSS to the
>>> page but the tags are not appearing in the drop down list of the Insert
>>> DIV tag Window.
>>>
>>> Any suggestions?
>>>
>>> Liam
>>> "Martin Lang" <mart@nospam.net> wrote in message
>>> news:eos233$sdq$1@forums.macromedia.com...
>>>> Macromedia Forums wrote:
>>>>> My problem is the background image index_03.gif does not appear on the
>>>>> page. I have already assigned the page to use this CSS so I do not
>>>>> know what is wrong.
>>>>
>>>> You could try to give #logo a specified width and/or height.
>>>>
>>>> hth
>>>> Martin
>>>
>>>
>>
>>
>
>

Here is the CSS

body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

header {font-family:Geneva, Arial, Helvetica, sans-serif;
position: absolute;
left: 0px;
top: 0px;
}


logo {font-family:Geneva, Arial, Helvetica, sans-serif;
position: absolute;
left: 0px;
top: 0px;
background-color: #FFCC99;
background-image:url(images/index_03.gif);
width:50;
height:100;
}

banner {font-family:Geneva, Arial, Helvetica, sans-serif;
position: absolute;
left: 100px;
top: 100px;
}

td {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
***********************************************

This is the page

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="header">
<div id="logo"></div>
<div id="banner"></div>
<div id="bannerbottom"></div>
<div id="nav">
<ul>
<li><a href="/" title="FLOJUL HOME">FLOJUL HOME</a></li>
<li> | <a href="/house/" title="HOUSE">HOUSE</a></li>
<li> | <a href="/lot/" title="LOT">LOT</a></li>
<li> | <a href="/rent/" title="RENT">RENT</a></li>
<li> | <a href="/commercial/" title="COMMERCIAL">COMMERCIAL</a></li>
</ul>
</div>
</div>

<div id="content"></div>
<div id="sidebar">
<div class="feature"></div>

<div class="feature"></div>

<div class="feature"></div>
</div>
</body>
</html>


Thanks

Liam




"Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
news:eot8s6$bba$1@forums.macromedia.com...
> Show us the page.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
>
> "Macromedia Forums" <liaml1@hotmail.com> wrote in message
> news:eot6rm$90o$1@forums.macromedia.com...
>> Thanks for the input but your suggestion did not work. It seems like I
>> may have a bigger problem because when I insert my #div tags, the window
>> that pops up asking you to select the tag does not contain any of the
>> tags that are contained in my CSS. I alreay attached the CSS to the page
>> but the tags are not appearing in the drop down list of the Insert DIV
>> tag Window.
>>
>> Any suggestions?
>>
>> Liam
>> "Martin Lang" <mart@nospam.net> wrote in message
>> news:eos233$sdq$1@forums.macromedia.com...
>>> Macromedia Forums wrote:
>>>> My problem is the background image index_03.gif does not appear on the
>>>> page. I have already assigned the page to use this CSS so I do not know
>>>> what is wrong.
>>>
>>> You could try to give #logo a specified width and/or height.
>>>
>>> hth
>>> Martin
>>
>>
>
>

I have similar problem,
the code is:
border: 1px solid #669999;
background-attachment: scroll;
background-image: url(/assets/pictures/lama_border1.gif);
background-repeat: no-repeat;
background-position: left top;

There's grey square appears instead of the image.

Dreamweaver MX

Show us the page.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Macromedia Forums" <liaml1@hotmail.com> wrote in message
news:eot6rm$90o$1@forums.macromedia.com...
> Thanks for the input but your suggestion did not work. It seems like I
> may have a bigger problem because when I insert my #div tags, the window
> that pops up asking you to select the tag does not contain any of the tags
> that are contained in my CSS. I alreay attached the CSS to the page but
> the tags are not appearing in the drop down list of the Insert DIV tag
> Window.
>
> Any suggestions?
>
> Liam
> "Martin Lang" <mart@nospam.net> wrote in message
> news:eos233$sdq$1@forums.macromedia.com...
>> Macromedia Forums wrote:
>>> My problem is the background image index_03.gif does not appear on the
>>> page. I have already assigned the page to use this CSS so I do not know
>>> what is wrong.
>>
>> You could try to give #logo a specified width and/or height.
>>
>> hth
>> Martin
>
>

Thanks for the input but your suggestion did not work. It seems like I may
have a bigger problem because when I insert my #div tags, the window that
pops up asking you to select the tag does not contain any of the tags that
are contained in my CSS. I alreay attached the CSS to the page but the tags
are not appearing in the drop down list of the Insert DIV tag Window.

Any suggestions?

Liam
"Martin Lang" <mart@nospam.net> wrote in message
news:eos233$sdq$1@forums.macromedia.com...
> Macromedia Forums wrote:
>> My problem is the background image index_03.gif does not appear on the
>> page. I have already assigned the page to use this CSS so I do not know
>> what is wrong.
>
> You could try to give #logo a specified width and/or height.
>
> hth
> Martin