positioning images with css

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

  1. #1

    Default positioning images with css

    Hello everybody,
    thanx in advance for your help.
    Needless 2 say that my question would sound stupid to most of you, but if it
    sounded smart I would probably be the one to answer it and not to make it... It
    sounds logic, doesn't it?...I apologize for my reflection and I go straight to
    the point:

    PRESUPPOSAL:
    I created a pretty complex web-page design with Photoshop. It's not just about
    a logo in the 0% 0% position and some colored bar on the viewport border but a
    800X600 image with lots of particulars.
    ISSUE:
    I'd like 2 put it on the html page with CSS.
    QUESTIONS:
    a)Shall I put the image as a whole?
    b)Or shall I sLice it as I'd do if I wanted to use a table to position it?
    If the a) is the correct option, won't the page be to heavy in terms of
    kbytes? (As far as I know a sliced image is overally lighter than an entire one)
    If the b) is the correct option, how can I position more than one picture with
    css in a html document? (I studied css from a short Molly Holzshlag's book and
    she only explains how to position 1 single image)
    c)Is it ok to use CSS image-positioning to such an extreme extent? Should I
    prefer table-positioning considering my 800X600px goal? I mean, is there any
    technical problem I ignore? Is it a inapropriate use of CSS?

    Thank you so very much and enjoy the week!
    bye,
    Giuseppe, Rome

    giuseppe craparotta Guest

  2. Similar Questions and Discussions

    1. Positioning of content
      Hi everyone got this following code - and when i try to add the template -<cfinclude template="resultarticle links.cfm"> it doesn't appear at the...
    2. positioning
      im trying to move a div tag to the right side, ive tried using "float" but it doesnt work the way i want it to. i tried setting its position as...
    3. CSS Div Positioning
      Anybody know how to cause a DIV to be aligned to the bottom of the page? If you go to: http://www.tilaru.com/NewSite/index.php you'll see that my...
    4. positioning loadmovie
      hello, on level 0 : a button executing : loadmovie("1.JPEG",1) ( loaded to level 1 ) I would like to give a position (x,y) to this...
    5. Pop up menu positioning
      For some reason my pop up menu appears under the flash conent when appearing on my site whilst using some browsers which makes navigation to some...
  3. #2

    Default positioning images with css

    Hello everybody,
    thanx in advance for your help.
    Needless 2 say that my question would sound stupid to most of you, but if it
    sounded smart I would probably be the one to answer it and not to make it... It
    sounds logic, doesn't it?...I apologize for my reflection and I go straight to
    the point:

    PRESUPPOSAL:
    I created a pretty complex web-page design with Photoshop. It's not just about
    a logo in the 0% 0% position and some colored bar on the viewport border but a
    800X600 image with lots of particulars.
    ISSUE:
    I'd like 2 put it on the html page with CSS.
    QUESTIONS:
    a)Shall I put the image as a whole?
    b)Or shall I sLice it as I'd do if I wanted to use a table to position it?
    If the a) is the correct option, won't the page be to heavy in terms of
    kbytes? (As far as I know a sliced image is overally lighter than an entire one)
    If the b) is the correct option, how can I position more than one picture with
    css in a html document? (I studied css from a short Molly Holzshlag's book and
    she only explains how to position 1 single image)
    c)Is it ok to use CSS image-positioning to such an extreme extent? Should I
    prefer table-positioning considering my 800X600px goal? I mean, is there any
    technical problem I ignore? Is it a inapropriate use of CSS?

    Thank you so very much and enjoy the week!
    bye,
    Giuseppe, Rome

    giuseppe craparotta Guest

  4. #3

    Default Re: positioning images with css

    Let's start by seeing your page, please.
    > I created a pretty complex web-page design with Photoshop. It's not just
    > about
    > a logo in the 0% 0% position and some colored bar on the viewport border
    > but a
    > 800X600 image with lots of particulars.
    I'm already worried. This sounds massively heavy....

    --
    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
    ==================


    "giuseppe craparotta" <webforumsuser@macromedia.com> wrote in message
    news:eccu4v$4n1$1@forums.macromedia.com...
    > Hello everybody,
    > thanx in advance for your help.
    > Needless 2 say that my question would sound stupid to most of you, but if
    > it
    > sounded smart I would probably be the one to answer it and not to make
    > it... It
    > sounds logic, doesn't it?...I apologize for my reflection and I go
    > straight to
    > the point:
    >
    > PRESUPPOSAL:
    > I created a pretty complex web-page design with Photoshop. It's not just
    > about
    > a logo in the 0% 0% position and some colored bar on the viewport border
    > but a
    > 800X600 image with lots of particulars.
    > ISSUE:
    > I'd like 2 put it on the html page with CSS.
    > QUESTIONS:
    > a)Shall I put the image as a whole?
    > b)Or shall I sLice it as I'd do if I wanted to use a table to position it?
    > If the a) is the correct option, won't the page be to heavy in terms of
    > kbytes? (As far as I know a sliced image is overally lighter than an
    > entire one)
    > If the b) is the correct option, how can I position more than one picture
    > with
    > css in a html document? (I studied css from a short Molly Holzshlag's book
    > and
    > she only explains how to position 1 single image)
    > c)Is it ok to use CSS image-positioning to such an extreme extent? Should
    > I
    > prefer table-positioning considering my 800X600px goal? I mean, is there
    > any
    > technical problem I ignore? Is it a inapropriate use of CSS?
    >
    > Thank you so very much and enjoy the week!
    > bye,
    > Giuseppe, Rome
    >

    Murray *ACE* Guest

  5. #4

    Default Re: positioning images with css

    I sent my web page as attachment to [email]forums@HAHAgreat-web-sights.com[/email] but there's a routing server failure. Any suggestion on how to make you have my page?
    Thanks!
    Giuseppe
    giuseppe craparotta Guest

  6. #5

    Default Re: positioning images with css

    Upload it and post a link to it, please. I prefer not to receive pages by
    email.

    --
    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
    ==================


    "giuseppe craparotta" <webforumsuser@macromedia.com> wrote in message
    news:ecf4sq$op2$1@forums.macromedia.com...
    >I sent my web page as attachment to [email]forums@HAHAgreat-web-sights.com[/email] but
    >there's a routing server failure. Any suggestion on how to make you have my
    >page?
    > Thanks!
    > Giuseppe

    Murray *ACE* Guest

  7. #6

    Default Re: positioning images with css

    The thing is that my page is not on a server yet... :-(
    giuseppe craparotta Guest

  8. #7

    Default Re: positioning images with css

    Nobody can help you without seeing your page.

    --
    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
    ==================


    "giuseppe craparotta" <webforumsuser@macromedia.com> wrote in message
    news:ecot39$m2t$1@forums.macromedia.com...
    > The thing is that my page is not on a server yet... :-(

    Murray *ACE* Guest

  9. #8

    Default Re: positioning images with css

    What you probably need is a combination of both tables and CSS. Before you
    slice-and-dice, look at your Photoshop layout as the three-dimensional object
    that it is and think about the parts that you can logically put together in
    divs and control with CSS, and which large images you need to slice up. For
    complex layouts, I actually sketch out several scenarios with pencil and paper.

    Here's an example of a gloriously complicated layout: [url]www.loopedlogic.com[/url]
    It's still not perfect (there's a small positioning glitch in Firefox I've yet
    to iron out), but it works. The only table is the sliced-up large image of the
    cabinet; everything else is CSS.

    Table vs. CSS? If you've got a complicated layout, CSS is about fifty times
    harder to set up and get right, but once you've got it working, it's
    rock-solid, downloads much faster, and you can change it without it falling
    apart.

    mlapointe 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