Center Banner Logo

[mudanoman]

What do I need to change (in style.css ?) to center the banner logo on my site: http://www.dptips.com/tips/ Thanks. -Ivan

[Thorsten]

Hi,

Code: Select all

style="margin: auto;"

in the <img> tag should help.

bye
Thorsten

[mudanoman]

Thorsten,

No luck. Any other suggestions?

Thanks,

Ivan

[Thorsten]

Hi Ivan,

does <img align="center" /> work?

bye
Thorsten

[mudanoman]

No luck. Here is the header code currently on website:

Code: Select all

    <!-- start headers -->
    <div class="header" id="header">
        <img src="http://www.dptips.com/tips/images/dptips.jpg">
        <ul>
            <li>{msgContact}</li>
            <li>{msgHelp}</li>
            <li>{msgOpenQuestions}</li>
            <li>{msgQuestion}</li>
            <li>{msgAddContent}</li>
            <li>{msgSearch}</li>
        </ul>
    </div>
    <!-- end headers -->

[Thorsten]

Hi,

this centers the image:

Code: Select all

<!-- start headers -->
    <div class="header" id="header">
        <div style="text-align: center;"><img src="http://www.dptips.com/tips/images/dptips.jpg" alt="" /></div> 
        <ul>
            <li>{msgContact}</li>
            <li>{msgHelp}</li>
            <li>{msgOpenQuestions}</li>
            <li>{msgQuestion}</li>
            <li>{msgAddContent}</li>
            <li>{msgSearch}</li>
        </ul>
    </div>
    <!-- end headers -->

bye
Thorsten

[mudanoman]

Thorsten,

I goofed on my explaining on centering. I meant to center it vertically. I attached an image below since my explaining in words needs work.

Thanks,

Ivan

[Thorsten]

Hi,

ah, okay!

I'll take a look at it this evening!

bye
Thorsten

[Thorsten]

Hi,

that's easy. You just have to play with the height in the #header section in CSS file template/style.css:

Code: Select all

/**
* Header definitions
*/
#header {
   position: relative;
   min-height: 39px;
   height: 5em;
   padding: 0;
   margin: 0;
   margin-bottom: 1em;
   height: 3em;
   padding: 15px 0;
}

bye
Thorsten

[mudanoman]

Done. Thank you! 8)