question

Discussion in 'HTML' started by Gyoba, Sep 22, 2003.

  1. Gyoba

    Gyoba Guest

    Hi everybody, i have a request:
    how do I put, in html codes, an image over another? after that with some
    table tags I'll adjust the positions..
    and, from the moment I'm here, how do I *write* onto an image?
    example: I have prepeared two images:
    BLUE CIRCLE -> BC
    YELLOW CIRCLE -> YC
    with BC bigger than YC
    I'd like to put YC inside BC, and on YC I'd like to write "I love mama",
    that will be a link for another page (a href:" ect..)
    It's a freakin' crappy example but I hope it can help..
    Thanx a lot!
    Gioba
     
    Gyoba, Sep 22, 2003
    #1
    1. Advertising

  2. Gyoba

    Denise Enck Guest

    "Gyoba" <> wrote in message
    news:Rpqbb.98384$...
    > Hi everybody, i have a request:
    > how do I put, in html codes, an image over another? after that with some
    > table tags I'll adjust the positions..
    > and, from the moment I'm here, how do I *write* onto an image?
    > example: I have prepeared two images:
    > BLUE CIRCLE -> BC
    > YELLOW CIRCLE -> YC
    > with BC bigger than YC
    > I'd like to put YC inside BC, and on YC I'd like to write "I love mama",
    > that will be a link for another page (a href:" ect..)
    > It's a freakin' crappy example but I hope it can help..
    > Thanx a lot!
    > Gioba
    >


    Why not just make a button like that in a graphics program? Would be very
    easy. Then you only have one image to contend with, much simpler.

    cheers ~
    Denise
     
    Denise Enck, Sep 22, 2003
    #2
    1. Advertising

  3. Gyoba wrote:

    > I'd like to put YC inside BC, and on YC I'd like to write "I love mama",
    > that will be a link for another page (a href:" ect..)


    As Denise said, it would be far better to do this in a graphics program,
    but if you really want to:

    <div style="position:relative;">

    <img src="bc.png" alt="" height="180" width="180"
    style="position:absolute; top:0; left:0;" z-index:1;">

    <img src="yc.png" alt="" height="120" width="120"
    style="position:absolute; top:30px; left:30px;" z-index:2;">

    <div style="position:absolute; top:0; left:0; z-index:3;
    height:180px; width:180px; text-align:center; vertical-align:middle;">
    <a href="http://www.google.com/">I Love Mama</a>
    </div>

    </div>

    --
    Toby A Inkster BSc (Hons) ARCS
    Contact Me - http://www.goddamn.co.uk/tobyink/?id=132
     
    Toby A Inkster, Sep 22, 2003
    #3
  4. Gyoba

    Gyoba Guest

    To "Denise Enck" & "Toby A Inkster" ha scritto:

    You were a whole lot helpful, thanx!
    have a great day
    GiĆ²

    P.S. my decision not to use Flash or company, is that to realize this site I
    have to maintain a sobre style, with cold designs.. yesterday, trying to
    help myself with this problem, I made a .gif with all the images I needed,
    with names already onto, and used the tag map to link around :)
     
    Gyoba, Sep 22, 2003
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. sean
    Replies:
    1
    Views:
    616
    Cowboy \(Gregory A. Beamer\)
    Oct 20, 2003
  2. =?Utf-8?B?UnlhbiBTbWl0aA==?=

    Quick Question - Newby Question

    =?Utf-8?B?UnlhbiBTbWl0aA==?=, Feb 14, 2005, in forum: ASP .Net
    Replies:
    4
    Views:
    683
    Iain Norman
    Feb 16, 2005
  3. =?Utf-8?B?YW5kcmV3MDA3?=

    question row filter (more of sql query question)

    =?Utf-8?B?YW5kcmV3MDA3?=, Oct 5, 2005, in forum: ASP .Net
    Replies:
    2
    Views:
    964
    Scott Allen
    Oct 6, 2005
  4. Philip Meyer
    Replies:
    0
    Views:
    438
    Philip Meyer
    Nov 30, 2003
  5. Bit Byte
    Replies:
    1
    Views:
    871
    Teemu Keiski
    Jan 28, 2007
Loading...

Share This Page