Code conundrum

  • Dot

    (@dianetingleyhotmailcom)


    12 years, 6 months ago

    Hello

    I have inputted the following recommended code, intended to enhance my images with the titled effects, with the following results:

    1. To get a thin border:
    img {
    border: 1px solid #000000
    }
    – No impact

    2. To get a double border:
    img {
    padding: 1px
    border: 1px solid #000000
    }
    – only the padding works: and only for the header image!! (which I’d wanted unaffected)

    3. To get a solid border of colour:
    img {
    padding: 1px;
    border: 1px solid #000000
    backbround-color: #000000
    }
    -Again only the padding only changes for the header image changes
    -and the solid border works around everything else; although I had wanted to be able to select which images I’d wished to have bordered this way; not the “follow me” buttons eg

    :/
    Anyone any ideas please?

Viewing 11 replies - 1 through 11 (of 11 total)

  • I think border none has been defined somewhere in your stylesheet. So please implement “!important” it as follows:

    img{
 border:1px solid #000000!important;
}

    You can override some specific image style by adding individual class to it.

    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Hello,
    I just tried this, and it worked: great, thanks –

    any idea how I can apply this to only certain images please? (it’s making my header image go wonky at the moment)

    Add class or id attribute to image and then assign particuler style to it as follows:

    //HTML
<img src="image_url" alt="" class="profile_pic" />

//CSS
.profile_pic{
 border:1px solid #000000!important;
}

    Or

    You can override your image style which are in header like:

    #header img{
 border:none!important;
}
    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Thankyou for this:
    Do I input the HTML code into the post page?

    Yes! Add class attribute with particular class name in your html img tag wherever you want and then override their style in your stylesheet as given in previous example.

    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Sorry; umph: “in your html image tag” ? What/where is that please?

    It will be in your index.php or any particular page template. You will have to do find that.

    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Great!

    So with:

    <img src = “image_url” alt= ” “
    class = profile_pic”/>

    img is the selector
    and profile-pic the value of class attribute

    Please?

    <img src="image_url" alt="" class="profile_pic" />

    In the above code “img” is the html tag and it has a class selector named as “profile_pic”. Now you can define specific style to this image.

    I think your query has been resolved now.

    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Sure – thanks

    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Resolved!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Code conundrum’ is closed to new replies.