getting a image to be 0 pixels to top

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default Re: getting a image to be 0 pixels to top

    Use CSS to set the page margins in the browser -

    body { margin:0; padding:0; }

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (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
    ==================


    "Hank uses DW" <webforumsuser@macromedia.com> wrote in message
    news:eks8s9$btf$1@forums.macromedia.com...
    > Hello,
    >
    > I am creating a set of pages and want to logo to be flush to the top of
    > the
    > page.
    >
    > I have placed the image inside a table, the page properties are set to 0
    > margins top, bottom, left and right.
    >
    > The image is flush when I view it in photoshop and when I am working in DW
    >
    > But when I load the page there is space at the top of the page? Clearly
    > there
    > is something I am doing wrong and would appreciate feedback on correcting
    > this
    > issues.
    >
    > this is the page in question.
    >
    > [url]http://www.interactivehank.com/docs/creativespace/index.html[/url]
    >
    > Thanks very much
    >
    > Henry
    >

    Murray *ACE* Guest

  2. Similar Questions and Discussions

    1. OT: What are pixels?
      Thanks for you input, Richard! Mike
    2. Adjusting ruler increments from every 12 pixels to every 10 pixels?
      My rulers in Illustator are set to every 12 pixels, how can i change the increments so it counts every pixel instead of every 2 pixels? Thanks, Rob
    3. Pixels
      Hello, Can somebody tell me what a good adjustment is for taking pictures with a 5 Mpix camera, I don't see the differance in the fine, medium...
    4. reverse or change color of pixels in image
      I have an image that consists of black, white, and many shades of gray pixels on a white background. I would like to reverse or recolor the...
    5. S9 Pixels
      Why are so many people scared of this sensor?? I think it will be in every camera one day. Probably made by all the manufactures themselves. ...
  3. #2

    Default getting a image to be 0 pixels to top

    Hello,

    I am creating a set of pages and want to logo to be flush to the top of the
    page.

    I have placed the image inside a table, the page properties are set to 0
    margins top, bottom, left and right.

    The image is flush when I view it in photoshop and when I am working in DW

    But when I load the page there is space at the top of the page? Clearly there
    is something I am doing wrong and would appreciate feedback on correcting this
    issues.

    this is the page in question.

    [url]http://www.interactivehank.com/docs/creativespace/index.html[/url]

    Thanks very much

    Henry

    Hank uses DW Guest

  4. #3

    Default Re: getting a image to be 0 pixels to top

    This is what I have in the code view, still has padding?

    body {
    margin-left: 0px;
    margin-top: 0pc;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #66CCCC;
    padding: 0px;
    }

    Thanks for your reply.

    Henry

    Hank uses DW Guest

  5. #4

    Default Re: getting a image to be 0 pixels to top

    Here is the entire header info.

    Thanks for taking a peek.

    Henry

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Welcome to Creative Space</title>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    padding-right: 10px;
    }
    body { margin:0; padding:0; }
    body {
    background-color: #66CCCC;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    }
    a:active {
    text-decoration: none;
    }
    .style3 {color: #006699}
    -->
    </style>
    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
    x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
    i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document;
    if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
    x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)
    x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
    for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
    x.oSrc=x.src; x.src=a[i+2];}
    }

    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }
    //-->
    </script>
    </head>

    Hank uses DW Guest

  6. #5

    Default Re: getting a image to be 0 pixels to top

    SHow me the first 10 lines after the <body> tag, please.

    You have zeroed the margin with the CSS, so it's something in the code.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (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
    ==================


    "Hank uses DW" <webforumsuser@macromedia.com> wrote in message
    news:ekseh3$hnr$1@forums.macromedia.com...
    > Here is the entire header info.
    >
    > Thanks for taking a peek.
    >
    > Henry
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="http://www.w3.org/1999/xhtml">
    > <head>
    > <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    > <title>Welcome to Creative Space</title>
    > <style type="text/css">
    > <!--
    > body,td,th {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 16px;
    > color: #FFFFFF;
    > padding-right: 10px;
    > }
    > body { margin:0; padding:0; }
    > body {
    > background-color: #66CCCC;
    > }
    > a:link {
    > text-decoration: none;
    > }
    > a:visited {
    > text-decoration: none;
    > }
    > a:hover {
    > text-decoration: none;
    > }
    > a:active {
    > text-decoration: none;
    > }
    > .style3 {color: #006699}
    > -->
    > </style>
    > <script type="text/JavaScript">
    > <!--
    > function MM_swapImgRestore() { //v3.0
    > var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
    > x.src=x.oSrc;
    > }
    >
    > function MM_preloadImages() { //v3.0
    > var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    > var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
    > i<a.length;
    > i++)
    > if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
    > d.MM_p[j++].src=a[i];}}
    > }
    >
    > function MM_findObj(n, d) { //v4.01
    > var p,i,x; if(!d) d=document;
    > if((p=n.indexOf("?"))>0&&parent.frames.length) {
    > d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    > if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
    > x=d.forms[i][n];
    > for(i=0;!x&&d.layers&&i<d.layers.length;i++)
    > x=MM_findObj(n,d.layers[i].document);
    > if(!x && d.getElementById) x=d.getElementById(n); return x;
    > }
    >
    > function MM_swapImage() { //v3.0
    > var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
    > for(i=0;i<(a.length-2);i+=3)
    > if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
    > x.oSrc=x.src; x.src=a[i+2];}
    > }
    >
    > function MM_openBrWindow(theURL,winName,features) { //v2.0
    > window.open(theURL,winName,features);
    > }
    > //-->
    > </script>
    > </head>
    >

    Murray *ACE* Guest

  7. #6

    Default Re: getting a image to be 0 pixels to top

    Here are the ten lines after end of the <head> tag.

    I did add a { padding-right: 10px; } style, to move some text over, but it
    had no effect on the pad at the top.

    Thanks very much,

    Henry

    <body
    onload="MM_preloadImages('images/contact.orange.png','images/classes.blue.png','
    images/csatschool.blue.png','images/bdays.blue.png','images/camp.blue.png','imag
    es/shop.blue.png','images/visuals.blue.png','images/keepintouch.blue.png','image
    s/2007calendarbutton.orange.png','images/print_calendar.png')">
    <table width="100%" border="0" cellpadding="0" cellspacing="0"
    bgcolor="#66CCCC">
    <tr>
    <td width="39%" rowspan="13" valign="top"><p align="left"><img
    src="images/cspace.logo.aqua.jpg" width="450" height="454" /></p></td>
    <td width="41%" rowspan="15" valign="top" bordercolor="#FFFFFF"><p
    align="justify">&nbsp;</p>
    <p align="justify"><img src="images/ifyoubuild.png" width="555"
    height="71" /></p>
    <p align="justify">The CREATIVE SPACE story
    <span class="style3"><br />
    <br />


    Hank uses DW Guest

  8. #7

    Default Re: getting a image to be 0 pixels to top

    Change this -

    <td width="39%" rowspan="13" valign="top"><p align="left"><img
    src="images/cspace.logo.aqua.jpg" width="450" height="454" /></p></td>

    to this -

    <td width="39%" rowspan="13" valign="top"><img
    src="images/cspace.logo.aqua.jpg" width="450" height="454" /></td>

    Then go read this -

    [url]http://apptools.com/rants/spans.php[/url]


    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (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
    ==================


    "Hank uses DW" <webforumsuser@macromedia.com> wrote in message
    news:ekt9i6$gas$1@forums.macromedia.com...
    > Here are the ten lines after end of the <head> tag.
    >
    > I did add a { padding-right: 10px; } style, to move some text over, but it
    > had no effect on the pad at the top.
    >
    > Thanks very much,
    >
    > Henry
    >
    > <body
    > onload="MM_preloadImages('images/contact.orange.png','images/classes.blue.png','
    > images/csatschool.blue.png','images/bdays.blue.png','images/camp.blue.png','imag
    > es/shop.blue.png','images/visuals.blue.png','images/keepintouch.blue.png','image
    > s/2007calendarbutton.orange.png','images/print_calendar.png')">
    > <table width="100%" border="0" cellpadding="0" cellspacing="0"
    > bgcolor="#66CCCC">
    > <tr>
    > <td width="39%" rowspan="13" valign="top"><p align="left"><img
    > src="images/cspace.logo.aqua.jpg" width="450" height="454" /></p></td>
    > <td width="41%" rowspan="15" valign="top" bordercolor="#FFFFFF"><p
    > align="justify">&nbsp;</p>
    > <p align="justify"><img src="images/ifyoubuild.png" width="555"
    > height="71" /></p>
    > <p align="justify">The CREATIVE SPACE story
    > <span class="style3"><br />
    > <br />
    >
    >

    Murray *ACE* Guest

  9. #8

    Default Re: getting a image to be 0 pixels to top

    THanks very much.

    All better now and I really appreciate the link to the rowspan piece, which
    led me to dreamweaverfaq.com which is more than my pea brain can handle, but I
    love knowing the information is out there.

    Take care,

    Henry

    Hank uses DW Guest

  10. #9

    Default Re: getting a image to be 0 pixels to top

    Good luck!

    You would have found that same link in my signature, below, too!

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (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
    ==================


    "Hank uses DW" <webforumsuser@macromedia.com> wrote in message
    news:ekurd6$8nl$1@forums.macromedia.com...
    > THanks very much.
    >
    > All better now and I really appreciate the link to the rowspan piece,
    > which
    > led me to dreamweaverfaq.com which is more than my pea brain can handle,
    > but I
    > love knowing the information is out there.
    >
    > Take care,
    >
    > Henry
    >

    Murray *ACE* Guest

Posting Permissions

  • You may not post new threads
  • You may 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