Professional Web Applications Themes

CSS Thoughts - Macromedia Dynamic HTML

Okay you Macromedia lot give me your thoughts on this.... I can quite happily design CSS websites in DWMX04 using lots of absolute placing which works in both IE, FF and N and validates fine. However on every forum I am being told DONT' USE ABSOLUTE PLACING FOR EVERYING! so do I keep banging my head against a brick wall trying to position images and text and then find they don't work in all browsers, or shall I be lazy and carry on as I have been (well at least till I can figure out how to position stuff properly)?...

  1. #1

    Default CSS Thoughts

    Okay you Macromedia lot give me your thoughts on this....

    I can quite happily design CSS websites in DWMX04 using lots of absolute
    placing which works in both IE, FF and N and validates fine. However on every
    forum I am being told DONT' USE ABSOLUTE PLACING FOR EVERYING! so do I keep
    banging my head against a brick wall trying to position images and text and
    then find they don't work in all browsers, or shall I be lazy and carry on as I
    have been (well at least till I can figure out how to position stuff properly)?

    csa Guest

  2. #2

    Default Re: CSS Thoughts

    > I can quite happily design CSS websites in DWMX04 using lots of absolute
    > placing which works in both IE, FF and N and validates fine.
    And makes an awful mess when text is resized in the browser. Do not think
    that absolute positioning is something that you need to use to layout pages.
    In fact, it would be seldom used by most people.
    > banging my head against a brick wall trying to position images and text
    > and
    > then find they don't work in all browsers
    Give me an example, please.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "csa" <webforumsusermacromedia.com> wrote in message
    news:djte4k$505$1forums.macromedia.com...
    > Okay you Macromedia lot give me your thoughts on this....
    >
    > I can quite happily design CSS websites in DWMX04 using lots of absolute
    > placing which works in both IE, FF and N and validates fine. However on
    > every
    > forum I am being told DONT' USE ABSOLUTE PLACING FOR EVERYING! so do I
    > keep
    > banging my head against a brick wall trying to position images and text
    > and
    > then find they don't work in all browsers, or shall I be lazy and carry on
    > as I
    > have been (well at least till I can figure out how to position stuff
    > properly)?
    >

    Murray *TMM* Guest

  3. #3

    Default Re: CSS Thoughts

    I knew you were ganna tell me bad news!

    [url]http://www.thehertsweb.co.uk/css/main.html[/url]

    CSS
    /* CSS Doent */
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #ffffff url(images/background.gif) repeat left top;

    }
    /* Added this to prevent space in mozilla based browsers*/
    ul{
    /* can change first value here to move nav links down if required */
    margin: 0px 0px 0px 10px;
    }
    #topHeader{
    margin-left: 0px;
    margin-right: 100px;
    margin-top: 0px;
    height: 93px;
    width: 760px;
    background: #ffffff url(images/topheader.gif) no-repeat left top;
    }
    #menuSide{
    position: absolute;
    margin-left: 0px;
    margin-right: 100px;
    margin-top: 0px;
    height: 469px;
    width: 192px;
    background: #F8F400 url(images/homesidemenu.jpg) no-repeat left top;
    top: 93px;
    left: -1px;
    background-color: #E00032;
    }
    #topCut{
    margin-left: 190px;
    margin-right: 0px;
    margin-top: 0px;
    width: 555px;
    left: 0px;
    top:20px;
    height: 20px;
    background: #ffffff url(images/topcut.gif) no-repeat left top;
    }
    #mainContent{
    position: absolute;
    margin-left: 200px;
    margin-right: 200px;
    margin-top: 0px;
    width: 358px;
    left: 1px;
    top:117px;
    height: 316px;
    background-color:#FFFFFF

    }
    #flexibletxt {
    position:relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    margin-left: 50px;
    padding: 0px;
    word-spacing: normal;
    letter-spacing: normal;
    width: 300px;
    margin-top: 0px;
    margin-left: 50px;
    text-align:right;
    vertical-align:top;
    }
    img.top {vertical-align:text-top};
    #right{
    position: absolute;
    margin-left: 600px;
    margin-right: 200px;
    margin-top: 0px;
    width: 327px;
    left: -32px;
    top:118px;
    height: 475px;
    background-color:#FFFFFF


    csa Guest

  4. #4

    Default Re: CSS Thoughts

    Consider this -

    [url]http://www.murraytestsite.com/storage.htm[/url]

    No positioning at all.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "csa" <webforumsusermacromedia.com> wrote in message
    news:djthm3$akc$1forums.macromedia.com...
    >I knew you were ganna tell me bad news!
    >
    > [url]http://www.thehertsweb.co.uk/css/main.html[/url]
    >
    > CSS
    > /* CSS Doent */
    > body {
    > margin-left: 0px;
    > margin-top: 0px;
    > margin-right: 0px;
    > margin-bottom: 0px;
    > background: #ffffff url(images/background.gif) repeat left top;
    >
    > }
    > /* Added this to prevent space in mozilla based browsers*/
    > ul{
    > /* can change first value here to move nav links down if required */
    > margin: 0px 0px 0px 10px;
    > }
    > #topHeader{
    > margin-left: 0px;
    > margin-right: 100px;
    > margin-top: 0px;
    > height: 93px;
    > width: 760px;
    > background: #ffffff url(images/topheader.gif) no-repeat left top;
    > }
    > #menuSide{
    > position: absolute;
    > margin-left: 0px;
    > margin-right: 100px;
    > margin-top: 0px;
    > height: 469px;
    > width: 192px;
    > background: #F8F400 url(images/homesidemenu.jpg) no-repeat left top;
    > top: 93px;
    > left: -1px;
    > background-color: #E00032;
    > }
    > #topCut{
    > margin-left: 190px;
    > margin-right: 0px;
    > margin-top: 0px;
    > width: 555px;
    > left: 0px;
    > top:20px;
    > height: 20px;
    > background: #ffffff url(images/topcut.gif) no-repeat left top;
    > }
    > #mainContent{
    > position: absolute;
    > margin-left: 200px;
    > margin-right: 200px;
    > margin-top: 0px;
    > width: 358px;
    > left: 1px;
    > top:117px;
    > height: 316px;
    > background-color:#FFFFFF
    >
    > }
    > #flexibletxt {
    > position:relative;
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 11px;
    > font-weight: bold;
    > color: #000000;
    > margin-left: 50px;
    > padding: 0px;
    > word-spacing: normal;
    > letter-spacing: normal;
    > width: 300px;
    > margin-top: 0px;
    > margin-left: 50px;
    > text-align:right;
    > vertical-align:top;
    > }
    > img.top {vertical-align:text-top};
    > #right{
    > position: absolute;
    > margin-left: 600px;
    > margin-right: 200px;
    > margin-top: 0px;
    > width: 327px;
    > left: -32px;
    > top:118px;
    > height: 475px;
    > background-color:#FFFFFF
    >
    >

    Murray *TMM* Guest

  5. #5

    Default Re: CSS Thoughts

    I have started to amend this file but I have a few questions:

    [url]http://www.thehertsweb.co.uk/css/031105.htm[/url]

    How can I remove the white space which appears either in #topCut or
    #mainContent? I have tried adjusting the margin-left but this doesn't seem to
    make a difference, also this looks fine in IE but in MFF the #right text moves
    slightly.

    thanks

    csa Guest

Similar Threads

  1. Some Thoughts
    By Rothrock in forum Macromedia Flash Actionscript
    Replies: 0
    Last Post: February 18th, 09:22 PM
  2. infrastructure thoughts?
    By Mike in forum Linux / Unix Administration
    Replies: 0
    Last Post: November 13th, 02:39 PM
  3. any thoughts?
    By tikana in forum ASP Database
    Replies: 1
    Last Post: October 14th, 11:21 PM
  4. Thoughts on yield
    By Nolan J. Darilek in forum Ruby
    Replies: 16
    Last Post: September 30th, 05:05 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139