CODEWITHSUNDEEP
css
blay
blay

Reputation: 225

Editted CSS dotted line

I'm new to CSS and was looking round the web to find a code to auto rezie images and the code i found is doing that perfectly. But the properly is, it reizes with some red dotted line around the image and when i try to edit, the whole image dissappears. can please someone help me out on how to get rid of the red dotted line while image shows up.

<style type="text/css">
#holder {
    width: 500px;
    margin: 0 auto;
}
.tile {
    padding: 10px 15px;
    border: 1px solid black;
    width: 300px;
    height: 300px;
    display: table;
}
.tile-layout {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.tile img {
    outline: 1px dashed red;
    width:100%;
}
</style>

Upvotes: 0

Views: 89

Answers (1)

Oliboy50
Oliboy50

Reputation: 2731

Get rid of the outline property :

<style type="text/css">
#holder {
    width: 500px;
    margin: 0 auto;
}
.tile {
    padding: 10px 15px;
    border: 1px solid black;
    width: 300px;
    height: 300px;
    display: table;
}
.tile-layout {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.tile img {
    width:100%;
}
</style>

outline is a CSS2 property almost similar to the border one

Here is an article about that : http://css-tricks.com/almanac/properties/o/outline/

Upvotes: 2

Related Questions