www.webdeveloper.com
Results 1 to 5 of 5

Thread: how to bring picture inline with the logo

  1. #1
    Join Date
    May 2008
    Posts
    298

    how to bring picture inline with the logo

    Hello,
    On this site I am working on
    autonomouscars.com
    i want to bring the logo picture in line with the picture below. how can i do that?

    also how can i make the logo picture transparent so that only the letters are visible but it doesnt close the background?

  2. #2
    Join Date
    Sep 2006
    Location
    new york
    Posts
    266
    Make it click-able http://www.autonomouscars.com

    Not sure exactly what you need. Generally, use float property to include several elements/images on same line In image editor program (e.g. Photoshop) eliminate image background and save in .GIF format. .GIF and .PNG file formats have transparency. images/robotcar.jpg .JPEG format does not have transparency and fills in blank areas with white.
    Last edited by auntnini; 01-09-2013 at 06:27 PM. Reason: amplify

  3. #3
    Join Date
    Mar 2011
    Location
    The Pleiades
    Posts
    31
    Images are inline elements, just put it in the same container. To do what you said I'd generally do something like:
    Code:
    <div id="header">
    <img src="img1.jpg" alt="img1" style="width: 200px;height: 200px;" />
    <img src="img2.jpg" alt="img2" style="width: 200px;height: 200px;" />
    </div>
    Alternatively like auntnini said you can float the images.

    Regards,

    LC.

  4. #4
    Join Date
    Jan 2013
    Posts
    4
    hi.. Images are inline by writting this as below:
    Code:
    <div>
    <img src="img1" alt="not found" />
    <img src="img2" alt="not found" />
    </div>

    If it doesn't finish your bug than surely you have to use floating for it.. Put float on first image as float:left;

  5. #5
    Join Date
    Jan 2013
    Posts
    4
    Quote Originally Posted by john00 View Post
    hi.. Images are inline by writting this as below:
    Code:
    <div>
    <img src="img1" alt="not found" />
    <img src="img2" alt="not found" />
    </div>

    If it doesn't finish your bug than surely you have to use floating for it.. Put float on first image as float:left;
    Web Design NY

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles