Div expanding to fill whole screen

This is a discussion on Div expanding to fill whole screen within the Macromedia Dreamweaver forums in Adobe Tools category; Selecting one of those links and looking at DW's CSS panel tells me that it's being styled by the rule for a:link. If you want them to be the same color as the h2 rule, then you'd need to change the selector for that rule to a group selector, e.g., h2, h2 a { color:#6D3424; font-family:Verdana, Arial, Sans-serif; font-weight:700; /* there is no difference between this and bold, you know? */ text-decoration:none; } -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources ...

Go Back   Application Development Forum > Adobe Tools > Macromedia Dreamweaver

Object Mix

Register FAQ Calendar Search Today's Posts Mark Forums Read
Reply

 

LinkBack Thread Tools Display Modes
  #11  
Old 09-02-2008, 04:34 PM
Murray *ACE*
Guest
 
Default Re: Div expanding to fill whole screen

Selecting one of those links and looking at DW's CSS panel tells me that
it's being styled by the rule for a:link. If you want them to be the same
color as the h2 rule, then you'd need to change the selector for that rule
to a group selector, e.g.,

h2, h2 a {
color:#6D3424;
font-family:Verdana, Arial, Sans-serif;
font-weight:700; /* there is no difference between this and bold, you
know? */
text-decoration:none;
}

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Pakman36" <webforumsuser@macromedia.com> wrote in message
news:g9k6ll$3q0$1@forums.macromedia.com...
> Hi Murray and Al
>
> I have added my 'div ID =content' to my FAQ page and it works great, the
> final
> question is contained within the boundary of the content and doesn't
> overlap
> the right border.
>
> One further problem with the page is the <h2> are not appearing in the
> correct
> color of #6D3424, but #454f6f which is the color of my <p> and my links.
> I'm
> assuming it's some sort of CSS conflict, but can't figure where it's going
> wrong?
>


Reply With Quote
  #12  
Old 09-05-2008, 03:18 PM
Pakman36
Guest
 
Default Re: Div expanding to fill whole screen

Murray
apologies for the delay in getting back to you.

I have changed the CSS file as to your suggestion as I do want the links on
the FAQ page to be the same color as the h2 tag, but it doesn't work? Am I
missing something?

Reply With Quote
  #13  
Old 09-05-2008, 04:35 PM
Pakman36
Guest
 
Default Re: Div expanding to fill whole screen

I have managed to get it working by applying a h2 rule that applies to h2 with links only in my #content section.
can you see any potential problems in this?
Pakman
Reply With Quote
  #14  
Old 09-05-2008, 04:46 PM
Murray *ACE*
Guest
 
Default Re: Div expanding to fill whole screen

Nope.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Pakman36" <webforumsuser@macromedia.com> wrote in message
news:g9s576$2kd$1@forums.macromedia.com...
>I have managed to get it working by applying a h2 rule that applies to h2
>with links only in my #content section.
> can you see any potential problems in this?
> Pakman


Reply With Quote
  #15  
Old 09-05-2008, 05:02 PM
Pakman36
Guest
 
Default Re: Div expanding to fill whole screen

Murray
I'm not sure where it's gone wrong; it the #content h2 a:link should be
color:#A03A2A; text-align:left; font-size:95%; but its not anymore.

I think there must be some kind of inheritance going on somewhere; if I want a
h2 a:hover with a white color, should I put it as a separate rule?

Reply With Quote
  #16  
Old 09-05-2008, 05:07 PM
Murray *ACE*
Guest
 
Default Re: Div expanding to fill whole screen

Do you know how to use DW's CSS panel to investigate inheritance issues like
that?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Pakman36" <webforumsuser@macromedia.com> wrote in message
news:g9s6oi$44i$1@forums.macromedia.com...
> Murray
> I'm not sure where it's gone wrong; it the #content h2 a:link should be
> color:#A03A2A; text-align:left; font-size:95%; but its not anymore.
>
> I think there must be some kind of inheritance going on somewhere; if I
> want a
> h2 a:hover with a white color, should I put it as a separate rule?
>


Reply With Quote
  #17  
Old 09-06-2008, 05:50 AM
Pakman36
Guest
 
Default Re: Div expanding to fill whole screen

Hi Murray
never used it, wasn't aware that it could do it?
Reply With Quote
  #18  
Old 09-06-2008, 08:00 AM
Murray *ACE*
Guest
 
Default Re: Div expanding to fill whole screen

Select the element. Look at the CSS panel. Click on the Current button,
and you'll see a summary of all the styles that are expressed by that
element. Click on the cascade icon (the stairstep without the red mark) and
you will see all the rules that are cascading into that element, by
selector, and specificity. Find the one closest to the bottom that is
forcing the wrong styles, and adjust your selector so that it has a higher
specificity.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Pakman36" <webforumsuser@macromedia.com> wrote in message
news:g9tjoo$kgh$1@forums.macromedia.com...
> Hi Murray
> never used it, wasn't aware that it could do it?


Reply With Quote
  #19  
Old 09-06-2008, 12:14 PM
Pakman36
Guest
 
Default Re: Div expanding to fill whole screen

Hi Murray
Di you mean select the element in the page or the CSS? I have tried both and
clicked on the stairstep, seen all the styles associated with that element. The
only reference to text alignment says 'left' which it should be; but it's
showing centered. I cannot see where any other style element is being inherited?

Reply With Quote
  #20  
Old 09-06-2008, 12:42 PM
Murray *ACE*
Guest
 
Default Re: Div expanding to fill whole screen

Select the element by clicking on it in Design view or on the tag selector
on the bottom of the document pane.

Or post a link to the page.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Pakman36" <webforumsuser@macromedia.com> wrote in message
news:g9ua8q$de2$1@forums.macromedia.com...
> Hi Murray
> Di you mean select the element in the page or the CSS? I have tried both
> and
> clicked on the stairstep, seen all the styles associated with that
> element. The
> only reference to text alignment says 'left' which it should be; but it's
> showing centered. I cannot see where any other style element is being
> inherited?
>


Reply With Quote
Reply


Thread Tools
Display Modes


All times are GMT -5. The time now is 01:17 AM.


Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
vB Ad Management by =RedTyger=

In an effort to better serve ads to our visitors, cookies are used on objectmix.com. For more information, check out our Privacy Policy.