25. Size and Borders not working


#1

Hi, This is my first post,

I keep getting a: Oops, try again. Did you remember to give your image a 1px solid #4682b4 border? :confused:

I tried to do everything I could find in the forums on this subject. Heres my code:




Result


   <h1>Practice Makes Perfect!</h1>
   <p>I really need to practice everthing from html and css.</p>
 <img src="http://wp.widewallpapers.net/2k/computers/1920x1080/computer-wide-wallpaper-1920x1080-003.jpg" />

</body>

My css code:

h1{
font-family: Verdana, sans-serif; color: #576d94;
}

p {
font-size: 18px; color: #4a4943; font-family: Garamond, serif;
}

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

The results:

Practice Makes Perfect!


I really need to practice everthing from html and css.

The reason my image in css has a period is because my image remains small if I don't. I've already tried
1.ctrl+0
2.different browsers
3.The zoom in/out on the browsers
4.refreshing and clearing browsing history
5.Checking and rewriting the code multiple times.
6.Putting space between my img and the brackets.
If any one can solve this problem I'll greatly appreciate it!

Thanks for reading this and commenting ! :slight_smile:
CodeWarLord


#2

In your CSS remove the "." after image. And also in your border after 1px add solid.


#3

Wow, that was fast. Thanks it worked!
I was stuck for 2+hours on this!
Thanks: :grinning:


#4

:laughing: i like your comment.
it will come I experienced the same thing when I started.
You welcome.


#5

Ok thanks, Sorry I didn't mean to type it twice.:relaxed:


#6

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