Skip navigation
braico
Currently Being Moderated

Help needed with to center my logo.

Mar 19, 2012 2:11 PM

Tags: #help #image #dreamweaver

Dear Support,

 

Is there is someone who got some time to explain why i cant center my logo in dreamweaver. Ive selected the DIV and put everything on center but the logo keeps on the left side of the Div.

 

Please help me.

 

You can find the site on

 

www.dorff.nl

 

its the logo called be smart instituut.

 

another question is....is it possible to make the white corners of the logo transparant. Its a jpf and in photoshop there are no corners. So its strange that the appear on my screen when i place it in the site.

 

 

Regards Brian

 
Replies
  • Currently Being Moderated
    Mar 19, 2012 2:20 PM   in reply to braico

    Use CSS (shown inline here for expediency).

     

     

    HTML:

     

    <div id="header">

     

    <div class="container">

    <div id="logo" style="text-align:center">

    <img src="images/logo.jpg" alt="Be Smart Instituut" height="100" width="301">

    <!--end logo--></div>

    <!--end container--></div>

     

    Centering Pages, Images and other elements with CSS

    http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements _with_CSS-16640.html

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 19, 2012 2:24 PM   in reply to braico

    In http://www.dorff.nl/stylesheets/common.css

     

    Change

     

    #logo{

    height: 200;

    position: relative;

    }

     

    to

     

    #logo{

    width: 301px;

    margin: 0 auto;

    }

     

     

    another question is....is it possible to make the white corners of the logo transparant. Its a jpf and in photoshop there are no corners. So its strange that the appear on my screen when i place it in the site.

     

    The .jpg file format does not support transparency - even if the original is set to transparent in Photoshop, when exported to JPG, the transparent areas will turn white.

     

    The image should not be a JPG anyway. JPG is for photos and gradients.

     

    Solid colors with hard edges (e.g. where edge of text meets background color) should be PNG or GIF. I prefer PNG.

     

    Go back to Photshop and re-export as a PNG with transparency. Then re-link to the PNG file in the stylesheet.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points