-----Original Message-----
From: David Laakso [mailto:da...@chelseacreekstudio.com]
Sent: Tuesday, January 26, 2010 6:31 PM
To: Rick
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] 2 Problems; float and link placement
Rick wrote:
> New to CSS, but I've been reading this list for the past month. Hopefully
> nothing complicated, just laid out the basic skeleton and have two
> questions.
>
> 1) Why is "bottom of calendars division" text not on the left? I used
> "calendars" as the wrapper to contain two floats, but I can't figure out
why
> the float continues. The borders around the divisions are just for
testing
> the widths and areas of the divisions.
Welcome!
In order to put something beneath the left and right floats, you need to
"clear" the floats. You can do that by adding this to your style sheet:
p {clear: both;}
> 2) I want to do some positioning on the "BACK TO HOME PAGE" link, but
> can't figure that out either. The two float divisions (current_month,
> previous_month) will have links, so I just want to style the link in the
> banner division.
Not sure what you're after but to style that particular link:
#banner a {
color: red; /* add rule */
text-decoration: none; /* add rule */
margin-top: 100px;
text-align: left;
}
#banner a:hover {color: lime; }/* add selector */
> I'm using an internal style sheet for this, so it can be viewed at
> http://www.gage-r.com/fresh/fresh-index
>
> Any help would be appreciated.
>
> Rick
Best,
~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
David,
Thanks for the help. I had tried {clear: both;}, but applied incorrectly to
the division and not p as you pointed out. One down...
I'm trying to place the link (BACK TO HOME PAGE) below the left image, flush
to the left margin. I added a (test) border around the banner division and
got a surprise. Why doesn't the division extend to the bottom of the
images? I can add {height: 200px;} to change it, but the link still doesn't
move. Any hints to what I'm missing?
Oh, the lime really stands out for a hover...
Rick
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
