Quick CSS question - HTML & CSS

[David]

Hi, I have a css file that I used when building my template.
Now that I'm building additional pages from the template, do I edit the same
css file or do I need a new one. Will it work if I just give the celld in
the new page a unique id.

Thanks
David

[Tim L]

You just edit the same CSS file as the template will make the CSS link in
the child doents relative to it's location.

Not sure what you mean by: "Will it work if I just give the celld in the new
page a unique id."

HTH

--
<< Tim >>
--

"David" <drosssi.rr.com> wrote in message
news:bengiv$f8o$1forums.macromedia.com...
| Hi, I have a css file that I used when building my template.
| Now that I'm building additional pages from the template, do I edit the
same
| css file or do I need a new one. Will it work if I just give the celld in
| the new page a unique id.
|
| Thanks
| David
|
|

[spdorsey]

I'm trying to stack a few DIV items on my page:

[url]http://www.dorseygraphics.com/toolbar_1a/[/url]

And they seem to be overlapping.

Here's a link to the css:

[url]http://www.dorseygraphics.com/css/styles.css[/url]

I just want my 3 DIV layers to stack, in stead of overlap. Please help if
you can.

Thanks,

--------------------S:confused;

[Murray *TMM*]

If you want them to stack, then just put them one after the other in the
code, and don't use any positioning on them at all.

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


"spdorsey" <webforumsusermacromedia.com> wrote in message
news:dj9299$h2h$1forums.macromedia.com...

> I'm trying to stack a few DIV items on my page:
>
> [url]http://www.dorseygraphics.com/toolbar_1a/[/url]
>
> And they seem to be overlapping.
>
> Here's a link to the css:
>
> [url]http://www.dorseygraphics.com/css/styles.css[/url]
>
> I just want my 3 DIV layers to stack, in stead of overlap. Please help
> if
> you can.
>
> Thanks,
>
> --------------------S:confused;
>

[spdorsey]

Here's the proper link for the CSS

[url]http://www.dorseygraphics.com/toolbar_1a/css/styles.css[/url]

[Murray *TMM*]

And a given ID must be unique on the page. You have 3 divs named
"controlsection".

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


"spdorsey" <webforumsusermacromedia.com> wrote in message
news:dj95a2$l3t$1forums.macromedia.com...

> Here's the proper link for the CSS
>
> [url]http://www.dorseygraphics.com/toolbar_1a/css/styles.css[/url]

[spdorsey]

The reason they all use the same div name is because they all need to have the same formatting, so there's no reason to rewrite the code for new sections.

[spdorsey]

It's still not working. I altered the code to contain no positioning info, and
I even created CSS code for each section in stead of recycling it for all 3
sections. I'm really confused This is an easy thing to do, right?

-----S

[Murray *TMM*]

You can't do this. If you want them to have the same formatting do it with
a class not an ID. You cannot have more than one element with the same id
on any given page.

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


"spdorsey" <webforumsusermacromedia.com> wrote in message
news:dj9aic$rio$1forums.macromedia.com...

> The reason they all use the same div name is because they all need to have
> the same formatting, so there's no reason to rewrite the code for new
> sections.
>
>

[Murray *TMM*]

<body>
<div>This is div one.</div>
<div>This is div two.</div>
<div>This is div three.</div>
</body>

These three divs will be stacked no matter what else is on the page.

Show me your code, please.

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


"spdorsey" <webforumsusermacromedia.com> wrote in message
news:dj9b37$s6o$1forums.macromedia.com...

> It's still not working. I altered the code to contain no positioning info,
> and
> I even created CSS code for each section in stead of recycling it for all
> 3
> sections. I'm really confused This is an easy thing to do, right?
>
> -----S
>

[spdorsey]

[url]http://www.dorseygraphics.com/toolbar_1a/[/url]


Here's a link to the css:

[url]http://www.dorseygraphics.com/toolbar_1a/css/styles.css[/url]

[Murray *TMM*]

You cannot have three elements with the same ID on the same page.

Change all instance of this -

#controlSection {

to this -

..controlSection {

(note the leading period)

and this -

<div id="controlSection">

to this -

<div class="controlSection">

And now at least your markup will be valid.

What is it you expect to see when you say it's not working?

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


"spdorsey" <webforumsusermacromedia.com> wrote in message
news:dj9eu8$3p4$1forums.macromedia.com...

> [url]http://www.dorseygraphics.com/toolbar_1a/[/url]
>
>
> Here's a link to the css:
>
> [url]http://www.dorseygraphics.com/toolbar_1a/css/styles.css[/url]

[spdorsey]

Well,

I made the changes you suggested. I'm still learning about CSS, and I forgot
that you can only have one #style on a page at the same time.

So i changed the # to a . and I got no changes, really. The elements are
still drawing poorly. They look wrong in Safari & Firefox, and they look REALLY
wrong in MSIE Windows (who cared what it looks like on MSIE Mac, really - but
it looks fine there

There is space between headers on the page. I can fix this by using the
negative margin tags which appear in the CSS code (they are commented out right
now), but that is not a clean way to code, right? The clean way would be to get
rid of the cause of the gaps.

I'm totally lost on that front.

By the way, thanks for your help.

--------------------S


[url]http://www.dorseygraphics.com/toolbar_1a[/url]


CSS:

[url]http://www.dorseygraphics.com/toolbar_1a/css/styles.css[/url]

[Murray *TMM*]

Consider using this CSS -

BODY {
MARGIN: 0;
padding:0;
}
A:link, a:visited, a:hover, a:active {
COLOR: #333333
}
#container {
MARGIN-TOP: 10px;
FLOAT: right;
WIDTH: 130px;
MARGIN-RIGHT: 10px;
padding:0;
}
#container img.head {
display:block;
}
..controlSection {
BORDER: #8a8a8a 1px solid;
BORDER-top: none;
FONT-SIZE: 10px;
TEXT-INDENT: 4px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #ebebeb;
margin-bottom:6px;
}
..controlSection IMG {
PADDING-LEFT: 3px
}
..controlSection UL {
LIST-STYLE-TYPE: none; /* GWS */
margin:0;
padding:0;
}
..controlSection li {
margin:0;
padding:0;
}
..controlSection UL LI A {

}
..controlSection A {
DISPLAY: block;
COLOR: #333333;
TEXT-DECORATION: none;
width:128px;
margin:0;
padding:0;
}
..controlSection A:hover {
BACKGROUND-COLOR: #cfcfcf;
}



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


"spdorsey" <webforumsusermacromedia.com> wrote in message
news:djdjjo$j8s$1forums.macromedia.com...

> Well,
>
> I made the changes you suggested. I'm still learning about CSS, and I
> forgot
> that you can only have one #style on a page at the same time.
>
> So i changed the # to a . and I got no changes, really. The elements are
> still drawing poorly. They look wrong in Safari & Firefox, and they look
> REALLY
> wrong in MSIE Windows (who cared what it looks like on MSIE Mac, really -
> but
> it looks fine there
>
> There is space between headers on the page. I can fix this by using the
> negative margin tags which appear in the CSS code (they are commented out
> right
> now), but that is not a clean way to code, right? The clean way would be
> to get
> rid of the cause of the gaps.
>
> I'm totally lost on that front.
>
> By the way, thanks for your help.
>
> --------------------S
>
>
> [url]http://www.dorseygraphics.com/toolbar_1a[/url]
>
>
> CSS:
>
> [url]http://www.dorseygraphics.com/toolbar_1a/css/styles.css[/url]
>
>
>
>