2 Replies Latest reply on Aug 4, 2007 6:53 PM by jessyager

    Spanning Header?!

    jessyager
      Ok, I am very new to web design and I know only a little about html and css. I am putting myself through a bit of a crash learning process. I am having a bit of trouble finding information on this particular thing though... I am a graphic designer and I know this doesn't work like a graphic program but I know it can be done I am just not sure how... I have a header I want to span across the entire display... like the one . here... I eventually want to incorperate the sidebar as well but I will start with the header and get that down first. I know that I must have a corner piece for both sides and then a repeating bar for both sides as well and then a center peice but does anyone know how I would go about getting this done in dreamweaver even in code view??? also I have all my margins set to 0 but for some reason I have a small gap of about 35px or so at the top of my page that I can't get my graphics to occupy... any help would be greatly appreciated, Jess
        • 1. Re: Spanning Header?!
          Level 7
          There is no easy answer as what you want to accomplish is fairly complicated
          and perhaps prohibitively complicated for a beginner. Generally, the best
          way to emulate something you see on a website is to look at the code and
          figure out how it works. In this case that is a bad approach as this is a
          very old site using severely out of date code (HTML 3.2).

          In the simplest of terms the effect is accomplished with multiple images:
          Left: http://www.screaming-art.com/gfx/left1.jpg &
          http://www.screaming-art.com/gfx/top1.jpg
          Center: http://www.screaming-art.com/gfx/top_bg.jpg
          Right: http://www.screaming-art.com/gfx/top2.jpg &
          http://www.screaming-art.com/gfx/right.jpg

          The center image is set as a background image and set to repeat on the
          x-axis.

          The actual code is right there for you to look at (in FF: View > Page
          Source). The drawback is you probably won't be able to make sense of the
          code until you take the time to learn & understand (X)HTML. Some
          understanding of CSS is also critical, long term.

          Sorry, but that IMO is the nature of web design. If you want to do simple
          things you can do them simply. If you want to do more complicated things,
          like a 5 piece expanding header graphic, you will have to roll up your
          sleeves and learn, learn, learn. I don't believe there is any middle ground
          because as soon as you leave the simple you will be continually drawn into
          the complicated.

          And, again, don't use the site you referenced as a model. It's just too old.

          --

          Walt


          "jessyager" <webforumsuser@macromedia.com> wrote in message
          news:f91ekk$gs4$1@forums.macromedia.com...
          > Ok, I am very new to web design and I know only a little about html and
          > css.
          > I am putting myself through a bit of a crash learning process. I am having
          > a
          > bit of trouble finding information on this particular thing though... I am
          > a
          > graphic designer and I know this doesn't work like a graphic program but I
          > know
          > it can be done I am just not sure how... I have a header I want to span
          > across
          > the entire display... like the one . http://www.screaming-art.com/... I
          > eventually want to incorperate the sidebar as well but I will start with
          > the
          > header and get that down first. I know that I must have a corner piece for
          > both
          > sides and then a repeating bar for both sides as well and then a center
          > peice
          > but does anyone know how I would go about getting this done in dreamweaver
          > even
          > in code view??? also I have all my margins set to 0 but for some reason I
          > have
          > a small gap of about 35px or so at the top of my page that I can't get my
          > graphics to occupy... any help would be greatly appreciated, Jess
          >


          • 2. Re: Spanning Header?!
            jessyager Level 1
            thanks for your quick response... yeah I figured that is about the only wayI'm gonna get where I wanna go... its how I got into graphic design and seems to be the easiest way for me to learn... on the html and css I do know a small amount but I'm sure not all I need to know especially for this stuff if you have any recomendations for help sites or whatnot I'm all ears... I don't want to be strictly reliant on the wysiwyg side of web design... and on the site I used if you know of any sites that use this same technique please let me know if I am gonna learn this I would like to learn the right way... Thanks, Jess