Help with CSS image property

Posted on 2011-10-08
Last Modified: 2012-06-22
Please visit Look at the headshot image on the lower right of the page.You'll see the top and bottom green borders which I added through CSS. Then look at the logo at the top of the page. I DO NOT want the top and bottom borders on the logo image, but I can't figure out why the tag is bleeding over to the logo image. How can I change my CSS to keep the borders only on the headshot image? Thanks guys.
Question by:isaacr25
    LVL 82

    Expert Comment

    by:Dave Baldwin
    Your link doesn't work.

    Author Comment

    Ahh sorry. It's
    LVL 3

    Accepted Solution

    In your style sheet, look for class="field-content" and id="header". You should be able to set image properties in each class. (You're building this in Drupal, and I can't quite tell which style sheet you will need to edit, because Drupal creates many stylesheets.)

    #header img  {

    .field-content  img {
    border-top: 5px solid #87a069;
    border-bottom: 5px solid #87a069;

    Try that?


    Featured Post

    Course: HTML5 Mobile App Development with PhoneGap

    PhoneGap can help you leverage your already existing HTML5, JavaScript, and CSS skills in order to create and deploy cross-platform mobile apps.This program comprehensively covers HTML5 mobile app development from top to bottom.

    Join & Write a Comment

    This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now