Tricky CSS height property question
Hello,
Please have a look at my latest project:
http://www.sitebaker.org
As you can see I have split the background into three
seperate images, "notebook_top,jpg", "notebook_middle.jpg" and
"notebook_bottom.jpg". The notebook_middle image is repeated
vertically using CSS. The big pitfall of this however is that the
rings on the left never really match (Have a look on the bottom
left where the middle and the bottom images meet). Is there any way
to fix this? Is there any way to define that the middle image
always HAS to be a multiple of 49 pixels (the image's height)? That
would make the site look so much more professional...
I'm really lost here, so please help. Thanks a lot.
Take a look here - I think this is the best way to accomplish
something like
you have -
http://neapco.beyondunreal.com/film-clip-layouttest.html
Pay attention to the way the divs are arranged.
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
==================
"Tintin81" <[email protected]> wrote in
message
news:e257ke$b6j$[email protected]..
> Hey guys, thanks for your help.
> I have made a small change to the CSS, so the footer is
visible now in
> Firefox.
>
> However, the initial problems remains: Once the page
height changes (due
> to
> e.g. a change in font size), the left edge becomes
distorted and it looks
> very
> ugly to me. Can anybody else think of a way to fix this?
>
> Here's the link again:
http://www.sitebaker.org
>
Similar Messages
-
CSS height property use in Fluid grid layout
Hi, I'm totally new to fluid grid layout and just got started in it. I have a div tag that has 5px height and I sucessfully applied that and seem fine only on Tablet landscape (1024x768) and Small tablet landscape (800x600), nevertheless it isn't even displaying on Mobile portrait (320x480), Mobile landscape (480x320), Small tablet portrait (600x800) and Tablet portrait (768x1024).
My coding is below
index.html
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="fluid.grid.layout/boilerplate.css" rel="stylesheet" type="text/css">
<link href="fluid.grid.layout/style.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="fluid.grid.layout/respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1"></div>
</div>
</body>
</html>
boilerplate.css
@charset "utf-8";
* HTML5 ✰ Boilerplate
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
* Detailed information about this CSS: h5bp.com/css
* Dreamweaver modifications:
* 1. Commented out selection highlight
* 2. Removed media queries section (we add our own in a separate file)
* ==|== normalize ==========================================================
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
/* Dreamweaver: uncomment these if you do want to customize the selection highlight
*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
*::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
* Correct overflow not hidden in IE9
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
legend { border: 0; *margin-left: -7px; padding: 0; }
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
button, input { line-height: normal; *overflow: visible; }
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
table button, table input { *overflow: auto; }
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
* Consistent box sizing and appearance
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
* Remove inner padding and border in FF3/4: h5bp.com/l
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
style.css
@charset "utf-8";
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 4;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 10;
dw-gutter-percentage: 25;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 85.5%;
padding-left: 2.25%;
padding-right: 2.25%;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
height:5px;
display: block;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 97.5%;
padding-left: 1.25%;
padding-right: 1.25%;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
height:5px;
display: block;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 98%;
max-width: 1232px;
padding-left: 1%;
padding-right: 1%;
margin: auto;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
height:5px;
background-color:#FBB829;
respond.min.js
/*! Respond.js v1.0.1pre: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
(function(e,h){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=h;if(h){return}var u=e.document,r=u.documentElement,i=[],k=[],p=[],o={},g=30,f=u.getElementsByTagName("head")[0]||r,b=f.getElementsByTagName("link"),d=[],a=function(){var B=b,w=B.length,z=0,y,x,A,v;for(;z<w;z++){y=B[z],x=y.href,A=y.media,v=y.rel&&y.rel.toLowerCase()==="stylesheet";if(!!x&&v&&!o[x]){if(y.styleSheet&&y.styleSheet.rawCssText){m(y.styleSheet.rawCssText,x,A);o[x]=true}else{if(!/^([a-zA-Z]+?:(\/\/)?)/.test(x)||x.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:x,media:A})}}}}t()},t=function(){if(d.length){var v=d.shift();n(v.href,function(w){m(w,v.href,v.media);o[v.href]=true;t()})}},m=function(G,v,x){var E=G.match(/@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi),H=E&&E.length||0,v=v.substring(0,v.lastIndexOf("/")),w=function(I){return I.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+v+"$2$3")},y=!H&&x,B=0,A,C,D,z,F;if(v.length){v+="/"}if(y){H=1}for(;B<H;B++){A=0;if(y){C=x;k.push(w(G))}else{C=E[B].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&w(RegExp.$2))}z=C.split(",");F=z.length;for(;A<F;A++){D=z[A];i.push({media:D.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:k.length-1,minw:D.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1),maxw:D.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})}}j()},l,q,j=function(E){var v="clientWidth",x=r[v],D=u.compatMode==="CSS1Compat"&&x||u.body[v]||x,z={},C=u.createDocumentFragment(),B=b[b.length-1],w=(new Date()).getTime();if(E&&l&&w-l<g){clearTimeout(q);q=setTimeout(j,g);return}else{l=w}for(var y in i){var F=i[y];if(!F.minw&&!F.maxw||(!F.minw||F.minw&&D>=F.minw)&&(!F.maxw||F.maxw&&D<=F.maxw)){if(!z[F.media]){z[F.media]=[]}z[F.media].push(k[F.rules])}}for(var y in p){if(p[y]&&p[y].parentNode===f){f.removeChild(p[y])}}for(var y in z){var G=u.createElement("style"),A=z[y].join("\n");G.type="text/css";G.media=y;if(G.styleSheet){G.styleSheet.cssText=A}else{G.appendChild(u.createTextNode(A))}C.appendChild(G);p.push(G)}f.insertBefore(C,B.nextSibling)},n=function(v,x){var w=c();if(!w){return}w.open("GET",v,true);w.onreadystatechange=function(){if(w.readyState!=4||w.status!=200&&w.status!=304){return}x(w.responseText)};if(w.readyState==4){return}w.send(null)},c=(function(){var v=false;try{v=new XMLHttpRequest()}catch(w){v=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return v}})();a();respond.update=a;function s(){j(true)}if(e.addEventListener){e.addEventListener("resize",s,false)}else{if(e.attachEvent){e.attachEvent("onresize",s)}}})(this,(function(f){if(f.matchMedia){return true}var e,i=document,c=i.documentElement,g=c.firstElementChild||c.firstChild,h=!i.body,d=i.body||i.createElement("body"),b=i.createElement("div"),a="only all";b.id="mq-test-1";b.style.cssText="position:absolute;top:-99em";d.appendChild(b);b.innerHTML='_<style media="'+a+'"> #mq-test-1 { width: 9px; }</style>';if(h){c.insertBefore(d,g)}b.removeChild(b.firstChild);e=b.offsetWidth==9;if(h){c.removeChild(d)}else{d.removeChild(b)}return e})(this));
I really do appreciate your efforts to help me solve this problem... Thank you in advanceHeight is determined by content. I can't think of a single reason to have a div height of 5px because almost nothing will fit inside that small a space without problems.
As to why it doesn't show up in other devices, you must have put that style into the Tablet CSS code instead of the default Mobile CSS code.
Fluid Grids build up from Mobile (applied to everything) with specific rules for Tablets, then Desktops.
Best advice, use Fluid Grids for layout only. Use a separate CSS file for content styles.
Hope this helps,
Nancy O. -
IView "automatic" height property problem
Hi SDN,
very annoying one ....
I have "km document iView" pointing to html file.
my user is editing the html file (add \ remove line ) so ... basically, my user determine the iView height (the height of the iView is determine by the lines number the user wrote ... )
Height property is set to "Automatic" .
all work fine !
But , when I put this iview in a page with another iview [vertical order (one above the other ... )]
the "automatic" height stop working ....
the iview height is not changing dynamically .... it always in the same Height .. with scrollbars ...
Any ideas why ?
I just want to get the effect of the "automatic" height of the iview within a page ...
10x in advance,
HadarHi ,
check the below note
Note 1147133 - Wrong vertical scrollbar for KM navigation iView
It will resolve your issue
https://websmp230.sap-ag.de/sap(bD1lbiZjPTAwMQ==)/bc/bsp/spn/sapnotes/index2.htm?numm=1147133
Points are welcome if it is useful
Koti Reddy -
Htmltext, images and css' display property
Hi all,
I've got two questions; one about whether or not something is
natively
possible in Flash and another if there is a free or
commercial component
to fix the problem.
I know CSS/HTML in textfields is one of the weak points of
Flash, but I
still would like to clear something up (couldn' find a
definitive 'not
possible' through google).
I'm trying to display images from HTML/XML as block through
CSS in a
dynamic textField but can't seem to get it to work. I kinda
doubt
whether it is possible at all...
I've tried too many variations to display one piece of code
which fails,
but it boils down to:
* I load XML in which headings, paragraphs and images
(usually within a
paragraph) are set.
* I load CSS (or generate with AS for that matter) which
set's the
properties of the various tags.
* Images always display inline even if just one single char
fits beside
it in the field. If nothing really fits beside the image,
Flash still
places text there which is then hidden from the reader. All
attempts to
have the image's display set to block fail. Also if I try
through a
surrounding p-tag.
I tried all from XML.ignoreWiitespace,
TextField.condenseWhite, adding
p-, and br-tags. It just won't work.
If there really is no (why not?!) possibility to have it done
natively,
does anyone know of a solution (paid or free) done
previously? I can
think of some ways to make a start, but kind of don't have
the time to
make a really thorough effort...
Thanks in advance?
Manno Bult
http://www.aloft.nlOK, kind of 'fixed' this one:
* parse HTML/XML for contained img-tags
* added id attribute if not present
* place HTML/XML in field
* get reference to loader object associated with the image(s)
through
TextField's getImageReference() method.
* aad eventListener to it
* on INIT or COMPLETE: retrieve height of image/loader object
* insert multiple paragraphs after image so that next actual
text
appears below image. Multiple paragraphs are inserted to
accomodate the
useage of scrollV for field, otherwise (one big paragraph)
image would
be considered as one line and scrolling would look strange...
Inserted
paragraphs have a set leading style so the number of
paragraphs to
insert can be calculated.
ugly but for me it works (at the moment). Anyone any better
solutions?
kind regards,
Manno
Manno Bult
http://www.aloft.nl -
CSS layout - two questions on sidebar
So I'm having trouble with my sidebar:
site
1. I want to get it to stretch to the bottom of the div it's
in, with a 10 px margin on the bottom, basically, stretch exactly
the same distance down as the main content div. I get the
impression this is tough in CSS, but there has to be some work
around? I don't think I can use faux columns in this instance,
though if it's possible please explain how.
2. This isn't really a big deal, but it'd be nice to have a 1
px black line on only the left side of my sidebar (I have one drawn
onto the actual images, it'd be nice to do that in CSS). Is this
possible?
Thanks a lot and sorry for the beginner questions.I have another question about the same site. In IE I'm
getting this:
pic
In Firefox I'm getting this:
pic
Firefox is much closer to what I want, but I'm not sure why
IE is showing up like it does. Seems the margins are changing and
IE is padding my sidebar for some reason. Any ideas? -
Problem with auto height property in .dwt template file
following is the code for the template file of my website, the pages which this is template for have different length content but the height wont adjust according to the content and the text over flows under the footer and the green content area does not lengthen with the content. i havent uploaded the pages because there is this error so cant give an address for online sample. the content is in the "page-body" tag which is an editabbe region, the content in the tag is for experimental pupose copy and paste it iver n over for different content lengths, id really appreciate a quick reply need to upload the pages asap
<!DOCTYPE html>
<html lang="en" dir="ltr" id="du-edu" crossriderapp5060="true" crossriderapp-plugins-5060="true"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- mimic Internet Explorer 7 for president's micro-site -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta name="msvalidate.01" content="5D411CE78DB32250E9FA56793A53B72D">
<link href="../pu/pupagetemplate_files/top_navigation_layout.css" rel="stylesheet" type="text/css" media="all">
<link href="../pu/pupagetemplate_files/slideshow.css" rel="stylesheet" type="text/css" media="screen">
<!-- include css definitions for positioning the main body of page -->
<link href="../pu/pupagetemplate_files/index_layout.css" rel="stylesheet" type="text/css" media="all">
<!-- include css definitions for positioning the bottom navigation elements -->
<link href="../pu/pupagetemplate_files/bottom_navigation_layout.css" rel="stylesheet" type="text/css" media="all">
<!-- include css definitions for formatting most inline text styles -->
<link href="../pu/pupagetemplate_files/text_styles.css" rel="stylesheet" type="text/css" media="all">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Peace University USA</title>
<!-- TemplateEndEditable -->
<meta name="Description" content="An nnovative private university in Dashington DC, PU offers innovative and rigorous undergraduate, graduate and professional programs. The University is distinguished by its hands-on learning opportunities, strong faculty-student collaboration and global perspective. ">
<meta name="Keywords" content="university, Peace, degrees, bachelors degree, masters degree, doctorate, school of social work, alumni, public good">
<meta name="author" content="Peace University USA">
<link rel="shortcut icon" href="http://faithinpeace.org/.images/favicon.ico" sizes="16x16" type="image/x-icon">
<link rel="shortcut icon" href="http://faithinpeace.org/images/favicon.ico" sizes="16x16 32x32 48x48 57x57 144x144" type="image/gif">
<link href="../pu/pupagetemplate_files/style.css" rel="stylesheet" type="text/css" id="css">
<link href="../pu/pupagetemplate_files/home.css" rel="stylesheet" type="text/css" id="css">
<style type="text/css">
body {
background-color: #252525;
background-image: url(../pu/pupagetemplate_files/website%20background.jpg);
body,td,th {
color: #FFFFFF;
a:link {
color: #000;
a:visited {
color: #000;
#apDiv1 {
position:absolute;
width:531px;
height:115px;
z-index:7;
background-image: url(../pu/images/logo.png);
top: 1px;
#du-edu body #globalFooter #footerLinksContainer #subFooter ul li a {
text-align: left;
#apDiv2 {
position:absolute;
width:323px;
height:91px;
z-index:6;
top: 100px;
/* [disabled]background-image: url(../pu/images/logoplain.png); */
left: 678px;
.b {
list-style-type: circle;
color: #FFFFFF;
#apDiv3 {
position:absolute;
width:200px;
height:54px;
z-index:-2147483648;
left: 24px;
top: 3px;
#apDiv4 {
position:absolute;
width:592px;
height:70px;
z-index:6;
left: 3px;
top: -1px;
#apDiv5 {
position:absolute;
width:200px;
height:115px;
z-index:-2147483648;
#apDiv6 {
position:absolute;
width:200px;
height:115px;
z-index:10;
#apDiv7 {
position:absolute;
width:862px;
height:auto;
z-index:12;
left: 84px;
top: 92px;
min-height: 573px;
#apDiv8 {
position:absolute;
width:349px;
height:382px;
z-index:11;
left: 488px;
top: 232px;
background-image: url(../pu/pupagetemplate_files/pwm.png);
background-repeat: no-repeat;
opacity: 0.5;
</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>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body onLoad="MM_preloadImages('../pu/pupagetemplate_files/ropagelogo.png')"><div id="pageWrapper" class="broke-endless-pages">
<div id="alertbox" class="none">
</div>
<div id="apDiv6">
<div id="header">
<!-- *** mainNav: holds the actual navigation imagery -->
<div id="mainNav">
<ul id="topNavLinks">
<li class=""><a href="http://faithinpeace.org/about.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Top', 'About Top']);">About Peace</a> |
<div id="menu1" class="subNavMenu" style="visibility: hidden; ">
<div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
<div class="column">
<ul class="subNavLinks">
<li class="secondLevelNavTop"><a href="http://faithinpeace.org/about.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow About', 'History']);">History & Mission</a></li>
<li class="secondLevelNav"><a href="http://faithinpeace.org/about.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow About', 'Administration']);">Facts & Figures</a></li>
<li class="thirdLevelNav"><a href="http://faithinpeace.org/rnd.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow About', 'President']);">Research & Development</a></li>
<li class="thirdLevelNav"><a href="http://www.facebook.com/pages/MAD-Media-Art-and-Design-Center-of-Excellence/31164214225245 2" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow About', 'Provost']);">Media Arts & Design</a></li>
<li class="thirdLevelNav"><a href="http://www.facebook.com/YOUTHENGAGEMENTPLATFORM" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow About', 'Finance']);">Youth Engagement Platform</a></li>
</ul>
</div>
</div>
</li>
<li class="hoverIt"><a href="http://faithinpeace.org/admissions.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Top', 'Admissions Top']);">Admissions</a> |
<div id="menu2" class="subNavMenu" style="visibility: hidden; ">
<div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
<div class="column">
<ul class="subNavLinks">
<li class="secondLevelNavTop"><a href="http://faithinpeace.org/undergraduate.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Admission', 'Undergrad Programs']);">Apply</a></li>
<li class="thirdLevelNav"><a href="http://faithinpeace.org/howtoapply.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Admission', 'Apply']);">Apply Now</a></li>
<li class="thirdLevelNav"><a href="http://faithinpeace.org/Peace-University-Catalog-2011-12.pdf" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Admission', 'Materials']);">Catalog</a></li>
<li class="thirdLevelNav"><a href="http://faithinpeace.org/Peace-University-Admission-Application-Form.pdf" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Admission', 'Materials']);">Applicationa Form</a></li>
<li class="secondLevelNavTop"><a href="http://faithinpeace.org/undergraduate.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Admission', 'Undergrad Programs']);"> Undergraduate Programs</a></li>
<li class="secondLevelNavTop"><a href="http://faithinpeace.org/graduate.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Admission', 'Grad Programs']);">Graduate Programs</a></li>
<li class="secondLevelNavTop"><a href="http://faithinpeace.org/nondegree.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Admission', 'Apply Grad Programs']);">Non-Degree Programs</a></li>
</ul>
</div>
</div>
</li>
<li class=""><a href="http://faithinpeace.org/academics.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Top', 'Schools Top']);">Academics</a> |
<div id="menu3" class="subNavMenu" style="visibility: hidden; ">
<div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
<div class="column">
<ul class="subNavLinks">
</ul>
</div>
<div class="column">
<ul class="subNavLinks">
<li class="secondLevelNavTop"><a href="http://faithinpeace.org/diciplines.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Departments']);">Departments and Disciplines</a></li>
<li class="secondLevelNav"><a href="http://faithinpeace.org/undergraduate.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Undergrad Studies']);">Undergraduate Studies</a></li>
<li class="secondLevelNav"><a href="http://faithinpeace.org/graduate.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Grad Studies']);">Graduate Studies</a></li>
<li class="secondLevelNav"><a href="http://faithinpeace.org/nondegree.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Part-time']);">Part-Time and Non-Degree</a></li>
<li class="secondLevelNav"><a href="http://http//www.digital.edu/lms/" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Distance']);">Distance Education</a></li>
</ul>
</div>
<div class="column">
<ul class="subNavLinks">
<li class="secondLevelNavTop"><a href="http://faithinpeace.org/Peace-University-Catalog-2011-12.pdf" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Online Catalog']);">Online Academic Catalog</a></li>
<li class="secondLevelNav"><a href="http://faithinpeace.org/courses.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Course Listings']);">Course Listings</a></li>
<li class="secondLevelNav"><a href="http://faithinpeace.org/howtoapply.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Schools', 'Admissions Info']);">Admissions Information</a></li>
</ul>
</div>
</div>
</li>
<li><a href="http://webapps.jhu.edu/jhuniverse/research/" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Top', 'Research Top']);">Research</a> |
<div id="menu4" class="subNavMenu">
<div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
<div class="column">
<ul class="subNavLinks">
<li class="secondLevelNavTop"><a href="http://digital.edu/callforpapers.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Research', 'APL Research']);">Call for Papers</a></li>
</ul>
</div>
</div>
</li>
<li class="hoverIt"><a href="http://faithinpeace.org/faculty.htm" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Top', 'Athletics Top']);">Faculty</a> | </li>
<li><a href="http://alumni.jhu.edu/" onclick="_gaq.push(['_trackEvent', 'Home Link', 'Follow Top', 'Alumni Top']);">Contact Us</a></li>
</ul>
</div>
<!-- *** mainNav div ends here*** -->
</div>
</div>
</div>
<a class="hiddenFromViewer broke-endless-pages" href="http://www.faithinpeace.org/#skippedNav">Skip navigation</a>
<header id="globalHeader">
<div id="globalHeaderContent">
<nav id="globalNav"></nav>
<section class="searchContainer">
<nav id="globalUtilities">
<ol>
<li></li>
</ol>
</nav>
</section>
<div class="clear">
<div id="apDiv2"><a href="../pu/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('logo1','','../pu/pupagetemplate_files/ropagelogo.png',1)"><img src="../pu/pupagetemplate_files/pagelogoplain.png" name="logo1" width="323" height="86" border="0"></a></div>
</div>
</div>
</header>
<div id="contentWrapper"><div id="apDiv7"><!-- TemplateBeginEditable name="page-body" --> <span class="align">eace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or mediciPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyne). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordingly. </span> . <!-- TemplateEndEditable --></div>
</section>
</div>
</div>
<footer id="globalFooter" name="globalFooter">
<section id="footerLinksContainer">
<nav id="learnFooter" class="footerLinks">
<h1>Academics</h1>
<div class="footerBorder">
<h2>Undergraduates</h2>
<ul>
<li><a href="http://faithinpeace.org/undergraduate.htm" title="Degree Programs">Degree Programs</a></li>
<li><a href="http://faithinpeace.org/faculty.htm" title="Faculty & Staff">Faculty & Staff</a></li>
</ul>
<h2>Graduates</h2>
<ul>
<li><a href="http://faithinpeace.org/graduate.htm" title="Degree Programs">Degree Programs</a></li>
<li><a href="http://faithinpeace.org/rnd.htm" title="Graduate Research">Graduate Research</a></li>
<li><a href="http://faithinpeace.org/faculty.htm" title="Faculty & Staff">Faculty & Staff</a></li>
</ul>
<h2>Non Degree</h2>
<ul>
<li><a href="http://faithinpeace.org/nondegree.htm" title="Programs">Programs</a></li>
<li></li>
<li><a href="http://faithinpeace.org/faculty.htm">Faculty & Staff</a></li>
</ul>
</div>
</nav>
<nav id="liveFooter" class="footerLinks">
<h1>Virtual University</h1>
<div class="footerBorder">
<ul>
<li><a href="http://www.digital.edu/lms">Log In</a></li>
<li></li>
</ul>
</div>
</nav>
<nav id="applyFooter" class="footerLinks">
<h1>About Us</h1>
<div class="footerBorder">
<ul>
<li></li>
<li><a href="http://faithinpeace.org/about.htm" title="Facts & Figures">Facts & Figures</a></li>
<li></li>
<li><a href="http://faithinpeace.org/mission.htm" title="Vision & Values">Vision & Values</a></li>
<li><a href="http://faithinpeace.org/rnd.htm" title="Research & Development">Research & Development</a></li>
<li><a href="http://www.facebook.com/pages/YEP-Youth-Engagement-Platform-Peace/309623245721408" title="Youth Engagement Platform">Youth Engagement Platform</a></li>
<li><a href="http://www.facebook.com/pages/MAD-Media-Art-and-Design-Center-of-Excellence/31164214225245 2" title=">Media Arts & Design">Media Arts & Design</a></li>
</ul><br>
<h2><a href="">Partners</a></h2><br>
<ul>
<li><a href="http://digital.edu/"><img src="../pu/pupagetemplate_files/dulogoteal2.png" width="111" height="43"></a> <br></li>
<li><a href="http://digitalinternational.com/collaborate.htm"><img src="../pu/pupagetemplate_files/dilogoorange.png" width="111" height="43"></a><br></li></ul>
</div>
</nav>
<nav id="applyFooter" class="footerLinks">
<h1>Apply</h1>
<div class="footerBorder">
<h2>Undergraduates</h2>
<ul>
<li><a href="http://faithinpeace.org/admissions.htm" title="Admission">Admission</a></li>
<li><a href="http://faithinpeace.org/financialinfo.htm" title="Tuition and Fee">Tuition and Fee</a></li>
<li><a href="http://faithinpeace.org/aid.htm" title="Financial Aid and Scholarships">Financial Aid and Scholarships</a></li>
</ul>
<h2>Graduates</h2>
<ul>
<li><a href="http://faithinpeace.org/admissions.htm" title="Admission">Admission</a></li>
<li><a href="http://faithinpeace.org/financialinfo.htm" title="Tuition & Fee">Tuition & Fee</a></li>
<li><a href="http://faithinpeace.org/aid.htm" title="Financial Aid and Scholarships">Financial Aid and Scholarships</a></li>
</ul>
<h2><a href="http://faithinpeace.org/howtoapply.htm">How to Apply</a></h2>
</div>
</nav>
<nav id="newsFooter" class="footerLinks">
<h1>Contact</h1>
<div class="footerBorder">
<ul>
<li><a href="http://faithinpeace.org/employment.htm" title="Employment">Employment</a></li>
<li><a href="http://faithinpeace.org/careers.htm" title="Career and Development">Career and Development</a></li>
<li><a href="http://eepurl.com/nj22f">Contact Form</a></li>
</ul>
</div>
</nav>
<div class="clear"><!--//--></div>
<section id="followList">
<ul>
<li></li>
</ul></section>
<nav id="subFooter">
<ul>
<blockquote>
<p><a href="http://www.facebook.com/pages/Peace-University/235720776442514" target="_blank" title="Peace University facebook"><img alt="Facebook" src="../pu/pupagetemplate_files/btn_facebook.jpg"></a> | <a href="http://faithinpeace.org/contact.htm" title=">Contact Us">Contact Us</a> | <a href="http://faithinpeace.org/employment.htm" title="Jobs">Jobs</a> |
</p>
<p> Peace University USA is an equal opportunity affirmative action institution.<span style="display:none;"><a href="http://www.omniupdate.com/oucampus/de.jsp?user=Denver&site=DU_Main&path=%2Findex.pcf"><img src="../pu/pupagetemplate_files/icon_edit_lt.png"></a></span>
</p>
<p> </p>
</blockquote>
</ul>
</nav>
</section>
</footer>
<div id="apDiv8"></div>
<script>
try{for(var lastpass_iter=0; lastpass_iter < document.forms.length; lastpass_iter++){ var lastpass_f = document.forms[lastpass_iter]; if(typeof(lastpass_f.lpsubmitorig2)=="undefined"){ lastpass_f.lpsubmitorig2 = lastpass_f.submit; lastpass_f.submit = function(){ var form=this; var customEvent = document.createEvent("Event"); customEvent.initEvent("lpCustomEvent", true, true); var d = document.getElementById("hiddenlpsubmitdiv"); for(var i = 0; i < document.forms.length; i++){ if(document.forms[i]==form){ d.innerText=i; } } d.dispatchEvent(customEvent); form.lpsubmitorig2(); } } }}catch(e){}
</script><sfmsg id="sfMsgId" data="{"imageCount":0,"ip":"182.177.153.216"}"></sfmsg><div class="extLives"></div></body></html>sandyrojito wrote:
how do i fix it though? can make corrections in the code and send me the code?
It's not fixable. If you do not know how to use static <divs> then you might want to consider using a table stucture for the construction. Whilst not the ideal way to go tables do work in conjunction with one another.
You can only really use abosolutely positioned <divs> for a simple website which has say a header and 2/3/4 columns and no footer. As soon as you try to include a footer the absolutely positioned column <divs> can't recognise it's there so any content in them does not push the footer down. -
Beginner CSS multiple stylesheet Question...
Hi,
I am a complete beginner. I've followed through the Dreamweaver beginner 'Check Magazine' tutorial to create a site and it's straghtforward. My site is small, a tourist guide, basically a three column/main image homepage like the tuotorial and then around 25 pages featuring different places with identical main column and a thinner right column layout. (I've created a template for the 25)
My question is regarding CSS stylesheets. Now obviously I have used the CSS stylesheet to set the size and background colour etc of my Div Columns in the homepage as in the tutorial. But my 25 pages have different column widths and background colours to the homepage. Do I need to create a seperate stylesheet for each page?
Or does each div column get a different name on each page? (div#right_column 1,2,3 etc) Or I need to learn another step?
I've looked in the beginner guides and they all explain one stylesheet, but don't elaborate for when you start adding new pages and want to edit them.
I know I have a lot to learn! But I don't want to go further learning a bad habit or misunderstanding and wasting a lot of time when a simple answer would really help me at this stage. It's fine if someone knows a good guide or tutorial that covers this that they can link to as well.
Thanks in advance!If I understand this correctly, your home page is the only one that has unique styles. The other 25 site pages share the same styles.
Create one external stylesheet for the 25 pages.
Use embedded CSS on the home page for styles that are specific to that page.
Embedded CSS goes in the HTML document between the <head> and </head> tags like so.
<style type="text/css">
unique page styles go here....
</style>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
I hope that someone can help with 2 simple (i think) CSS questions.
1. When configured properly for load balancing, should the CSS round-robin between servers or will it continue to use only one server until triggered by some event or parameter?
2. If 1 of 2 load balanced servers fails, how does load balancing proceed? Will it continue to try to load balance between the servers or will it give up on the failed server unitil some event or timeout occurs?
Thanks in advance,
EliotHi Eliot,
The CSS can be configured to perform load balancing in a variety of different ways. Least connections, round robin, ACA etc. Each new connection through the CSS will be round robined over each of the servers in your server group.
If a server fails then the CSS will know it has failed through the use of keepalives (based on TCP connection, ICMP etc) and no longer send requests through to that server. Traffic associated with a previous connection to the failed server will be sent to on of the surviving servers. It is then up to the behavior of the application as to if the user experiences any disruption.
Hope this helps
Brett -
Some nagging CSS image rollover questions
Hi,
I'm using DW CS4 here. I finally got a Top Horizontal Inline CSS navigation to work with CSS image rollovers. Here's the site:
http://www.brightbeltmusic.com
And here are my questions:
-Why, when my original images are 90 px wide x 30 h, do I have to cut the width in the code to 84 px to make things line up?
-I can't seem to set the images by obvious pixel widths - any little thing throws the whole navigation onto the next line and so I have to set the 'Up' image as a repeating background, while shortening the actual image link itself. Is this right? It seems to "work" here but maybe barely.
-Padding seems to always be set in 'ems' - so how many pixels are in an 'EM' ? This is so I can figure out the width issues I always seem to have when I want horizontal rollover images...
-Margin for a # ul apparently effects the very end/outside of the list....Is there such a thing as margins for the individual # li ?
I guess I need a good pointing to a image rollover tutorial for Horizontal inline navigation.
Many Thanks for any help. It just seems like I play a guessing game on the pixel details when I'm trying to construct these types of mavigation.
Thanks, Frank B.brightbelt wrote:
Hi,
I'm using DW CS4 here. I finally got a Top Horizontal Inline CSS navigation to work with CSS image rollovers. Here's the site:
http://www.brightbeltmusic.com
And here are my questions:
-Why, when my original images are 90 px wide x 30 h, do I have to cut the width in the code to 84 px to make things line up?
Probaby because you are not taking into account padding, borders and margins which add to the width of the container/s
brightbelt wrote:
-I can't seem to set the images by obvious pixel widths - any little thing throws the whole navigation onto the next line and so I have to set the 'Up' image as a repeating background, while shortening the actual image link itself. Is this right? It seems to "work" here but maybe barely.
Mathematicis is critical to the set up. As stated padding and borders, margins etc add to the overall width of a container. So if the containers are too wide to fit in a specific width they will be thrown to the next available space, usually to the next line.
Example: a container which is set at a specific width of 90px and has padding left and right of say 8px is really 106px wide. Therfore if you're trying to allocate space for 6 buttons where each is 90px wide and has 8px padding left/right you need to allocate a space 6 x 106px plus any borders.
brightbelt wrote:
-Padding seems to always be set in 'ems' - so how many pixels are in an 'EM' ? This is so I can figure out the width issues I always seem to have when I want horizontal rollover images...
Personally I would never recommend setting padding in ems. Certainly ems and px don't mix and match very well.
brightbelt wrote:
-Margin for a # ul apparently effects the very end/outside of the list....Is there such a thing as margins for the individual # li ?
li's do have default padding and margins set so these need to be zeroed out.
li {
margin: 0;
padding: 0;
As an experiment copy all the code below, open a new Dreamweaver document and paste it into code view, save it to your site folder with the name navigationTest.html. Run it through a browers and see what the results are like.
<!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=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#navcontainer {
width: 775px;
margin: 0 auto;
background-image: url(navUp.gif);
background-repeat: repeat-y;
overflow: hidden;
#navcontainer ul {
width: 547px;
padding: 0;
margin: 0 auto;
background-image: url(navUp.gif);
#navcontainer ul li {
width: 90px;
float: left;
margin: 0;
padding: 0;
list-style: none;
#navcontainer ul li a {
background-image: url(navUp.gif);
background-repeat:no-repeat;
color: #fff;
text-decoration: none;
font-weight:bold;
width: 90px;
display: block;
text-align: center;
float: left;
border-right: 1px solid #069;
padding: 5px 0;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
</style>
</head>
<body>
<div id="navcontainer">
<ul>
<li><a href="index.htm" style="border-left: 1px solid #069;">Home</a></li>
<li><a href="Contact_Us.htm">Contact</a></li>
<li><a href="Profiles.htm">Profiles</a></li>
<li><a href="Catalogue.htm">Songs</a></li>
<li><a href="BBL.htm">BBL Label</a></li>
<li><a href="Jazz_links.htm">Links</a></li>
</ul>
</div>
</body>
</html> -
Bug in Graph Legend Height Property
Hi All,
I am trying to set the height of the graph legend via property node and it seems it is not setting it to the input value. I set the value of the height and read it back and they do not match.
Is it a bug in the property node?
I have attached the vi to this post. Pls take a look at it.
Thanks,
Ritesh
Attachments:
BUGInLegendHeightProperty.vi 24 KBI don't think it would be a bug. The legend height probably needs to be some multiple based on the font size of the legend.
-
Subform minimum height property minH not working
Hi,
I am trying to set the minH property of a subform, so that it is always the same size as the content area that it is sitting in. This is because it has a border around it - I want the resulting box to be the same size regardless of whether the table data fills it up or not. However this is having no effect - when I have less than one subform's worth of data the box is still shrinking.
I can specify the subform as Positioned, with a height of 12cm. This does the job when there is only one page of data, but when the table overflows onto the second page, the subform (including border) is still fixed at 12cm when I want it to potentially stretch down the whole page (20cm).
In the Subform Form Ready event I have the following Javascript:
this.minH = "12cm";
What I was hoping would happen is that the subform would always display a minimum of 12cm on the first page, and on the subsequent pages it would be at least 12cm and expandable up to the maximum content area height of 20cm.
I am using LCD ES version 8.
Thanks,
VindalooRobert Phelan wrote:
why don't you just put a border on the subform itself?
I already have a border around the subform - the problem was that it shrinks with the data, when I want it to be a fixed size on the first page and expandable on subsequent pages.
The minH property seemed to be exactly what I was looking for, except that it had no effect whatsoever.
Anyway, I have solved the problem by putting a fixed rectangle of the required size on each master page, rather than trying to use a variable height border around the subform in the Design view.
Thanks,
Vindaloo -
Css absolute position question? with flash object?
am only concerned with the "top" and left margin how do i
play it to flash objects. I figure i can put it in a div but how do
i format it.........
<object type="application/x-shockwave-flash"
allowScriptAccess="never" allowNetworking="internal" height="125"
width="250" align="middle" data="
http://www.profilepitstop.com/mp3_players/flash/slimline.swf?uid=157681&extc1=3D3D3D&extc2 =3A3738&extc3=2E3A2D">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="
http://www.profilepitstop.com/mp3_players/flash/slimline.swf?uid=157681&extc1=3D3D3D&extc2 =3A3738&extc3=2E3A2D"
/>
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
</object>On Wed, 25 Jun 2008 15:50:27 +0000 (UTC), "antman24"
<[email protected]> wrote:
>bump
bump doesn't work with the vast majority of people who reply
- we
don't use the web page - but a news feed from it.
you need to repost the entire question
~Malcolm~*...
~* -
Content rule Content CSS 11 500 question
I have the following question, the port number in a content rule is this the port to witch the content switch forwards or to witch he listens on.
Suppose i have an url www.myname.org
when i receive this on the content switch i want to redirect it to the backend on port 8080. How can i do this.Frederik,
Your content rule is what we call a Layer 5 Content Rule since it has a HTTP URL field in its matching criteria.
This means the CSS will be listening for traffic that is heading towards VIP Address 10.5.1.1 on port 40918 AND that it matches a certain URL. This URL in your case is "//domain.be/*".
When traffic is initiated to VIP 10.5.1.1, the CSS will use Layer 5 information such as the URL included in the client requests to match the traffic to this content rule.
When you use a browser to access this desired page, your DNS will probably return 10.5.1.1 for domain.be, telling your browser to make a request to VIP 10.5.1.1 and URL "//domain.be/*".
Please take a look at this link for more information.
http://www.cisco.com/univercd/cc/td/doc/product/webscale/css/css_820/cntlbgd/contrule.htm#wp1037654
Hope it helps. -
Here's the code that no longer works. The buttons scale down in all other browsers but stopped working after the latest firefox update.
.bigButton:hover{
-moz-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}For some reason, skew() was removed in Firefox 14. You need to replace it with skewX() and skewY(). See https://developer.mozilla.org/En/CSS/transform for the syntax.
Edit: I wrote "for some reason" but what I should have said was "skew() is not in the standard, so it was removed, but I don't know why it was removed ''right now''." -
Error in MovieClip.height Property
I've found that Flash inserts an extra area around objects
drawn in a MovieClip. This causes problems when trying to scale an
object to match a desired pixel size. To see the error, try this:
Create a new MovieClip symbol and export for ActionScript.
Create a new rectangle object inside the new MC symbol.
While editing the MC, select the entire rectangle and, in the
Properties panel, set the height to 50.0
In AS create a new instance of it and set scaleY = 10.0 and
turn on its opaqueBackground as shown in code snippet below:
var test_mc:MovieClip = new Symbol6();
trace(test_mc.height);
addChild(test_mc);
test_mc.opaqueBackground = 0xdd0000; // shows that the movie
clip actually extends beyond the visible portion and when scaling
more than 2x that adds up to a lot of pixels
test_mc.scaleY = 10.0;
You will see that the trace statement reports the height as
52, not 50 and you will also see a thick red border surrounding the
drawn rect. This spurious addition of two pixels introduces errors
when trying to calculate scaleX/Y properties in code to match some
desired dimension.
David Salahiyes this is a known issue with flash and it is completely to
do with the width of the stroke surrounding your rectangle. you
will notice if you remove the stroke from your rectangle, or select
no stroke(the square with a red diagonal line), test_mc.height will
be traced as 50.
when the flash ide reports a symbol height, it ignores the
width of the stroke around the edges, while actionscript adds the
width of the stroke/2.
so the formula for determining the height of a rectangle for
example, would be:
rectangle height in AS=height returned by
IDE+(strokeWidth/2)*2
we multiply by 2 for the top and the bottom. or a simpler way
of putting this would be:
rectangle height in AS=height returned by IDE+strokeWidth
or in your case:
rectangle height in AS(52)=height returned by
IDE(50)+strokeWidth(i'm betting your rectangle has a strokeWidth of
2)
i went into this in more detail last year
in
my blog
i'm not sure exactly why you're seeing a thick red border.
the only thing i can think of is that you're rectangle's stroke is
transparent.
craig
Maybe you are looking for
-
HP Office Jet Pro 8600 all in one
I fax documents from word with my printer. Every once in a while, but more frequently as of late, the document will fax, shows send in the log, I hear the the fax completely send and hang up, but then it will fax it over and over, even though I only
-
Getting Error IN sxmb_moni for FILE TO FILE SCENARIO
Hi , I did File to file scenario by using Content conversion ..(that is from .TXT format to .XML format) for a single record it was working fine.. if i put 0: Unbounded in my source structure means i'm getting this following error .. my
-
Dust marks on the 'inside' of display
I have had my 24" iMac for just under a year. 3 months ago, I noticed strange dust-like marks on the inside of my display. They are definitely on the inside because i tried cleaning the display and they did not go away. This suggests that the iMac is
-
Radio Buttons / Check box of Gui Transaction not displaying in WEB UI
HI, We are using CRM 7.0 / ECC 6.0, i am launching some ECC transaction in WEB UI using transaction launcher, Radio button and Checkbox are displaying properly in Dev CRM system but it is not displaying in Quality system. I compared both systems, eve
-
Unable to register my data warehouse in Service Manager
I have been trying to register my data warehouse but keep getting the same error message each time - "Invalid URI: the hostname could not be parsed." I know the issue is on the ServiceManager database side of things, but there is not a lot of infor