Click here to Skip to main content
13,836,654 members

Web Development

 
PinnedHow to get an answer to your question Pin
Chris Maunder4-Sep-10 3:25
adminChris Maunder4-Sep-10 3:25 
PinnedHOW TO ANSWER A QUESTION PinPopular
Chris Maunder12-Jul-09 23:40
adminChris Maunder12-Jul-09 23:40 
QuestionCore 2.1 Razor Pages Solution Pin
John Simmons / outlaw programmer22-Jan-19 2:52
mveJohn Simmons / outlaw programmer22-Jan-19 2:52 
QuestionBS Carousel local images Pin
Member 1097549721-Jan-19 8:46
memberMember 1097549721-Jan-19 8:46 
AnswerRe: BS Carousel local images Pin
Pete O'Hanlon22-Jan-19 3:03
protectorPete O'Hanlon22-Jan-19 3:03 
GeneralRe: BS Carousel local images Pin
Member 109754974hrs 43mins ago
memberMember 109754974hrs 43mins ago 
QuestionCreating a 'design your own' feature on my website Pin
Member 1411577011-Jan-19 18:27
memberMember 1411577011-Jan-19 18:27 
AnswerRe: Creating a 'design your own' feature on my website Pin
Nathan Minier16-Jan-19 2:45
professionalNathan Minier16-Jan-19 2:45 
QuestionCreating PIVOT data not producing correct result Pin
samflex10-Jan-19 21:31
membersamflex10-Jan-19 21:31 
AnswerRe: Creating PIVOT data not producing correct result Pin
Richard Deeming11-Jan-19 3:01
mveRichard Deeming11-Jan-19 3:01 
General(Solved) Re: Creating PIVOT data not producing correct result Pin
samflex11-Jan-19 5:14
membersamflex11-Jan-19 5:14 
QuestionObject Type and HTTP JSON Gets Pin
cjb1107-Jan-19 23:04
membercjb1107-Jan-19 23:04 
QuestionWordpress Website Showing Error Pin
Jack_Calder5-Jan-19 1:48
professionalJack_Calder5-Jan-19 1:48 
AnswerRe: Wordpress Website Showing Error Pin
Afzaal Ahmad Zeeshan5-Jan-19 2:51
mveAfzaal Ahmad Zeeshan5-Jan-19 2:51 
Questiontransform: skew only on one side [SOLVED] Pin
Valentinor17-Dec-18 3:49
memberValentinor17-Dec-18 3:49 
How can you add skew effect on only one side of a div? In the bellow images is what I want to achieve.
How it looks like[^]
How I want it to look like[^]
Also, when I add skew to the right div (the one with "Test right"), it also adds a space to its right, which makes the browser to add the scrollbar on the bottom, because parent div has 100% width.
The space and scrollbar at bottom[^]

Parent div css:
position: absolute;
left: 0px;
top: 0px;
width: 100%;

Inner div css(only background color, and width differs, having in total width 100%):
background: rgba(40, 188, 215);
text-align: center;
float: left;
width: 15%; left div | width: 75%; middle div | width: 10%; right div
transform: skew(150deg);

Each text from inner div css:
text-align: center;
display: block;
font-family: 'Times New Roman';
font-size: 24px;
color: WHITE;
text-decoration: none;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin: auto;
transform: skew(30deg);

modified 17-Dec-18 17:03pm.

AnswerRe: transform: skew only on one side Pin
Valentinor17-Dec-18 6:40
memberValentinor17-Dec-18 6:40 
GeneralRe: transform: skew only on one side Pin
Richard Deeming17-Dec-18 10:26
mveRichard Deeming17-Dec-18 10:26 
GeneralRe: transform: skew only on one side Pin
Valentinor17-Dec-18 12:02
memberValentinor17-Dec-18 12:02 
QuestionMessage Closed Pin
14-Dec-18 3:57
memberMember 1408965614-Dec-18 3:57 
QuestionTrouble w/ Background Image Load Time Pin
Member 1208020111-Dec-18 12:35
memberMember 1208020111-Dec-18 12:35 
AnswerRe: Trouble w/ Background Image Load Time Pin
Nathan Minier12-Dec-18 5:23
professionalNathan Minier12-Dec-18 5:23 
AnswerMessage Closed Pin
6-Dec-18 5:01
memberAshishKhuraishy6-Dec-18 5:01 
AnswerMessage Closed Pin
6-Dec-18 4:59
memberAshishKhuraishy6-Dec-18 4:59 
QuestionHow to find server name Pin
_Flaviu29-Nov-18 9:48
member_Flaviu29-Nov-18 9:48 
GeneralRe: How to find server name Pin
Richard MacCutchan29-Nov-18 10:58
protectorRichard MacCutchan29-Nov-18 10:58 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.


Advertise | Privacy | Cookies | Terms of Service
Web01 | 2.8.190114.1 | Last Updated 23 Jan 2019
Copyright © CodeProject, 1999-2019
All Rights Reserved.
Layout: fixed | fluid