guy need some very simple tutor ..

Discussion in 'HTML & Website Design' started by skabt, Oct 10, 2012.

0
  1. #1
    Guy i need to put two picture as hyperlink (login and register), but i'm not sure which HTML code can do the trick (include right placement)......
    i know is very simple but i just don't get it .. thanks

    my current code
    <!DOCTYPE html>
<html>
<body>

<center><img src="http://www./images/112.jpg"  > </center>

</body>
</html>
    HTML:
    something like my attachment :



    sample.jpg
     
    Solved! View solution.
    skabt, Oct 10, 2012 IP
  2. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #2
    provide 2 images and I'll give you the code.
     
    ntmedia, Oct 10, 2012 IP
  3. skabt

    skabt Banned

    Messages:
    285
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    123
    #3
    thanks ... button include :)

    login_button.png register.jpg
     
    skabt, Oct 10, 2012 IP
  4. #4
    1) You didn't provide proper links to first image
    2) images are horrible
    3) login and register buttons are huge
    4) your 1 line of code was already a mess

    Here you go with proper coding and try to add proper images (and update links as well).
    
<!DOCTYPE html>
<html>
<body>

<div id="container">  
    <div id="register">
        <a href="#"><img src="http://forums.digitalpoint.com/attachment.php?attachmentid=93906&d=1349882126" /></a>
    </div>  
     <div id="login">
        <a href="#"><img src="http://forums.digitalpoint.com/attachment.php?attachmentid=93905&d=1349882126" /></a>
    </div>
</div>
</body>
</html>​
    Code (markup):
    CSS:
    
#container {
    background: url(http://forums.digitalpoint.com/attachment.php?attachmentid=93899&d=1349878303) no-repeat; 
    height: 300px; 
    width: 500px;
    margin: 0 auto;
    position: relative;
}
#register {
    position: absolute;
    bottom: 50px;
    left: 20px;
}
#login {
    position: absolute;
    bottom: 50px;
    right: 20px;
}
​
    Code (markup):
    On jsfiddle: http://jsfiddle.net/p6C6B/1/
     
    ntmedia, Oct 10, 2012 IP
    skabt likes this.
  5. skabt

    skabt Banned

    Messages:
    285
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    123
    #5
    thanks :)
    i just try to make some change ...
    my site http://www.ppp.my/
     
    skabt, Oct 10, 2012 IP
  6. ColourKraft

    ColourKraft Member

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    38
    #6
    a tags are for hyperlinks, if you don't know.
     
    ColourKraft, Oct 11, 2012 IP
    skabt likes this.