Click here to Skip to main content
15,888,527 members
Home / Discussions / Web Development
   

Web Development

 
AnswerRe: Which java Concepts are important for Learning Android Pin
Richard MacCutchan6-Oct-16 23:47
mveRichard MacCutchan6-Oct-16 23:47 
AnswerRe: Which java Concepts are important for Learning Android Pin
ZurdoDev14-Oct-16 6:02
professionalZurdoDev14-Oct-16 6:02 
AnswerRe: Which java Concepts are important for Learning Android Pin
Member 1222910214-Oct-16 8:19
Member 1222910214-Oct-16 8:19 
QuestionCustom Errors Pin
TML6-Oct-16 8:00
TML6-Oct-16 8:00 
AnswerRe: Custom Errors Pin
TML6-Oct-16 8:28
TML6-Oct-16 8:28 
GeneralRe: Custom Errors Pin
TML6-Oct-16 9:10
TML6-Oct-16 9:10 
Questionwhere can I find these css files? Pin
samflex4-Oct-16 6:16
samflex4-Oct-16 6:16 
AnswerRe: where can I find these css files? Pin
Richard Deeming4-Oct-16 11:14
mveRichard Deeming4-Oct-16 11:14 
Since there's no path specified in the href attribute, you find them in the same folder as your HTML / PHP file. If they don't exist, then you need to create them.

This example appears to be using a desktop-first approach, meaning that the styles in styleX.css only apply to screens up to Xpx wide. You would also need to have a base stylesheet with no media query, which would provide the base styles, and the styling for screens larger than your maximum breakpoint (1200px).

The alternative is to use a mobile-first approach; your base styles provide the styling for mobile devices, and you then use media queries with min-width / min-device-width to override the styling for larger screens.

You don't have to use separate stylesheet files; you can do it all in one:
CSS
/* Base styles ... */

@media screen and (max-device-width: 320px) {
    /* Styles for tiny screens ... */
}

@media screen and (max-device-width: 544px) {
    /* Styles for small screens ... */
}
...


NB: You'll struggle to make that form responsive as-is. You've used <table>s for layout, and you have fixed widths in inline styles. You've also used a negative margin to shift the button. You'll need to change the markup before you start trying to apply a responsive design to it.

Google has plenty of examples of creating a responsive login form, which would probably be a better place to start. Smile | :)



"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer


GeneralRe: where can I find these css files? Pin
samflex5-Oct-16 11:23
samflex5-Oct-16 11:23 
Questionwebsite db Pin
Member 1276809629-Sep-16 18:37
Member 1276809629-Sep-16 18:37 
AnswerRe: website db Pin
Nathan Minier30-Sep-16 1:21
professionalNathan Minier30-Sep-16 1:21 
QuestionDrag And Drop Into An Iframe Pin
MadDashCoder28-Sep-16 12:15
MadDashCoder28-Sep-16 12:15 
QuestionJQuery Ajax error Pin
Member 815484516-Sep-16 1:05
Member 815484516-Sep-16 1:05 
GeneralRe: JQuery Ajax error Pin
Richard Deeming16-Sep-16 2:49
mveRichard Deeming16-Sep-16 2:49 
GeneralRe: JQuery Ajax error Pin
Member 815484516-Sep-16 6:40
Member 815484516-Sep-16 6:40 
QuestionRe: JQuery Ajax error Pin
ZurdoDev21-Sep-16 7:43
professionalZurdoDev21-Sep-16 7:43 
QuestionExposing API VS Stored Procedure Pin
Java Lead31-Aug-16 4:30
Java Lead31-Aug-16 4:30 
AnswerRe: Exposing API VS Stored Procedure Pin
Richard MacCutchan31-Aug-16 4:45
mveRichard MacCutchan31-Aug-16 4:45 
AnswerRe: Exposing API VS Stored Procedure Pin
ZurdoDev31-Aug-16 14:25
professionalZurdoDev31-Aug-16 14:25 
SuggestionRe: Exposing API VS Stored Procedure Pin
Harpreet05Kaur26-Sep-16 1:16
Harpreet05Kaur26-Sep-16 1:16 
QuestionFull Stack Developer Pin
TeffyDog26-Aug-16 2:19
TeffyDog26-Aug-16 2:19 
AnswerRe: Full Stack Developer Pin
Nathan Minier29-Aug-16 1:09
professionalNathan Minier29-Aug-16 1:09 
QuestionJSON UI to SQL DB Pin
VarunSharma4326-Aug-16 1:15
professionalVarunSharma4326-Aug-16 1:15 
AnswerRe: JSON UI to SQL DB Pin
Nathan Minier30-Aug-16 1:08
professionalNathan Minier30-Aug-16 1:08 
GeneralRe: JSON UI to SQL DB Pin
VarunSharma4330-Aug-16 3:14
professionalVarunSharma4330-Aug-16 3:14 

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.