Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: CSS
Is there anybody knows how to do this in pure css code.. i need your help guys .. please check the image belowSmile | :) Smile | :)
http://tinypic.com/view.php?pic=2ivmzxw&s=6
 
[^]
 
http://tinypic.com/r/2ivmzxw/6[^]
[IMG]http://i49.tinypic.com/2ivmzxw.jpg[/IMG]
Posted 5-Feb-13 16:27pm
Espayks196
Edited 15-Feb-13 1:55am
v2

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

HI,
 
Yes you can able to do so. I think in the image you are pointing to the black div having a circle at the right corner.
 
For that take 2 divs and apply css property (border-radius: 20px;) to one of the div and then place the div to the required position as you wanted. Here the border-radius property allow you make the div circular. For background colors you can use background-color property. For allignment you can use float.
 
This will help you in solving the problem.
 
Thanks
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



Advertise | Privacy | Mobile
Web01 | 2.8.1411023.1 | Last Updated 15 Feb 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100