Log In · Register

 
How put Pictures, videos and Music in DIV
Charleyne
post Aug 6 2007, 08:49 AM
Post #1


Member
**

Group: Member
Posts: 10
Joined: Aug 2007
Member No: 556,053



Can you help me?
What are codes to put Put whatever I want ?
Pictures, Music, videos ....
I say that I must change pixels etc...but I don't what to do !
Thanks !!!!
 
 
Start new topic
Replies (1 - 1)
YourSuperior
post Aug 6 2007, 09:53 AM
Post #2


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



You can just put your pictures, videos, and music in seperated divs and move them where you want to using margin-left, and margin-top, and don't forget to specify a width and height for each div. Margin-left moves a div left or right, margin-top moves a div up or down. Just edit the #'s with ACTUAL numbers. _smile.gif
CODE
<style type="text/css">
.pictures {
position: absolute;
margin-left: ###px;
margin-top: ###px;
width: ###px;
height: ###px;
}
.videos {
position: absolute;
margin-left: ###px;
margin-top: ###px;
width: ###px;
height: ###px;
}
.music {
position: absolute;
margin-left: ###px;
margin-top: ###px;
width: ###px;
height: ###px;
}
</style>

<div class="pictures">
PUT PICTURES HERE
</div>

<div class="videos">
PUT VIDEOS HERE
</div>

<div class="music">
PUT MUSIC HERE
</div>


quick lesson on "position: absolute"

top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: