Not sure how to get links to pull up target pages in a different container, on
the same webpage...the article section. Is this possible? I have:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Site Page Structure Version 2</TITLE>
<!--<CFOUTPUT>#css2#</CFOUTPUT>-->
<STYLE TYPE="text/css">
BODY {
background-image: URL(whatever.jpg);
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
IMG.100 {
max-width: 50%; /*This is based on the original image size being
"page-ready." */
height: auto; /*This will dynamically adjust to keep the original aspect
ratio. */
}
IMG.50 {
max-width: 50%; /*This is based on the original image size being
"page-ready." */
height: auto; /*This will dynamically adjust to keep the original aspect
ratio. */
}
IMG.10 {
max-width: 10%; /*This is based on the original image size being
"page-ready." */
height: auto; /*This will dynamically adjust to keep the original aspect
ratio. */
}
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
/* text-align: left; */
}
.flex-container > * {
padding: 15px;
-webkit-flex: 1 100%;
flex: 1 100%;
}
.article {
text-align: left;
color: white;
}
header {
/*background-image: URL(http://65.61.35.197/cnc/md/img/ut/bg/grass_tile.jpg);*/
/*background: black;*/
color: white;
align: left;
}
footer {
/*background: #aaa;*/
color: white;
text-align: center;
}
.nav {
/*background: #eee;*/
}
.nav ul {
list-style-type: none;
padding: 0;
}
.nav ul a {
text-decoration: none;
}
@media all and (min-width: 768px) {
.nav {text-align: left;-webkit-flex: 1 auto; flex: 1 auto;-webkit-order: 1;
order: 1;}
.article {-webkit-flex: 5 0px; flex:5 0px; -webkit-order: 2; order: 2;}
footer {-webkit-order: 3; order: 3;}
}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="flex-container">
<HEADER>
<IMG SRC="logo.gif">
</HEADER>
<NAV CLASS="nav">
<UL>
<li><a href="#" target="Article">about_us.gif</a></li>
<li><a href="#">find_us.gif</a></li>
<li><a href="#">opportunities.gif</a></li>
<li><a href="#">services.gif</a></li>
<li><a href="#">inquiries.gif</a></li>
<li><a href="#">your_voice.gif</a></li>
</UL>
</NAV>
<ARTICLE CLASS="article">
<H1>Content Page Title</H1>
<P>
Page Content goes here.
</ARTICLE>
<FOOTER>©2016 Me</FOOTER>
</DIV>
</BODY>
</HTML>
I would like the about_us.htm to appear in the article section of this page.
Is this possible? And, if so, can I get a separate left menupage to show up
when I click on services.gif
_______________________________________________
dev-tech-layout mailing list
[email protected]
https://lists.mozilla.org/listinfo/dev-tech-layout
