Liquid hybrid layout question

Similar Questions

• A little help with my first effort of 2 column liquid hybrid.

  Hi all:

  I'm trying my first hybrid liquid layout help "column 2 hybrid columns, header and footer to the left" of DW. layout and it's fine, but... I can't get rid of the black line just below the top box that contains two charts of the samle. In my view, there can be a lag between the div "topcontainer" and "container" div below. I just can't understand how to fix it.

  Here is a link to show you what I'm trying to accomplish. http://reynolds-marketing.com/twotest/atest.html
  
  Attached are the html and css files.
  
  Any suggestions would be much appreciated. TIA!
  

  Hello

  Try to remove the line that I have highlighted in your css file.

  {.twoColHybLtHdr #topcontainer}
  Width: 100%;  / * This will create one that contains 80% of the width of the browser * /.
  background: #FFFFFF;
  margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
  border: 1px solid #000000;
  text-align: left; / * This setting overrides the text-align: center on the body element. */
  }

  PZ

• Photoshop CS3 - Web site layout Question

  Hi, I'm new here and I hope this is the right place to post this question.  I am an intermediate Photoshop user, and I'm trying to set up a website layout in Photoshop CS3, I can export to Dreamweaver.  Should what image size I start in Photoshop to design the page?  I did some research and some places say 720 px wide by 500 px high, but I have a 1280 x 800 display, so I wonder if that shows funny about the moniters widescreen?  Not sure, hope that someone understands what I'm trying to explain and can help!  Thank you!

  depends on the resolution you design. For 1024 x 786, which is currently the most common on the web that you would go to something like 980. I use some 950 so I can have a beautiful 12-column page layout. Don't forget that you do not design for the resolution you use, but the resolution who use most of the people on the web, unless of course your client says he wants to target a specific screen resolution, like saying 800 x 600

• Easy page layout question

  Hello.
  
  I'm guessing it will be simple for someone with more experience than me DW.
  
  I chose a model of pre-3 column settings (XHTML 1.0 Trans).
  
  using DW CS3.
  
  I want to thank the colored boxes along the page, but (after # considerable attempts) can not understand.
  
  page is here:
  
  http://NortonGhost.radified.com/
  
  using 3-column liquid with header / footer.
  
  efault page mentions something about adding borders to the main div, but this does not extend the color of the sidebar... It simply adds a border (and not even at the edge of the sidebar, where it would look better.
  
  How to extend the color of the sidebar so that they extend to the bottom of the page?

  Use a table instead of an a CSS layout.

  --
  Murray - ICQ 71997575
  Adobe Community Expert
  (If you * MUST * write me, don't don't LAUGH when you do!)
  ==================
  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
  ==================

  "Know" wrote in message
  News:f5p4ud$FK6$1@forums. Macromedia.com...
  > This blows.
  >
  > there is no easier way.
  >
  > I want only the END columns to stretch down. not the Center, because it's
  > is always going to be long anyway.

• QML layout question

  I'm quite new in QML, and I wondered the correct way to achieve this type of layout. I would like to show you a picture as background and want another image on top of this image, so it gives the effect of a contour.

  Here's what I think I create a StackLayout layout container and then I have 2 image down one is bigger in size, then the other is smaller.

  Thank you for the help

  StackLayout is the only provision which could not do what you want without real awkwardness. The part of the "stack" means that they are stacked vertically or horizontally (x or y axis), not from BACK to front (z axis).

  For the back layer forward, you can use a container with a DockLayout and make sure that specify the picture then in the list of children of the container. Those who come later is rendered above those that come earlier.

  DispositionAbsolue would be another option, but with the same restriction order specifying.

  You can also use the 'background' of a container and an ImagePaintDefinition property to set an image as the background, instead of the usual Color.Transparent or a color explicit and then have the image of 'before' simply to be the unique child of this container. In this case, even a StackLayout might work, since there is only one child.

• ScriptUI Layout question

  Hi all

  Our old friend ScriptUI is driving me crazy with his LayoutManager... You may have some thoughts about this.

  Given a group what alignChildren property is set to "['fill', 'fill']; This Group organizes in fact several children including a button. Like her, ar gardens th gentle resizd to take all available space:

  

  However, the button is HUGE, which is normal at this stage. Now, I want to shrink to a size that is 'normal '. I am so affecting the property minimumSize and maximumSize button 45 pixels wide. I expect that the button is reduced and the other extended components regardingly. But this is not what is happening. Indeed, the button is resized but many children can no longer shoot all the space available.

  

  I am a bit confused here. Anyone can see what is happening? I associate myself with a script example anyone can try: http://dl.free.fr/fJTkudDzk

  UN/comment just this line to switch between these two States:

  browseGlobalSrcBtn.maximumSize.width = browseGlobalSrcBtn.minimumSize.width = 45;

  Thanks in advance for any advice,

  Loïc

  PS The layout engine is based on the sizes favorite so even if you set the size of the buttons to 45 the default size will remain at 80. It's ok, but even if it is cut by default on 45 it will reset to 80 so the size of the group will be assigned to fill the size 80, is because priority is given to the statement of 'filler' and because the Panel is set to fill the thing is messed up.

  browseGlobalSrcBtn.maximumSize.width = browseGlobalSrcBtn.minimumSize.width = browseGlobalSrcBtn.preferredSize.width = 45;

  browseGlobalSrcBtn.toSource)

  Result: button {text:..., limits: 434, 0, 479, 22, location: 434, 0, maximumSize:45, 1110, minimumSize:45, 0, preferr dSize:80, 22, size: 45, 22, textDirection:null}

  Marc has a chart on this topic, but I don't remember what she says, you can find it on his site

• Web site layout question

  Hello Dreamweavers.

  I'd like know how this type of sites are installed outside in DW, for example these sites have div tags?

  or is the whole design imported into DW? It frame-by-frame is placed in DW for example? example decided within the PS and the imported.

  Im trying to understand how they are developed in DW. The second example that has text down, happens in DW?

  This question is more for education.

  Thank you.

  

  

  These look like 'proof of design concepts' which were intended for a Flash site.  Very probably he never took off because the Flash is a web technology dead.

  If you want to learn how to create good designs for the web, start studying the basis of the theory of web design, HTML, and CSS.  Later, you learn everything you can on the progress of CSS, HTML5 & scripts client-side to create animations and of web pages interactive (see Edge animate).

  Tutorial sites:

  • http://webdesign.tutsplus.com/
  • http://www.html.NET/
  • http://w3schools.com/
  • http://www.csstutorial.NET/

  Nancy O.
  

• Replacing / liquid vs layout of removal of the deletion Page layout

  Not sure if I should ask this here or in the general forum of InDesign. But when it comes using the "alternate" layout What is the main difference between 'deleting pages' vs 'removing putting substituting? I tested both, and deleting pages seems the deletion of the provision of "spare" created.

  I'm just trying to decide if its worth using pages of alternative provision, even without the import option, or if I should just glue at several indesign files.

  If you remove only the pages on the alternative plan, you do not delete the styles associated with this provision. As a rule, delete (or cancel) alternate layouts; do not delete pages unless you want to keep for some reason autour styles any.

  Although the import of other layouts is not yet supported, I still think it's interesting to use the functionality in some cases. For example, if I need to create a vertical layout of horizontal or an iPhone to an iPad folio version, I sometimes copy the document, create another layout and then delete the original layout of the document copied so that there is only one provision. Can I use the import function to import the items.

• Page layout question: have 2 box inside the splitter facet

  Hi guru
  
  I need to have 2 Cabinet stacked vertically within the 2nd side of a separator (vertical) Panel and have a vertical scroll bar to scroll through the entire space of the 2nd facet. In addition, the Panel box #2 should move upward when the Panel box #1 is reduced. How to get there?
  
  I tried this
  
  < af:panelSplitter orientation = "vertical" >
  -< f: facet = 'first' name >
  -stuff inside the first facet
  -< / facet >
  
  -< f: facet 'second' = name >
  -PanelGroupLayout scroll >
  -< PanelBox 1 >
  -The things inside the box
  -< / PanelBox 1 >
  
  -< PanelBox 2 >
  -< PanelCollection >
  ----------------------------------<Table>
  ----------------------------------</Table>
  -< / PanelCollection >
  -< / PanelBox 2 >
  -< / PanelGroupLayout >
  -< / facet >
  < / af:PanelSplitter >
  
  The above provision extends from the first Panel area to the entire width of the screen, but the 2nd box is extended to only 50% of the width. I also modified the above to have the two boxes to Panel within a presentation of form of Panel with lines = '2' and argument maxColumns = '1 '. With that, the two panel boxes are stretched until 50% of the width of the screen. The problem is due to the table inside the box # 2 Panel?
  
  Help, please.
  
  Thank you
  
  Published by: user12612448 on January 4, 2011 04:10

  Hello

  A panelGrouplayout can be stretched in a panelsplitter until the layout is set to scroll or vertical.
  So it of ok and should work in your case

  A panelBox can be extended, however, it will not stretch her children, while the panelCollection will not stretch.
  Indeed, if it is caused by the content of the second panelbox.

  Try to use a styleClass to stretch the panelCollection example styleClass = "AFStretchWidth."

  Good luck

  Luc Bors

• Page layout question - shouldn't it go cut instead of "run-over.

  Hello

  Can you tell me in the test of following simple layout, Flex made a mistake here, i.e.:

  -Why the Panel cover all HGroup?

  -should not label 3 is limited instead of going beyond the HGroup, gearing up to a width of 250 pixels?

  Thank you

  -------------------------------------

  <? XML version = "1.0"? >
  " < = xmlns:fx s:Application ' http://ns.Adobe.com/MXML/2009 "
  xmlns:s = "library://ns.adobe.com/flex/spark" >
  
  < s:Panel backgroundColor = "red" title = 'This IS control PANEL' >
  < s:layout >
  < s:HorizontalLayout / >
  < / s:layout >
  
  < s:HGroup width = "250" gap = "5" >
  < s:Label backgroundColor = "blue" text = "Label 1" width = "100" / >
  < s:Label id = "lab2" backgroundColor = "green" text = "Label 2" width = "100" / >
  < s:Label id = "lab3" backgroundColor = "yellow".
  Text = "Label 3 is longer with no specified width" / >
  < / s:HGroup >
  < / s:Panel >
  < / s:Application >

  There's a Scroller component.  See the doc on spark.components.Scroller.

• Simple layout question...

  Hi guys.

  I'm trying to align my elements inside a container of Panel. My Control Panel has horizontal layout and two VGroup inside. My VGroup a horizontalAlign is the right settings. I want to another group that is inside the left corner VGroup. I can't make it work. Any help will be appreciated. Thank you.

  < s:Panel width = "600" height = "480" >

  < s:layout >

  < s:HorizontalLayout paddingTop = "10" / >

  < / s:layout >

  first VGroup

  < s:VGroup paddingTop = "5" horizontalAlign = "center" >

  < mx:Image source = "{pictureBig}" width = "295" height = "271" / >

  < s:Button id = "switchView" label = "Current view" click = "switchView_clickHandler (event)" / >

  < / s:VGroup >

  Second VGroup

  < s:VGroup horizontalAlign = "right" width = "220" paddingTop = "5" >

  < s:HGroup verticalAlign = "middle" >

  < s:Label styleName = "Label" text = "aaaaa" / >

  < s:TextInput styleName = "Label" text = "{dataFromClick.getItemAt (0) .dvd}" / >

  < / s:HGroup >

  ----

  -//at minus 3 HGroups here...

  ----

  < s:HGroup verticalAlign = "middle" >

  < s:Label styleName = "Label" text = "bath" / >

  < s:TextInput styleName = "Label" text = "{dataFromClick.getItemAt (0) .dvd}" / >

  < / s:HGroup >

  I want the last HGroup align left...

  < s:HGroup verticalAlign = "middle" >

  < s:TextInput styleName = "Label" text = "{dataFromClick.getItemAt (0) .dvd}" / >

  < / s:HGroup >

  < / s:VGroup >

  Which is not relevant because you try to position inside the Panel. To do this, you must set its layout = "absolute". Here are some readings on arrangement of things in the control panel:

  http://livedocs.Adobe.com/Flex/3/HTML/Help.HTML?content=layouts_10.html

• Help: liquid Flash layout

  Hello!

  I'm building a liquid flash site using actionscript 3 in CS4.

  Everything works great, except... I wish that my main image to increase or decrease proportionally when the size of the browser window changes. Here's a good example of what I am seeking to achieve: http://www.auberge-de-l-ill.com/V2/index.html. Currently, my main image increases and decreases disproportionately when I change the size of the browser window.

  Thank you!! I appreciate any input.

  Here is a part of the code that I use. My main image is in a clip called 'image '.

  var myStage:Stage = this.stage;

  myStage.scaleMode = StageScaleMode.NO_SCALE;

  myStage.align = StageAlign.TOP_LEFT;

  addEventListener (Event.ENTER_FRAME, displayF);

  function displayF(event:Event):void {}

  var swfWidth:int = myStage.stageWidth;

  var swfHeight:int = myStage.stageHeight;

  var swfHeight = menuYPos:Number - menu.height;

  var menuXPos:Number = swfWidth - menu.width;

  var swfHeight = logoYPos:Number - logo.height;

  var swfWidth = logoXPos:Number - logo.width;

  var imageYPos:Number = swfHeight - image.height;

  var imageXPos:Number = swfWidth - image.width;

  menu.y = menuYPos/2;

  menu.x = menuXPos/2;

  image= swfWidth .width;

  image.height = swfHeight;

  }

  You catch my guy on the Ratio/Ration?

  I don't know what could be causing the flashing. Usually you won't have this kind of thing on an enterframe. I did not do that using AS3, but under AS2, there was an onResize event and this is where you would do the resizing.

  You can also add a few relaxation:

  var toUse:Number =(wRatio > hRatio)? wRatio: hRatio

  image.scaleX +=(toUse-image.scaleX)/3

  image.scaleY = image.scaleX;

• Copy layout question

  Whenever I have some change to the photo in Lightroom, the setting 'copy' would automatically jump to the top. It's extremely annoying. I don't know how and if I can turn it off.

  Nevermind, I restart the laptop and the problem disappeared.

  Sent from my iPhone

• Page layout question?

  Why what's on my screen in dreamweaver, this put on page look perfect, but when I download and display in the browser window, there is a gap at the top of the index 'maindiv' and at the bottom of the div appears to be cut?

  http://www.milesfunerals.com/template.php

  It looks like no you have a line of css are inherited, but I can't find where. Addition of border-top: 1px solid #F4ECC5; will reduce the space to zero:

  {.maindiv}

  Max-width: 812px;

  Max-height: 1174px;

  background-image: url(images/scrollbg%20copy.jpg);

  background-repeat: no-repeat;

  margin left: 138px;

  padding-bottom: 173px;

  background-color: #F4ECC5;

  border-top: 1px solid #F4ECC5;

  }

  UPDATE:

  The margin or the padding is coming from the

  Inside the DIV tags - if set you them to zero space will carry.

  .maindiv p {}

  margin: 0 0 0 0;

  padding: 0 0 0 0;

  }

  Thing is NOT to ask the roof, just the bottom:

  .maindiv p {}

  margin: 0;

  padding: 0 10px 0 0;

  }

• Print page layout question

  When I put images to print, for example in the form of map, I have trouble getting the image to the center of the template exactly. When he moves, it snaps to the next point, rather than to stop where I have to say, and usually the point I'm pass and the point that I'm moving, are each on one side or the other are exactly in the Center. Is it possible at this address?

  Thank you, Carol

  Hi Carol,.

  I do not use the fine print module, but I SEEA 'Loving grid' option in the section rules, grid and guides on the right side. If you set to 'Off', that solve the problem?

  Marc