This is a discussion on ":: Dreamweaver :: Vertical Alignment" within the Web Page Design section. This forum, and the thread ":: Dreamweaver :: Vertical Alignment are both part of the Design Your Website category.
|
|
|
|
|
 |
||
:: Dreamweaver :: Vertical Alignment
|
||
| Notices |
 |
|
|
LinkBack (1) | Thread Tools |
 #1
May 22nd, 2006, 12:30
|
|||
|
|||
|
:: Dreamweaver :: Vertical Alignment
Hi,
I'm having problems aligning movies and images to the vertical middle of a page and would appreciate any help people could give me. In Dreamweaver it looks like the movie is centred but when I preview it in a browser its gone to the top of the page. The code I have created using Dreamweaver 8 is below. I think the problem might be to do with setting the page hieght?? Many Thanks.  <body> <div align="center"> <div valign="middle"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="100%" height="100%" align="center" valign="middle"><div align="center" valign="middle"><img src="FG-design1.png" width="800" height="580" valign="middle" /></div></td> </tr> </table> </body>        
|
|
|
|
#2
May 22nd, 2006, 12:46
|
||||
|
||||
|
Re: :: Dreamweaver :: Vertical Alignment
|
|
#3
May 22nd, 2006, 14:09
|
|||
|
|||
|
Re: :: Dreamweaver :: Vertical Alignment
Hey
Thankyou for that information. I've added those values to the CSS but now the image has aligned to the horizontal middle of the page but is now missing out the top of the page?? Am I doing something wrong? body { background-image: url(FG-back1.png); background-repeat: repeat-x; background-color: #71FF71; } div { width: 800px; height: 580px; position: relative; top: 50%; left: 50%; margin-top: -290px; margin-left: -400px; } --> </style> </head> <body> <div><img src="FG-design1.png" width="800" height="580" /></div> </body> Many thanks  Last edited by LittleDoug; May 22nd, 2006 at 15:01.
|
|
#4
May 22nd, 2006, 16:24
|
||||
|
||||
|
Re: :: Dreamweaver :: Vertical Alignment
Link us to your site
|
|
#5
May 22nd, 2006, 16:40
|
|||
|
|||
|
Re: :: Dreamweaver :: Vertical Alignment
It's on
http://www.luxurymillcottage.com I uploaded it quickly without exporting any of the images so it may look funny at first! Thanks for your help Last edited by LittleDoug; May 22nd, 2006 at 16:48.
|
|
| Tags |
| dreamweaver, vertical, alignment |
| Thread Tools | |
|
|
LinkBacks (?)
LinkBack to this Thread: http://webforumz.com/web-page-design/6483-dreamweaver-vertical-alignment.htm
|
||||
| Posted By | For | Type | Date | |
| del.icio.us/network/brookelarkin | This thread | Refback | Mar 27th, 2007 21:26 | |
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| dreamweaver layer alignment in all screen resolution | shinesmithdas | Web Page Design | 1 | May 16th, 2008 22:47 |
| Vertical alignment issues in IE6. IE7 Won't center my page! | Itsumishi | Web Page Design | 5 | Mar 24th, 2008 20:28 |
| adobe dreamweaver Vs. Macromedia dreamweaver | jahphill | Scripts and Online Services | 21 | Nov 2nd, 2007 03:19 |
| CSS Vertical Menu. Can someone help? | CoolNeb | Web Page Design | 3 | Jul 16th, 2007 18:00 |
| Vertical Table Alignment | Amphersand | Web Page Design | 6 | Mar 13th, 2006 01:34 |
