 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
h_angelgirl1
Joined: 10 Oct 2009
Posts: 2
|
 Posted: Sat Oct 10, 2009 6:12 pm Adding a picture |
 |
|
|
| I am new to HTML, and am working on a project for a class. I am wanting to add a picture to my web-page, but how do I do it? For example, if the picture is on my MySpace profile, and I cannot copy the html code from the page (per instructions from my professor), so how can I add the image to my page AND center it not only from top to bottom, bt also from left to right? |
|
sticks464
Joined: 31 Dec 2006
Posts: 2625
|
| Posted: Sat Oct 10, 2009 6:58 pm |
|
|
|
What's the link to your myspace profile? Which image is the one you want to use?
You don't have to copy any code but you do have to know the path to where the image is stored on myspace and it's dimensions.
No one can help you with code without knowing that. |
|
h_angelgirl1
Joined: 10 Oct 2009
Posts: 2
|
| Posted: Sun Oct 11, 2009 4:55 pm |
|
|
|
my myspace profile is www.myspace.com/shortymageeus
if you go into my pictures, and look at Dagons 1st car show, there is one of him with his grandpa holding an award. i am wanting to use that picture. |
|
sticks464
Joined: 31 Dec 2006
Posts: 2625
|
| Posted: Sun Oct 11, 2009 7:18 pm |
|
|
|
This centers the photo on the page vertically and horizontally.
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled</title>
<style type="text/css">
html{height:100%;}
#container{
position:absolute;
top:50%;
margin-top:-63px;/* half content height*/
left:0;
width:100%;
}
#content {
width:170px;
margin-left:auto;
margin-right:auto;
height:126px;
background:#4c535b;
padding:10px;
}
</style>
</head>
<body>
<div id="container">
<div id="content">
<img src="http://c1.ac-images.myspacecdn.com/images02/105/m_1836d9d53fa744d6af1d8c3195cbe438.jpg" width="170" height="126" alt="" />
</div>
</body>
</html> |
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
