Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Tracy Excell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Posted by Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

Having trouble with setting a double border single border?

Hello,

In my double border I am wanting to have each line height different. I want the bottom to be thicker than the top. However I am having no luck achieving this. Can anyone help? I also only want it to take up about 80% of the VW, but when i add this in a width property it is not working.

<header> <h1>THE CODE REVIEW</h1> <h2><b>Signup for our newsletter</b></h2> <p>Get the latest news on how your code is doing right in your inbox</p> </header>

header { border-bottom-style: double; border-bottom-color: #339966; border-bottom-width: 80%;

} Secondly I am trying to add a simple border at the top of this div, but it won't allow me. Does anyone know why? Thank you.

<div id="newsletter-info"> <h2>Newsletter</h2> <p>Select the newsletters you would like to recieve</p>

        <fieldset  input style="border:none">
            <input type="checkbox" id="HTML-News" value="HTML" name="user_HTML-news"><label class="news" for="HTML-News">HTML News</label><br>
            <input type="checkbox" id="CSS-News" value="CSS" name="user_CSS-news"><label class="news" for="CSS-News">CSS News</label><br>
            <input type="checkbox" id="Javascript-News" value="JAVA" name="user_java-news"><label class="news" for="Javascript-News">Javascript News</label><br>
            <input type="checkbox" id="All-News" value="ALL" name="user_All-news"><label class="news" for="All-News">All of the above</label><br>
        </fieldset>
    </div>

1 Answer

Christian Lawrence
Christian Lawrence
3,941 Points
Christian Lawrence
Christian Lawrence
3,941 Points

Try this in your css:

border-top: 1px solid #339966; border-left: 1px solid #339966;; border-right: 1px solid #339966; border-bottom: 2px solid #339966;

Play around with the px value.