Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

Problem with CSS

LEGEND ,
Jan 19, 2007 Jan 19, 2007

Copy link to clipboard

Copied

Hello All,

I have the following code in my CSS sheet :

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


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.

Any help would be appreciated.

Liam


TOPICS
Server side applications

Views

606
Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 19, 2007 Jan 19, 2007

Copy link to clipboard

Copied

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

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

You have this -

logo {font-family

But that's a redefined HTML element rule, and will look for a <logo> tag,
which doesn't exist.

Did you mean to use a custom class?

.logo {font-family

or an ID selector?

#logo {font-family

Instead?

What does the HTML for this element look like?

--
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:eort1h$nej$1@forums.macromedia.com...
> Hello All,
>
> I have the following code in my CSS sheet :
>
> logo {font-family:Geneva, Arial, Helvetica, sans-serif;
> position: absolute;
> left: 0px;
> top: 0px;
> background-color: #FFCC99;
> background-image:url(images/index_03.gif);
> }
>
>
> 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.
>
> Any help would be appreciated.
>
> Liam
>


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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
>


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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

width:50px;
height:100px;

Martin


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

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


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 20, 2007 Jan 20, 2007

Copy link to clipboard

Copied

LATEST
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
>>
>>
>
>


Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines