How put Pictures, videos and Music in DIV |
![]() ![]() |
How put Pictures, videos and Music in DIV |
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 !!!! |
|
|
|
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.
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 |
|
|
|
![]() ![]() |