CSS: An Overview - Size and borders


#1

hrefhttps://www.codeacademy.com/courses/web-beginner-en-TlhFi/4/4?curriculum_id=50579fb998b470000202dc8b#


Instruction:
On the CSS tab, give your image a border of 1px solid #4682b4.

My Code:
img {
     border: 1px solid;
     border-color: #4682b4;
     height: 100px;
     width: 300px;
} 

Guys, please check this issue.


#2

@jay-dprogrammer,
Try by using

img {
     height: 100px;
     width: 300px;
     border: 1px solid #4682b4;
}

By using
google search
1px solid #4682b4 site:codecademy.com
you will find a bunch of articles.....

You might also try a refresh Browser

++++ reset of session *****************
As you are manipulating with objects
under certain circumstances you can shoot your Browser in an
inconsistent state.

Therefor it is of an advantage to know that you have 2 reset facilities:

One is the use of the F5-key which does a refresh Browser

and

Two, select&copy your code
Then use the Reset Code button of the course-window,
then paste your code back in.

Addendum
General Notes:
Always refresh the browser after making corrections:
CTRL f5 ( if on Windows or Linux)
CMD r ( if on a MAC).
CTRL 0 to reset browser zoom


#3

img {
border: 1px solid #4682b4;
height: 100px;
width: 300px;
}

dont cut the borders discription the pixel, solid and color should be at the BORDER only!!!


#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.