Skip to main content
alanp13498454
Participating Frequently
March 29, 2023
Question

Header or picture scale across a page and be centered

  • March 29, 2023
  • 2 replies
  • 271 views

I just got thrown into this project and I have no idea what I am doing. I have done Muse, Flash, and Wordpress, but not Dreamweaver with css.... I need to make a graphic header that I created, stay centered and also scale all the way across a page when the page width changes. I found this starter template named basic - single page and somehow placed my graphic into it. Also trying to figure out how to get rid of the grey sidebars. Any help would be appreciated.

Thanks!

    This topic has been closed for replies.

    2 replies

    alanp13498454
    Participating Frequently
    April 5, 2023

    Thanks!

     

    BenPleysier
    Community Expert
    Community Expert
    March 30, 2023

    To center a graphic header in Dreamweaver with CSS, you can use the following CSS code:

     

    header {
    width: 100%;
    text-align: center;
    }

    header img {
    display: inline-block;
    margin: 0 auto;
    }

     

    This will center your header image and make it scale all the way across a page. You can also adjust the width of your header by changing the width property of your header element.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!