CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums




Can Reply:  No Members Can Edit: No Online: Yes
Zone: > NEWSGROUP > Asp.Net Forum > visual_studio.visual_studio_2005 Tags:
Item Type: NewsGroup Date Entered: 10/31/2007 4:28:38 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
NR
XPoints: N/A Replies: 2 Views: 117 Favorited: 0 Favorite
3 Items, 1 Pages 1 |< << Go >> >|
dean.carrefour
Asp.Net User
Create guide lines or grid for page layout?10/31/2007 4:28:38 PM

0

Is there any utility that will allow you to create guide lines to use during page layout to get things straight without absolutely positioning objects?  Or a way to use the grid for ASP page layout?  For instance I have a 3 column page, there is a nav bar on the left, center content column and a graphic in the right column.  I want the first button on the nav bar to align with the top of the graphic in the right column. 

 

Also, the buttons for 'align top', 'align right', etc. don't seem to work right in the IDE for web page design.  Is there a trick to it?  I have 4 image buttons, each with a different image in the URL property.  They are each different words (About Us, Contact Us, etc.).  So they are different widths.  I want them to all align to the right and have the same amount of space between them. 

cmd_17
Asp.Net User
Re: Create guide lines or grid for page layout?10/31/2007 7:58:03 PM

0

Hi,

Apparently, grid lines are not available in VS 2005: http://forums.asp.net/p/1150756/1877458.aspx

You can still line things up the way you want to using CSS without absolute positioning. Try using the CSS float, vertical-align, and margin/padding properties for positioning your images and columns. An excellent example of using separate images for each navbar element can be found here: http://www.grc.com/menu2/invitro.htm

If you need any help with positioning the columns, here's a great CSS template site: http://www.intensivstation.ch/en/templates/

If you really, really want grid lines, you could try using Macromedia Dreamweaver 8 (free trial available) to build your user interface. However, I recommend using CSS to do the positioning because even though your page elements might be lined up in the IDE according to the grid lines, they might not line up when the page is rendered in a browser.

Hopefully this is enough to get you started.

dean.carrefour
Asp.Net User
Re: Create guide lines or grid for page layout?10/31/2007 8:47:19 PM

0

 Thanks, I'll look at those pages.

3 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
QuarkXPress 6 for Dummies Authors: Barbara Assadi, Galen Gruman, Pages: 456, Published: 2003
The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques Authors: Wilbert O. Galitz, Pages: 760, Published: 2002
Designing Writing: A Practical Guide Authors: Mike Palmquist, Pages: 144, Published: 2005
Microsoft FrontPage 2003: Savvy Authors: Christian Crumlish, Kate Chase, Pages: 629, Published: 2003
Digital Scrapbooking for Dummies Authors: Jeanne Wines-Reed, Joan Wines, Pages: 336, Published: 2005
The Design of Sites: Patterns, Principles, and Processes for Crafting a Customer-centered Web Experience Authors: Douglas K. Van Duyne, James A. Landay, Jason I. Hong, Pages: 762, Published: 2002
Mastering CorelDRAW 4 Authors: Rick Altman, Pages: 800, Published: 1993
Special Edition Using Macromedia Flash MX: Special Edition Authors: Michael Hurwicz, Laura McCabe, Pages: 726, Published: 2002
Real World Adobe InDesign CS2: Industrial-strength Page-layout Techniques Authors: Olav Martin Kvern, David Blatner, Pages: 867, Published: 2006

Web:
Print Guidelines - The Grid Layout Guide. The following guides are intended to aid you in creating layouts that ... White space is an important factor in the layout of a page. ...
Creating Grid Layouts Creating Grid Layouts. In the Page Manager dialog, on the Insert tab: ... Layout guides are visual guide lines that help you position layout elements, ...
Create guide lines or grid for page layout? - ng.asp-net-forum ... Create guide lines or grid for page layout?, > ROOT > NEWSGROUP > Asp.Net Forum > visual_studio.visual_studio_2005, Date: 10/31/2007 4:28:38 ...
OLPC Human Interface Guidelines/The Sugar Interface/Layout ... Dec 17, 2008 ... The grid consists of a 16x12 array of square tiles. ... These subcells provide layout guidelines at a finer level of detail. ... Log in / create account · Login with OpenID ... This page has been accessed 5260 times. ...
Visual language 1.0 Apr 8, 2008 ... and page layout guidelines to be used across the site. ..... Images MUST work with the grid and help to create order within the page layout. ...
How to Create Page Layouts in GoLive CS2 > Using the CSS-based ... Oct 13, 2006 ... and drag and drop it to the open index page. The Layout Grid object falls into ... note the light guide lines that appear in the ruler. ...
Page Design: Page Layout Page Layout Grids. Introduction to Layout Grids; Layout Factors and Guidelines ... Create balance around your page's focal point. Repetition/Consistency: ...
Grid Alignment - Complex Grid Alignment in Page Layout For more complicated layouts the use of guidelines and grids aid in the precise ... Alignment - How to Use Principle of Alignment in Page Layout · Lesson 7 of Create a Greeting Card Class - Page Layout · Grids - Order out of Chaos ...
Layout Note: Guidelines related to window management are presented in a separate article. ..... This well balanced wizard page layout shows a larger left margin than ... Unnecessary grid lines create visual complexity. You know a layout is ...
How do I create a grid paper layout? | caddpower.com How do I create a traditional graph paper or grid paper type layout in PowerCADD ... Hint: If you would like the grid of guidelines to be a different color, ... Message Subject: (Your Name) has forwarded a page to you from caddpower.com ...






recent projects icons missing

vs 2005 nag, nag nag...

vs 2005 shortcut keys

visual studio 2005 vs visual web developer

edit and continue does not work - help!!!

performing batch updates using oledbdataadapter

urgent...errors

web deployment projects

need a good "version control software"

cannot find build comment web pages..

stopping a file being published

vs 2005 doubling controls and for next loops

start page not updating

vs.net sp1 no longer sees mapped drive

where is visual source safe for vs 2005

microsoft visual studio in vista (web developer cannot debug)

manipulating value of an item before its displayed in data repeater

bind to existing folders in vss 6

where can i get beta 2?

wildcard

vs standard & excel?

i want to change datagrid cell color

smarttags

s.o.s gurus why has the web form designer changed

create a new database inside vs 2005

price of vb studio or vwd

vs.net 2005 beta 1 and sql server 2005 beta 3

different name for app_code.dll?

quick way to add hyperlink

short cut for..??

   
  Privacy | Contact Us
All Times Are GMT