CSS and <DIV> - ng.asp-net-forum.master_pages_themes_and_navigation_controls

CodeVerge.Net ^Beta
Explore Item Entry Members	Register Login

NEWSGROUP

.NET

Algorithms-Data Structures

XML

Free Download:

Zone:

> NEWSGROUP > Asp.Net Forum > general_asp.net.master_pages_themes_and_navigation_controls

Tags:

Item Type:

NewsGroup

Date Entered:

10/13/2006 2:16:24 PM

Date Modified:

Subscribers:

Subscribe Alert

Rate It:

(NR, 0)

XPoints:

N/A

Replies:

Views:

162

Favorited:

Favorite

Can Reply: No

Members Can Edit: No

Online: Yes

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

	soundcluster
	Asp.Net User

CSS and <DIV>

10/13/2006 2:16:24 PM

0/0

Hello:

I've been using VB .NET for a couple of years, and while I find ASP .NET quite straight forward, in programming terms, I am seriously struggling positioning graphics, text and other objects exactly where I want (which with VB .NET was never an issue).

Ideally I am trying to achieve a three column + header + footer liquid page design so very very simple, and I'd rather not use tables and I don't want skins or themes at this stage yet:

So a Master page a default page a CSS and a couple of dummy pages just to try out the links...

The header and footer are displayed ok, but once dividing the left col, right col content up respectively with a width of 20% 20% and 60% (aiming for the liquid look), the right col, is displayed under the leftcol and content why???

Also once I set my master page bacground to my desired background, I do a text align center in my master page document properties and at run time the background is bang in the middle...

How can I get the three column to follow the width size of my background image??

Can I liquidize the Background?

Thanks if anyone could help I would appreciate.... ');" title="Confused - "> Mic Wink ');" title="Wink - Wink ">

	sbyard
	Asp.Net User

Re: CSS and <DIV>

10/13/2006 8:36:05 PM

0/0

If nothing else, buy and read these three books - CSS is the way to go - tables for data only where possible

CSS Mastery - Andy Budd (+ others) - ISBN 978-1-59059-614-2

Bulletproof web design - Dan Cederholm - ISBN 0-321-34693-9

Cascading Style Sheets - Hakon Wium Lie & Bert Bos - ISBN 0-321-19312-1

If it was easy, everybody would be doing it.

	aderes
	Asp.Net User

Re: CSS and <DIV>

10/16/2006 4:03:39 PM

0/0

Try giving this site a look.

http://alistapart.com/articles/holygrail

	mariortizmmiv
	Asp.Net User

Re: CSS and <DIV>

10/16/2006 5:15:56 PM

0/0

So Maybe I don´t have the correct answer, but I preferred work with panel controls. With the panel and tables you only change te value of this property Style="z-index: 100; to Style="z-index: auto;. Works for the menus with Master Pages and pictures below the menu.

Try it..

mariortizmmiv

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

Free Download:

Books:

CSS: The Missing Manual Authors: David Sawyer McFarland, Pages: 476, Published: 2006

Head First HTML with CSS & XHTML: with CSS & XHTML Authors: Elisabeth Freeman, Eric Freeman, Pages: 658, Published: 2005

Creating Web Pages All-in-One Desk Reference For Dummies Authors: Richard Wagner, Richard Mansfield, Emily A Vander Veer, Pages: 672, Published: 2007

Dreamweaver CS3 Bible: Master Every Aspect of Dreamweaver - Work with CSS, Text, Images, And Links - Incorporate Flash Movies and Other Media Authors: Joseph W. Lowery, Pages: 1112, Published: 2007

The Book of JavaScript: A Practical Guide to Interactive Web Pages Authors: Thau, Pages: 490, Published: 2007

Beginning CSS Web Development: From Novice to Professional Authors: Simon Collison, Pages: 413, Published: 2006

Dynamic Learning: Dreamweaver CS3 Authors: Fred Gerantabee, AGI Creative Team, AGI Creative Team, Pages: 400, Published: 2007

Visual Web Developer 2005 Express Edition For Dummies Authors: Alan Simpson, Pages: 358, Published: 2005

Master Visually Dreamweaver CS3 and Flash CS3 Professional: Dreamweaver Cs3 and Flash Cs3 Professional Authors: Sherry Kinkoph, Sherry Kinkoph Gunter, Janet Valade, Pages: 665, Published: 2007

Beginning DotNetNuke Skinning and Design: Skinning and Desing Authors: Andrew Hay, Nina Meiers, Shaun Walker, Pages: 432, Published: 2007

Web:
DIV Based Layout with CSS Dec 21, 2004 ... With the use of CSS and DIV tags, we can achieve the same ... Still, the advantages of using CSS and DIV tags for page layout are numerous, ...
Advanced HTML and CSS:

and tags unravelled! Advanced HTML and CSS: Block level containers (DIV) and inline containers (SPAN) combined with Cascading stylesheet classes.
CSS DIV and CSS Span Explains the div and span selectors in CSS. ... CSS DIV and CSS Span ...
How to Centre a DIV Block Using CSS (thesitewizard.com) Jul 16, 2008 ... This article shows you how you can centre a DIV block using standards compliant CSS.
YouTube - CSS Tutorial // Div Layers, Classes This is a CSS Tutorial that will help you position an image using a div layer.
CSS 100% Height DIV's tutorial Here is how to assign 100% height for your css divs! css 100% height divs tutorial.
Tutorials - Converting Tables to a CSS Div Tag and XHTML validated ... a: Replace all tables with div’s b: Remove any broken, or old invalid code. c: Edit remaining code so it fits XHTML transitional standards. d: Write a CSS ...
Alsacreations, Use of div layers and positionning with CSS Alsacreations, Use of div layers and positionning with CSS.
Table designs based on CSS and DIV elements Table designs based on CSS and DIV elements. Table of contents. Introduction to CSS "tables"; Example of a 2 by 3 table layout; A three column table layout ...
Netlobo.com | Showing and Hiding a DIV using CSS and Javascript An example with code of showing and hiding a DIV using CSS and Javascript.

Videos:

http://www.youtube.com/v/EPtzXH5h-HY&fs=1&source=uds&autoplay=1

CSS Tutorial // Div Layers, Classes This is a CSS Tutorial that will help you position an image using a div layer.

http://www.youtube.com/v/vSJT7Wf6A04&fs=1&source=uds&autoplay=1

Learning to use CSS and DIV Tags for Columns in Dreamweaver Layers TV Host RC creates a three column layout with a header in Dreamweaver CS3. This goes over the basics of setting up classes and inserting DIV ...

http://video.google.com/googleplayer.swf?docId=3407976851247292932&hl=en&fs=true&source=uds&playerMode=simple&autoPlay=true

Simple CSS positioning using DIV (intro to DHTML) Showing how to position using CSS and DIV tags. Simple example for a CIS 365 class at DeVry University.

http://www.youtube.com/v/-CmgUHDSkhs&fs=1&source=uds&autoplay=1

Fixed CSS Layout tutorial shows you how to layout out a fixed width and height page with css in Dreamweaver CS3.

http://www.youtube.com/v/cnMERXPkW9A&fs=1&source=uds&autoplay=1

Basics of CSS - Making a DIV tag and Styling It (PART 1) Chapter 1: Basics of CSS: 2. Making a DIV tag and Styling It (Part 1) Key pinpoints in this video tutorial: - css can style any HTML element ...

http://video.google.com/googleplayer.swf?docId=-8586913746546808992&hl=en&fs=true&source=uds&playerMode=simple&autoPlay=true

Dreamweaver Tutorials: Create a basic layout with CSS http://www.soulstyle.se/ Watch and learn How to create a basic website layout in Dreamweaver using DIV tags and CSS Styles. To find even more FREE Dr...

http://www.youtube.com/v/HIKPyNIIkz8&fs=1&source=uds&autoplay=1

Basics of CSS: Making a DIV tag and Styling It (Part 2) Chapter 1: Basics of CSS: 2. Making a DIV tag and Styling It (Part 2) Key pinpoints in this video tutorial: - css can style any HTML eleme...

http://video.google.com/googleplayer.swf?docId=-431095049301940795&hl=en&fs=true&source=uds&playerMode=simple&autoPlay=true

CSS Video CSS beginners will find various CSS video tutorials at css-faq.com useful. You can know how to position an image using div layer, how to make a websi...

http://www.youtube.com/v/MifXZeMD24E&fs=1&source=uds&autoplay=1

CSS Div Image Tutorial This tutorial covers the basic functions of div layers.

http://www.youtube.com/v/GOHgO2Ncqag&fs=1&source=uds&autoplay=1

Scrollbar in div with just CSS http://blog.nattlab.info | How to force a div(box) to fit an exact size and use scrollbars.

Search This Site:

Invite

History

Resources

SiteMap

framework 1.1 / dnn 3.2 and framework 2 / dnn 4 happy co-existance

where can i download this skin?

linkbuttons and input boxes

asp.net masterpages and menus integrating with prebuilt templates??

data is not inserting into the table

dataprovider: mysql

why still 'unauthorizedaccessexception' even i have all avaible accounts selected?

need help with logon screen

microsoft videos: changes from asp.net 1.1 to 2.0

restrict application to run from particular pc

confusion in calling store procedure from aspx vs sql query analyzer

urlcontrol question

cryptographicexception: access is denied.

infamous bc30451: name 'company' is not declared error

dotnetnuke 3.2 vers 1.1 framework question on creating users

failed to install msxml 6.0 parser during installation of visual studio

direct users to their page based on login.

treeview problem (i think this one's easy)

currentdate control adds extra linebreak

create new user captcha control

read an url and redirect

httpcontext.current.request.url.getleftpart(uripartial.authority) from dll

server application unavailable

dnn 3.x minor bug

restoring a backup

master page: navigation from one <content> to another <content>

server xfer gone bad d:

server error ???

custom collections

import code-behind file into web.config

All Times Are GMT