SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict RapidGaming's Avatar
    Join Date
    Sep 2003
    Location
    UK
    Posts
    204
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Aligning text by an image

    I'm trying to get something like this:

    ######### ~~~~~~~~~
    ######### ~~~~~~~~~
    ######### ~~~~~~~~~
    # I M A G E # ~~~~~~~~~
    ######### ~~~~~~~~~
    ######### ~~~~~~~~~
    ######### ~~~~~~~~~

    Where the ~~~ is the text. I can only manage to get it to work like this:

    ######### ~~~~~~~~~
    #########
    #########
    # I M A G E #
    #########
    #########
    #########
    ~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~~

    I am using the CSS:

    Code:
     #img4 {vertical-align: text-top;}
    ..this does the same..

    Code:
     #img4 {vertical-align: top;}
    Thanks for any help!

  2. #2
    SitePoint Guru kish's Avatar
    Join Date
    Jun 2003
    Location
    UK
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try floating the image to the left of the text...

    #img4 {float: left;}
    Fast Fwd Multimedia
    Web, IT & Cloud Computing Consultancy
    Currently looking for web freelancers. Get in touch!

  3. #3
    SitePoint Addict RapidGaming's Avatar
    Join Date
    Sep 2003
    Location
    UK
    Posts
    204
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Perfecto, thank you.

  4. #4
    SitePoint Guru kish's Avatar
    Join Date
    Jun 2003
    Location
    UK
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    np
    Fast Fwd Multimedia
    Web, IT & Cloud Computing Consultancy
    Currently looking for web freelancers. Get in touch!

  5. #5
    SitePoint Addict RapidGaming's Avatar
    Join Date
    Sep 2003
    Location
    UK
    Posts
    204
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can I do a float center? I did:

    Code:
    display: block;
        margin-left: auto;
        margin-right: auto
    but it doesn't work with IE, only Mozilla.

  6. #6
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,220
    Mentioned
    58 Post(s)
    Tagged
    3 Thread(s)
    $5 and i'll tell you how to do it in IE
    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"


Bookmarks

Posting Permissions

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