Click here to Skip to main content
13,894,185 members

Web Development

 
AnswerRe: Creating a 'design your own' feature on my website Pin
Nathan Minier16-Jan-19 1:45
professionalNathan Minier16-Jan-19 1:45 
QuestionCreating PIVOT data not producing correct result Pin
samflex10-Jan-19 20:31
membersamflex10-Jan-19 20:31 
AnswerRe: Creating PIVOT data not producing correct result Pin
Richard Deeming11-Jan-19 2:01
mveRichard Deeming11-Jan-19 2:01 
General(Solved) Re: Creating PIVOT data not producing correct result Pin
samflex11-Jan-19 4:14
membersamflex11-Jan-19 4:14 
QuestionObject Type and HTTP JSON Gets Pin
cjb1107-Jan-19 22:04
membercjb1107-Jan-19 22:04 
QuestionWordpress Website Showing Error Pin
Jack_Calder5-Jan-19 0:48
professionalJack_Calder5-Jan-19 0:48 
AnswerRe: Wordpress Website Showing Error Pin
Afzaal Ahmad Zeeshan5-Jan-19 1:51
mveAfzaal Ahmad Zeeshan5-Jan-19 1:51 
Questiontransform: skew only on one side [SOLVED] Pin
Valentinor17-Dec-18 2:49
memberValentinor17-Dec-18 2: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 5:40
memberValentinor17-Dec-18 5:40 
GeneralRe: transform: skew only on one side Pin
Richard Deeming17-Dec-18 9:26
mveRichard Deeming17-Dec-18 9:26 
GeneralRe: transform: skew only on one side Pin
Valentinor17-Dec-18 11:02
memberValentinor17-Dec-18 11:02 
QuestionMessage Closed Pin
14-Dec-18 2:57
memberMember 1408965614-Dec-18 2:57 
QuestionTrouble w/ Background Image Load Time Pin
Member 1208020111-Dec-18 11:35
memberMember 1208020111-Dec-18 11:35 
AnswerRe: Trouble w/ Background Image Load Time Pin
Nathan Minier12-Dec-18 4:23
professionalNathan Minier12-Dec-18 4:23 
AnswerMessage Closed Pin
6-Dec-18 4:01
memberAshishKhuraishy6-Dec-18 4:01 
AnswerMessage Closed Pin
6-Dec-18 3:59
memberAshishKhuraishy6-Dec-18 3:59 
QuestionHow to find server name Pin
_Flaviu29-Nov-18 8:48
member_Flaviu29-Nov-18 8:48 
GeneralRe: How to find server name Pin
Richard MacCutchan29-Nov-18 9:58
protectorRichard MacCutchan29-Nov-18 9:58 
Questionhtml fonts display differently Pin
dcof28-Nov-18 10:00
memberdcof28-Nov-18 10:00 
AnswerRe: html fonts display differently Pin
Richard MacCutchan28-Nov-18 21:46
protectorRichard MacCutchan28-Nov-18 21:46 
QuestionRESTful API practices in the realworld Pin
wolfbinary28-Nov-18 4:35
memberwolfbinary28-Nov-18 4:35 
AnswerRe: RESTful API practices in the realworld Pin
Richard Deeming28-Nov-18 5:48
mveRichard Deeming28-Nov-18 5:48 
QuestionWhat is a clearfix hack in CSS where exactly can I use this CSS class? How many types we have in this. Pin
Member 1406829826-Nov-18 21:29
memberMember 1406829826-Nov-18 21:29 
AnswerRe: What is a clearfix hack in CSS where exactly can I use this CSS class? How many types we have in this. Pin
Richard MacCutchan27-Nov-18 0:26
protectorRichard MacCutchan27-Nov-18 0:26 
QuestionLaunch a form from local HDD Pin
_Flaviu22-Nov-18 7:00
member_Flaviu22-Nov-18 7:00 

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
Web04 | 2.8.190306.1 | Last Updated 18 Mar 2019
Copyright © CodeProject, 1999-2019
All Rights Reserved.
Layout: fixed | fluid