Click here to Skip to main content
15,891,375 members
Home / Discussions / Web Development
   

Web Development

 
AnswerRe: How Do I Design This Simple (yet Responsive) Site...??? Pin
jkirkerx27-May-18 19:13
professionaljkirkerx27-May-18 19:13 
QuestionFixing a Broken Interceptor Pin
cjb1108-May-18 3:50
cjb1108-May-18 3:50 
QuestionHow to use $_SERVER['PHP_SELF'] to save record and print simultaneouly Pin
Member 136918611-May-18 21:16
Member 136918611-May-18 21:16 
AnswerRe: How to use $_SERVER['PHP_SELF'] to save record and print simultaneouly Pin
Richard MacCutchan1-May-18 22:01
mveRichard MacCutchan1-May-18 22:01 
QuestionHow to run Javascript queries in code (HTML) Pin
Member 1380375629-Apr-18 5:20
Member 1380375629-Apr-18 5:20 
AnswerRe: How to run Javascript queries in code (HTML) Pin
Richard Deeming30-Apr-18 1:12
mveRichard Deeming30-Apr-18 1:12 
QuestionCodeIgniter-Search Pin
Jireh Capao24-Apr-18 19:03
Jireh Capao24-Apr-18 19:03 
QuestionRe-code to get rid of Absolute Positioning? Pin
Member 1208020114-Apr-18 8:16
Member 1208020114-Apr-18 8:16 
hello...

In my designs, I almost always create a Parent Layer (div)...w/ relative positioning; & w/ a margin of '0 auto' so it remains centered on the page (since I almost always use background images)...& then my other divs (nested inside the parent) are always positioned absolutely...the code of which would look something like this:

HTML
<div id="Layer1" style="position:relative; width:840px; height:2500px; margin: 0 auto; background color: #FFFFF; layer-background-color: #FFFFFF">
  <div id="Layer2" style="position:absolute; left:0px; top:0px; width:840px; height:222px; z-index:1; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px none #000000;"></div>
  <div id="Layer3" class="style1" style="position:absolute; left:0px; top:50px; width:840px; height:136px; z-index:1">
    <div align="center">TITLE</div>
  </div>
  <div id="Layer4" style="position:absolute; left:0px; top:250px; width:440px; height:380px; z-index:1"><img src="SomePhoto.jpg" width="440" height="380"></div>
  <div id="Layer5" style="position:absolute; left:300px; top:720px; width:460px; height:330px; z-index:1">Some Text </div>
</div>
...with a result similar to this:

http://www.moonjams.net/EXAMPLE.png

So...I'm not a pro coder by a long shot...I design like a graphic illustrator would in laying out a magazine page...but...given the fact that I've been told never to use Absolute Positioning (on the Child divs inside the Parent), how would I now re-code that page (using I'm assuming CSS thrown in w/ the HTML) so that it looks like that until the browser gets resized...& then all the elements flow correctly, stacking the way they're supposed to...left to right, top to bottom...WITHOUT USING THE DREADED ABSOLUTE POSITIONING...???

[btw...not asking to have my work done for me...but if someone could please provide just a short code example using a couple fictitious image blocks, I would be appreciative...OR...direct me to an informational on the web detailing exactly how to do it...thanx].

thanx,

dox
AnswerRe: Re-code to get rid of Absolute Positioning? Pin
Blikkies17-Apr-18 22:33
professionalBlikkies17-Apr-18 22:33 
AnswerRe: Re-code to get rid of Absolute Positioning? Pin
Richard Deeming19-Apr-18 2:20
mveRichard Deeming19-Apr-18 2:20 
AnswerRe: Re-code to get rid of Absolute Positioning? Pin
W Balboos, GHB4-May-18 7:05
W Balboos, GHB4-May-18 7:05 
QuestionSaving data submitted online as pdf Pin
Deekkris13-Apr-18 9:23
Deekkris13-Apr-18 9:23 
AnswerRe: Saving data submitted online as pdf Pin
David Mujica17-Apr-18 3:20
David Mujica17-Apr-18 3:20 
QuestionNeed to Link to an Image on another Page already containing multiple images Pin
Member 1208020110-Apr-18 8:03
Member 1208020110-Apr-18 8:03 
AnswerRe: Need to Link to an Image on another Page already containing multiple images Pin
Richard Deeming19-Apr-18 2:07
mveRichard Deeming19-Apr-18 2:07 
QuestionRe: Need to Link to an Image on another Page already containing multiple images Pin
Sarcastic CA20-Apr-18 7:56
professionalSarcastic CA20-Apr-18 7:56 
QuestionUsing DOM with Selector Values, Assignment Pin
Member 137687478-Apr-18 9:10
Member 137687478-Apr-18 9:10 
QuestionHow to perform addition from LineTotal to subtotal using HTML JavaScript Pin
Nikhil Dange21-Mar-18 3:24
Nikhil Dange21-Mar-18 3:24 
SuggestionQuestion about crud operations Pin
Maniteja Attili20-Mar-18 10:25
Maniteja Attili20-Mar-18 10:25 
QuestionRe: Question about crud operations Pin
Richard MacCutchan20-Mar-18 12:25
mveRichard MacCutchan20-Mar-18 12:25 
AnswerRe: Question about crud operations Pin
Maniteja Attili21-Mar-18 3:34
Maniteja Attili21-Mar-18 3:34 
GeneralRe: Question about crud operations Pin
Richard MacCutchan21-Mar-18 4:08
mveRichard MacCutchan21-Mar-18 4:08 
GeneralTemplates with just HTML/CSS (without a back-end) Pin
Ritwesh6-Mar-18 19:55
Ritwesh6-Mar-18 19:55 
QuestionHTML Tables and CSS control Pin
OzWaz5-Mar-18 11:30
OzWaz5-Mar-18 11:30 
AnswerRe: HTML Tables and CSS control Pin
Richard Deeming5-Mar-18 12:46
mveRichard Deeming5-Mar-18 12:46 

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.