Dreamweaver 8 help with aligning Layers
Hi all
I am completely stuck I want my layer AP (tag) to display in the center of my browser and any browser it displays in?????
I need help please I don’t know how to set this to the center using CSS
Thanks
Fantastic
Thanks a million for that, tried at diff screen resolutions and bang in the centre
only thing is i want the page to not have a scroll down the right hand side
I was trying to backspace the page back up as it only needs to be around 600 in height as this is the layer height??
Any ideas
Really appreciate the help BTW
Code below
<!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=iso-8859-1" />
<title>home</title>
<link href="background.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 #Layer2 {
background-image: url(Images/460.gif);
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer2 {
width:602px;
height:600px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 152px;
margin-left: auto;
.style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
-->
</style>
</head>
<body class="background" id="Layer1" onload="MM_preloadImages('Images/Year_7_button_over.png','Images/Year_8_button_over.png', 'Images/OCR_Over.png')">
<div id="Layer2">
<div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('YEAR7','','Images/Year_7_button_over.png',1)"><img src="Images/Year_7_button.png" alt="YEAR&" name="YEAR7" width="200" height="80" border="0" id="YEAR7" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Year8','','Images/Year_8_button_over.png',1)"><img src="Images/Year_8_button.png" alt="Year8" name="Year8" width="200" height="80" border="0" id="Year8" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('OCR','','Images/OCR_Over.png',1)"><img src="Images/OCR.png" alt="OCR" name="OCR" width="200" height="80" border="0" id="OCR" /></a></div>
<p> </p>
<p align="center" class="style2">Welcome to ICT </p>
<p align="center" class="style2">Please click on the button that you need </p>
<p align="center" class="style2">If you are in year 7 click the year 7 button </p>
<p align="center" class="style2">If you are in year 8 click the year 8 button </p>
<p align="center" class="style2">If you are working on OCR units click the OCR button</p>
<p align="center" class="style2">SIMPLES!</p>
</div>
</body>
</html>
Similar Messages
-
Hi,
I am having a time trying to get the Dreamweaver rollover
function with layers to work in creating webpage menus that you can
rollover and hyperlink to. The page I am working on is at
http://anne.swva.net/pcof/ ,
and if you scroll over Worship you can see what I mean...on rollout
it disappears without any time to select a hyperlink subpage (not
linked yet.)
An example of the page I need it to work like is
http://www.greenadvantage.org
, and any of the top bar menu items there.
I am working in Dreamweaver 4, and this is for a non profit,
a local church. Any help is appreciated!
- AVscorched earth wrote:
> Do you have a suggestion on what menu system would work
best for this?
Hi,
Note the show/hides on the images above and below the Worship
image,
note too the new layer ('closer' - you might want to give it
a temporary
background colour so that you can better see what is
happening - remove
the background colour when you have an understanding) which
also has
show/hides attached - anyway.....
try this - in code view replace everything with this....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>index_draft w slice.jpg</title>
<meta http-equiv="Content-Type" content="text/html;">
<!-- Fireworks 4.0 Dreamweaver 4.0 target. Created Mon Jan
28 22:08:13
GMT-0500 (Eastern Standard Time) 2008-->
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4
resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH)
location.reload();
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++)
x=d.forms
[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if
((obj=MM_findObj(args
))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
//-->
</script>
<style type="text/css">
<!--
#closer {
position:absolute;
width:300px;
height:400px;
z-index:1;
top: 250px;
left: 145px;
visibility: hidden;
-->
</style>
</head>
<body bgcolor="#ffffff">
<div id="Worship" style="position: absolute; width: 150px;
height: 94px;
z-index: 2; left: 143px; top: 310px; visibility:
hidden;">
<table bgcolor="#312e4b" border="1" width="100%">
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0"
width="800">
<!-- fwtable fwsrc="webpage start_W SLICE.png"
fwbase="index_draft w
slice.jpg" fwstyle="Dreamweaver" fwdocid = "742308039"
fwnested="0" -->
<tr>
<td><img src="spacer.gif" border="0" height="1"
width="118"></td>
<td><img src="spacer.gif" border="0" height="1"
width="41"></td>
<td><img src="spacer.gif" border="0" height="1"
width="469"></td>
<td><img src="spacer.gif" border="0" height="1"
width="91"></td>
<td><img src="spacer.gif" border="0" height="1"
width="81"></td>
<td><img src="spacer.gif" border="0" height="1"
width="1"></td>
</tr>
<tr>
<td colspan="5"><img name="index_draftwslice_r1_c1"
src="index_draft@20w@20slice_r1_c1.jpg" border="0"
height="164"
width="800"></td>
<td><img src="spacer.gif" border="0" height="164"
width="1"></td>
</tr>
<tr>
<td colspan="3"><img name="index_draftwslice_r2_c1"
src="index_draft@20w@20slice_r2_c1.jpg" border="0"
height="31"
width="628"></td>
<td><img name="index_draftwslice_r2_c4"
src="index_draft@20w@20slice_r2_c4.jpg" border="0"
height="31"
width="91"></td>
<td><img name="index_draftwslice_r2_c5"
src="index_draft@20w@20slice_r2_c5.jpg" border="0"
height="31"
width="81"></td>
<td><img src="spacer.gif" border="0" height="31"
width="1"></td>
</tr>
<tr>
<td><div id="closer"
onMouseOver="MM_showHideLayers('Worship','','hide','closer','','hide')"></div>
<img name="index_draftwslice_r3_c1"
src="index_draft@20w@20slice_r3_c1.jpg" border="0"
height="28"
width="118"></td>
<td rowspan="9"><img name="index_draftwslice_r3_c2"
src="index_draft@20w@20slice_r3_c2.jpg" border="0"
height="505"
width="41"></td>
<td rowspan="9"> </td>
<td rowspan="3" colspan="2"> </td>
<td><img src="spacer.gif" border="0" height="28"
width="1"></td>
</tr>
<tr>
<td><img src="index_draft@20w@20slice_r4_c1.jpg"
name="index_draftwslice_r4_c1" width="118" height="76"
border="0"
onMouseOver="MM_showHideLayers('Worship','','hide','closer','','hide')"></td>
<td><img src="spacer.gif" border="0" height="76"
width="1"></td>
</tr>
<tr>
<td rowspan="2"><a href="javascript:;"
onMouseOver="MM_showHideLayers('Worship','','show','closer','','show')"><img
name="index_draftwslice_r5_c1"
src="index_draft@20w@20slice_r5_c1.jpg"
border="0" height="69" width="118"></a></td>
<td><img src="spacer.gif" border="0" height="29"
width="1"></td>
</tr>
<tr>
<td rowspan="3" colspan="2"> </td>
<td><img src="spacer.gif" border="0" height="40"
width="1"></td>
</tr>
<tr>
<td><img src="index_draft@20w@20slice_r7_c1.jpg"
name="index_draftwslice_r7_c1" width="118" height="71"
border="0"
onMouseOver="MM_showHideLayers('Worship','','hide','closer','','hide')"></td>
<td><img src="spacer.gif" border="0" height="71"
width="1"></td>
</tr>
<tr>
<td rowspan="2"><img name="index_draftwslice_r8_c1"
src="index_draft@20w@20slice_r8_c1.jpg" border="0"
height="72"
width="118"></td>
<td><img src="spacer.gif" border="0" height="46"
width="1"></td>
</tr>
<tr>
<td rowspan="3" colspan="2"> </td>
<td><img src="spacer.gif" border="0" height="26"
width="1"></td>
</tr>
<tr>
<td><img name="index_draftwslice_r10_c1"
src="index_draft@20w@20slice_r10_c1.jpg" border="0"
height="62"
width="118"></td>
<td><img src="spacer.gif" border="0" height="62"
width="1"></td>
</tr>
<tr>
<td><img name="index_draftwslice_r11_c1"
src="index_draft@20w@20slice_r11_c1.jpg" border="0"
height="127"
width="118"></td>
<td><img src="spacer.gif" border="0" height="127"
width="1"></td>
</tr>
</table>
</body>
</html>
HTH
chin chin
Sinclair -
Help with alignment in Dreamweaver CS5
Hello,
I've tried to follow all the tutorials regarding alignment with wrappers etc... but I still can't get it right. Worse, what was right originally, ie.e the navbar went haywire too. I'm at a loss and would be very grateful is someone could help me out.
Many thanks,
Sylvie
The website is:
www.insanitydefensethemovie.com
This is the CSS code:
@charset "UTF-8";
body {
background-color: #000;
margin:0 auto;
#main_wrapper {
position: relative;
width:960px;
margin:0 auto;
top: 0px;
#main_nav_bar {
position:absolute;
width:960px;
height:60px;
z-index:1;
left:auto;
right:auto;
top:0;
#front_image {
position:absolute;
width:960px;
height:670px;
z-index:1;
left:auto;
right:auto;
top:60px;
.overlay_social_media {
position:absolute;
top:731px;
width:235px;
height:47px;
float: left;
#social_media {
position:absolute;
left:727px;
top:22px;
width:235px;
height:47px;
z-index:1;
visibility: visible;
#wrapper_video {
width: 560px;
position: absolute;
height: 315px;
margin-top: 380px;
margin-right: 400px;
left: 287px;
top: 60px;
#wrapper_appeal {
width:212px;
height:273px;
margin-top:380px;
#wrapper_paypal {
position:relative;
margin-left:30px;
top:20px;
.holder {
position:absolute;
width:960px;
height:670px;
top: 20px;
left: 30px;
width: 168px;
left: 14px;
top: 158px;
left: 0px;
top: 158px;
top: 46px;
.overlay {
top:392px;
position:absolute;
background-image:url(../Images/home/appeal_bckgd.png);
background-repeat:no-repeat;
width:212px;
height:273px;
left: 45px;
.overlay h1 {
color:#F00;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left: 50px;
margin-top: 30px;
.overlay h3 {
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
font-size: 16px;
margin-right: 10px;
margin-left: 10px;
.overlay paypal_button {
position::absolute;
margin-left: 50px;
#apDiv2 {
position:absolute;
left:18px;
top:790px;
width:1266px;
height:466px;
z-index:2;
#wrapper_copyright {
position: relative;
left:252px;
top:452px;
width:522px;
height:22px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
text-align: center;
margin-top: 600px;
.copyright {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #EEE;
text-align: center;
#Twitter_wrapper {
position::relative;
top:850px;
bottom:600px;
#Twitter_heads_wrapper {
position:absolute;
top: 765px;
margin-left:8px;
left: 3px;
width: 699px;
height: 17px;
.twitter-header {
font-family:"Bebas Neue";
color:#FFF;
font-size:36px
#Twitter_wrapper #twitter1 {
position:absolute;
top:850px;
margin-left:8px;
float: left;
#Twitter_wrapper #twitter2 {
position:absolute;
top:850px;
margin-left:360px;
float: left;
#social-media #twitter-feeds .twitter-header {
font-family: "Bebas Neue";
font-size: 14px;
color: #FFF;
#social-media #twitter-feeds #user-timelines .twitter_timeline {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #EEE;
/* CSS Document */The best way to get any help here is by posting a link to the test
page. Code is not appropriate in cases like this. People have to see
what is happening before suggesting anything.
Good luck. -
Help with Positioning Layers is Browser
Hello,
I'm new to Dreamweaver, and I'm having trouble getting past
this first stage:
I want to begin with a background picture, and put blocks of
text on top of the picture in certain areas ( I have been putting
the text in layers). I have an image inserted into a table so that
it stays centered in the browser. When I view the image with the
text on top (in layers) in the browser though, the text is not
aligned the way it appears in dreamweaver. It is always off center
towards the left.
Is it possible to design the layout so that the text or
whatever is in the layer can overlap on top of an image? Maybe I am
going by this the wrong way.
Thanks,
DanHello,
I'm new to Dreamweaver, and I'm having trouble getting past
this first stage:
I want to begin with a background picture, and put blocks of
text on top of the picture in certain areas ( I have been putting
the text in layers). I have an image inserted into a table so that
it stays centered in the browser. When I view the image with the
text on top (in layers) in the browser though, the text is not
aligned the way it appears in dreamweaver. It is always off center
towards the left.
Is it possible to design the layout so that the text or
whatever is in the layer can overlap on top of an image? Maybe I am
going by this the wrong way.
Thanks,
Dan -
I am working on the porfolio section of my web, and I am
using the "show hide" function with layers to rollover and show
larger image. The layer in dreamweaver moves when you resizing the
screen. Is there a way of fixing that?These two links are not helping your cause -
<link rel="stylesheet"
href="file:///E|/webcentered/Templates/aboutus.css"
type="text/css">
<link rel="stylesheet"
href="Artistic%20Media%20Graphic%20Design_files/aboutus.css"
type="text/css">
The first one is broken, since it points to a file on your
hard drive. The
second one is liable to break because you have used spaces in
the
file/pathnames (which you should not do for the web).
The root of your problem is this -
<td>
<div id="sienna" style="position:absolute; width:242px;
height:302px; z-index:1; left: 349px; top: 357px; visibility:
visible"><img
src="Portfolio/images/sienna_04.jpg" width="245"
height="309"></div>
You must never put absolutely positioned elements directly
into table cells.
For your penance, you will visit this link and read -
http://www.great-web-sights.com/g_layerlaws.asp
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"artisticmedia" <[email protected]> wrote in
message
news:e4bfg2$4vd$[email protected]..
> sorry...try this link. I am out of control!
> <a target=_blank class=ftalternatingbarlinklarge
> href="
http://www.artisticmedia.org/newportfolio">http://www.artisticmedia.org/newportfolio</a> -
I currently have one page on my web site that contains just one "box". In that box are about 16 items, each of which consists of a photo button and a few words of text to the right of the button. Each photo button links to a separate page of family photos. THE PROBLEM: Until recently all of these button with their associated text stayed in their correct positions. They still do in iWeb, but NOT actually on the web when visited. When viewed on the web via Safari the photo buttons still line up nicely along the right side of the "box", but as one scrolls down the buttons, the text that should be to the right of each button progressivley moves up to higher buttons rather than staying put. What have I done wrong, and how can I make this right? Thanks!!
This is caused by the way iWeb interprets line height versus the way any given browser interprets line height. In iWeb it might look like it's all lined up, but when published, the browser then takes control of display and it often displays line height smaller than what iWeb does - it essentially compacts your text. You don't notice the small difference at the top, but you do as the text progresses.
Max is on the right track I think, but I'd actually do this to totally eliminate the issue. For each picture you have, make an individual text box for the associated text. Align each text box to the top of each photo. This way the text always stays aligned to the photo. That just won't happen when it's all in one text box.
By the way, great job of describing the situation. That certainly helps. -
i have dreamweaver cs4 to align text i was wondering if there is any other way instead of going into the css part of the properties panel, and right clicking, because i remember in dreamweaver cs3 the alignment of text was right in the properties part not in the css part of the properties.
You have asked this question before. CS4 requires you to use the CSS properties panel because that is how modern web pages need to be styled - with CSS not HTML. If you start your projects using a pre-built stylesheet with all your text styles defined, this shouldn't be a problem.
http://www.w3schools.com/CSS/css_howto.asp
On the other hand, if you are avoiding CSS because you don't want to learn it, then CS4 is probably not the ideal tool for you. Go back to using CS3.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb -
Need Help with alignment in JTextField
I am having problem with text alignment in JTextField.
I'm populating JTextfield with text pulled from database.
Text is too long to fit in the jtextfield and the alignment is set to the right rather than the left.
How can I set the alignment left, so that the first character of the string is shown?
I've tried setHorizontalAlignmnet(JTextField.LEFT) but no luck.
Can anyone help me in this.TrysetCaretPosition(0)db
-
Help with multiple layers moving position
Hi I am new to After effects so apologies if this is a daft question.
I have a map as my main layer and I have created a text layer.I want to animate the position of the map which can easily be done.However all other layers move with the map layer.So if I move across the map all other layers moves aswell.When I want them to stay in a fixed position
I would be grateful for any help
ThanksWe can't know anything without knowing the structure of your project, what you animate exactly and so on. Layers don't automatically move in unison, that would only happen if they are pre-composed, parented or linked with expressions or your footage is a flattened file in the first place. Conversely, moving the camera in a 3D scene naturalyl would make all 3D layers respond to that camera, but not 2D layers. anyway, we realyl can't know what's going on without more info. Screenshots of the timeleine might tell a lot....
Mylenium -
Help with alignment of dynamic menu
Hi.
I can't for the life of me get the main meny (a bc dynamic menu) to align center on this site http://www.eaglerockfarm.com.au/home.htm. At the moment I've fudged it with a 350px left margin, but that only looks ok on smaller screens, larger ones, It's to the left and smaller, i.e an ipad, it's to the right.
I have a div id in the css "nav2" with text-align:center, but when I inspect the element (q) in Firefox, it crosses out that line. I also tried putting in the text-align:center inline, but nothing seems to work...I am not a developer, but have an average understanding of css and html...
Can anyone assist please?
Thanks.Hello justasking506,
To bring your main menu to center just change the div#nav2 to:
div#nav2 {
font-size: 14px; height: 20px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 10px;
width: 633px;
Here you can see that I've changed the margin to "0 auto", that will put auto margin on the left and right of the div. Now the width needed to be a little bigger to center the div.
I would also suggest not using the default dynamic menu type. This is using tables to output your navigation. Instead I would suggest using the CSS(HTML Only) menu type, this will use an unordered list and will allow you to use your own css to position the navigation. I go over how the dynamic menus work in this video:
http://bcgurus.com/tutorial/how-to-create-business-catalyst-dynamic-menus
Hope this helps,
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7 -
Please help with aligning google button
hi this is my website i have made,
after making a few changes i have messed something up and now the google+ button has moved over to the right to much?
i need to know how i can get the button to place above the facebook and twitter buttons where it was to begin with.
www.uniquelawns.com
many thanks DaveRun your page through the validator here and clean out the errors (except the two specific to the google code)
http://validator.w3.org/
That should make realigning an easier task. -
Need help with aligning patterns
I’m having trouble aligning a pattern, and I think I’m missing some basic concept. I want to align a pattern to start at a particular point, but AI always seems to align it to the top left corner of the (page/artboard). I remember having this trouble in CS3, but I thought the problem had been addressed in CS5.
My pattern is 1 sqin., and I want to create a strip starting 1/2 in from the top and 1/2 in from the left hand edge of a page. According to the CS5 manual: “To adjust where all patterns in your artwork begin tiling, you can change the file’s ruler origin.” So I change the origin to (0.5in x, 0.5in y). But when I apply my pattern, it still aligns to the (0.0) origin.
For example, if this is the original pattern:
when I apply it to an area using (0.5, 0.5) as the origin, it gets applied like this:
I’ve looked through my preferences and the only thing I found that might affect this was the “Transform Pattern Tiles” parameter, but changing this didn’t have any effect.
What am I doing wrong? I can work around the problem in a couple of ways, but I don't want to go through extra steps if I don't have to.I’m having trouble aligning a pattern, and I think I’m missing some basic concept. I want to align a pattern to start at a particular point, but AI always seems to align it to the top left corner of the (page/artboard). I remember having this trouble in CS3, but I thought the problem had been addressed in CS5.
My pattern is 1 sqin., and I want to create a strip starting 1/2 in from the top and 1/2 in from the left hand edge of a page. According to the CS5 manual: “To adjust where all patterns in your artwork begin tiling, you can change the file’s ruler origin.” So I change the origin to (0.5in x, 0.5in y). But when I apply my pattern, it still aligns to the (0.0) origin.
For example, if this is the original pattern:
when I apply it to an area using (0.5, 0.5) as the origin, it gets applied like this:
I’ve looked through my preferences and the only thing I found that might affect this was the “Transform Pattern Tiles” parameter, but changing this didn’t have any effect.
What am I doing wrong? I can work around the problem in a couple of ways, but I don't want to go through extra steps if I don't have to. -
Hi,
I need some help with Layers? Here is a link to a simple page
layout with 1 blue table, and 1 small green box. Both have a
capital "I" on the left. The table was aligned to "center" in DW.
http://sfrcreations.com/tbe.html
When I built this page at home, on my tiny 12" monitor, the
letters lined up over each other. When I look at it on larger
monitors, they no longer line up. I did have a suspicion that this
would happen due to my lack of knowledge of layers. So, my question
is. How does one, with a centered table, get a layer to always
appear where the designer wants it to no matter what the browser
size is. For instance if you move the browser to different sizes,
the blue box follows, but the layer stays where it is?
Are the menus on this forum site and the Adobe site in
general done by using layers? I ask, because if so, this site is
centered, and the layers seem to adjust to any browser size.
By the way, I am using Dreamweaver 8.
Thanks for any help!8). I'm a shameless thief.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Nadia : **AdobeCommunityExpert**"
<[email protected]> wrote
in message news:[email protected]...
> Took the words right out of my mouth - thanks Murray ;-)
>
> Nadia
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> The wrapper div is relatively positioned and auto
centering with a fixed
>> width. This has two consequences. Being auto
centering is obvious. The
>> relative positioning is not.
>>
>> When an element is relatively positioned, it takes
its position from its
>> location in the flow of the code. Since the wrapper
is the first thing
>> on the page (wrapping everything else) its position
will be at the top of
>> the page (unless you would apply top page margins,
or top margins on the
>> wrapper), and centered (since relatively positioned
elements *can* move,
>> unlike absolutely positioned elements). Now - since
it is relatively
>> positioned *IT* will serve as the point of reference
for all internal
>> absolutely positioned elements. That's because the
definition of
>> absolute positioning is that its position is
calculated from the location
>> of its closest positioned ancestore.
>>
>> Thus, as the relatively positioned wrapper 'floats'
to the center of each
>> different browser viewport, all internal absolutely
positioned elements
>> are forced to 'float' along with it (I use 'float'
in quotes to indicate
>> that I am NOT talking about CSS floats, which are
very different
>> creatures than what I am describing).
>>
>> That's why it works.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>> ==================
>>
>>
>> "engmix" <[email protected]> wrote
in message
>> news:[email protected]...
>>> Hi Nadia,
>>> Could you please explain how you designed this
layout with some degree
>>> of
>>> detail. I could easily cut and paste your
layout, but I really want to
>>> understand how you went about it. What did you
start with and so on.
>>> Hope this
>>> isn't to much to ask?
>>>
>>> Thanks again!
>>>
>>
>>
>
> -
Help With Various Dreamweaver Issues
Dear Friends,
This is my first post and I appreciate any help any of you
can give me. My knowledge of web design is minimal, but I do have a
basic understanding. The fundamentals of HTML and web design as a
whole are pretty clear. My weakness, however, shows in the fine
detailed issues that come up throughout the course of designing a
website, and much of it may have to do with a lack of knowledge
with the software I'm using. I love Dreamweaver CS3. It's an
excellent program. I'm totally hooked!
I'm in the process of building a website for a friend who
owns a retail gift store. The site has a total of 41 pages. The URL
is
http://www.southerncharmgifts.net
It has taken me over a month to get this site to the place
where it is now. I've learned a TON about web design, CSS, and the
Dreamweaver program itself. I've been able to work through many of
the issues I've had, but I'm stuck on a few things:
1.
Browser Issues.
I've found it hard to sync the content between browsers:
namely IE and Firefox.
For example:
In IE the sub-menus wrap (as I want them to), but in Firefox
they do not. But in Firefox the sub-menu
box borders are visible (vertical menus), even though the
text doesn't wrap, but it's obviously in the dimensions that are
seen in IE.
In Firefox, the sub-menus are too far from the parent. It
looks bad. But they are perfect in IE.
The background image is centered in IE between the menus and
adverts, but not in Firefox. How do I get the background image to
remain between the menus and adverts? (Note: There is no background
on the home page. Also, wider screens seem to move the background
in IE, too.)
In the horizontal menu "Category" the sub-menu item "Babies"
cannot be selected in Firefox. In IE it works.
There are gaps between items in the horizontal sub-menu. It
appears to be related to items not wrapping, but it doesn't seem
that enlarging the sub-menu box causes the item to not wrap. For
example, under "Category" "Candles & Fragrances" is wrapped and
it seems to be the reason why there is a large gap between "Babies"
and "Eyewear." If I can find a way to get Candles & Fragrances
to NOT wrap it might remove the gap.
2. CSS Issue.
I can't find a way to have the sub-menu hover
underline instead of highlight the items. I want it to
underline.
3. "False" Issue.
In the
vertical sub-menu "by CATEGORY" the word "false" shows up
just below the word "Babies." (It's hard to see, but it's there.)
THANKS!!> In the limited research and reading I've done in the
last few
> years I've never heard anyone say this about APdivs.
Your limited research has failed to uncover the essence of
proper technique
in creating web pages. Layers are NOT a general layout tool
and will cause
you much more grief than you ever imagined. Here's one big
reason -
http://www.great-web-sights.com/g_layer-overlap.asp
> divs/layers are an excellent tool in Dreamweaver
They are, but only for specialty applications.
> "Is this true or is this
> bregent's personal opinion?"
It is my personal opinion based on seeing hundreds (if not
thousands) of new
users throw themselves on their swords as a result of having
committed to
pages built with layers, on this very forum.
> Starting over from
> scratch isn't an option and the owner of the website
likes my work.
Starting over from scratch need not involve a redesign of the
graphics. But
on a site built from layers, it would certainly involve a
rethinking of the
layout method. Read this -
http://apptools.com/examples/pagelayout101.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Mark 8:36" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
bregent
> >I'm in the process of building a website for a
friend who owns a retail
> >gift
> store.
> >The site has a total of 41 pages. The URL is
> >
http://www.southerncharmgifts.net
>
> It is unfortunate that you started working on a
production site without
> first
> having a grasp of the techniques and tools required. You
wouldn't start
> building cabinets until you had a basic knowledge and
experience with wood
> and
> woodworking tools, or you'd end up with a large pile of
sawdust. And
> unfortunately that's where you are heading with this
site. You've made the
> basic mistake of laying out the site using AP divs. AP
Divs should be used
> rarely if ever, and only for special purposed. They are
not a primary
> layout
> tool. Honestly, I would start over from scratch. But
first, spend the next
> few
> weeks or months learning proper layout techniques and
working through
> tutorials
> before actually starting on a production site. Good
luck.
>
> Ok, forgive me for doubting what you said here, but this
is the first I've
> heard of this. In the limited research and reading I've
done in the last
> few
> years I've never heard anyone say this about APdivs.
Because I think
> divs/layers are an excellent tool in Dreamweaver. And
with the exception
> of my
> background image problem, which probably can be fixed by
changing the
> perameters, the only problems with the website are the
menus. Everything
> else
> looks good on both IE and Firefox.
>
> So my question for the rest of the forum is: "Is this
true or is this
> bregent's personal opinion?" No offense meant bregent,
but equating a
> months+
> worth of extremely hard work to sawdust is rather
disturbing. I just want
> to
> make sure what you're saying is the general consensus
before I take this
> too
> seriously.
>
> Thanks for your input, though. I appreciate your
honesty. Starting over
> from
> scratch isn't an option and the owner of the website
likes my work. But
> I'll
> keep these things in mind for the future. Take care.
>
> -
Hi Guys, looking for some help with center alignment of an email.
Its center aligning fine in dreamweaver preview and in the preview of mail chimp, but when I sent it to Gmail it's aligned to the left.
Any ideas why this is?
Bear in mind im a rookie in coding and Dreamweaver.
Hope the code below helps...
Thanks!Thanks for responing!
Removing display: inline-table; worked!
Its now center aligned.
Cheers osgood_
Maybe you are looking for
-
Can I use the unit as a bridge and as an iTunes server simultaneously?
I need to know if I can use this as a bridge sometimes and as an iTunes server other times. I will never need to do both at the same time, however I will have all the cables physically hooked up at all times for both configurations. So basically it w
-
How to create a socket to send to URI?
I have apache-axis2 accepting a WSDL on some uri <ipaddres:8080/my/service/uri>. I'm trying to have a Java program send a soap message to that URI. When I use the uri <ipaddress:8080> I can create a socket using new Socket( (InetAddress.getByName(ipa
-
How to migrate Tax lines in Data Migration for Partial Shipped Qty?
Hi, We are migrating 11.0.3 Orders to R12 and there are some Sales Orders which are in Partial Shipped status. In this scenario, we are bringing two lines where one line is completely closed and other line is awaiting shipment. My question is, how to
-
Transfer posting for RT packaging to unrestricted stock transfer.
Guys, I am having some stock in RT Packaging (501 M) and now I wish to transfer this stock to normal unrestricted. Pl suggest. Thanks in advance, Parag Mahajan
-
Oracle 8i Lite for Linux, Is it available?
Hi all, Wanted to know if Oracle 8i Lite is available for Linux. Thanks