jre8806
28 Sep 2010, 02:35 AM
Hello there everyone. This is my first post here on the forum. It seems that this is the environment of the intelligent. I'm in the NAVY and am a webmaster on-board an Aircraft Carrier. I'm in the process of learning the web design side of my rate/job. I have a good grasp on HTML and am learning CSS at the moment. Here's the first issue:
There are mission-readiness conditions that we change on our web page continuously, and instead of having my guys go in the code every time potentially messing up the code, I am trying to figure out how to have them just open a text file and change it that way. I've heard this is possible, can't seem to find it on the internet, and am very interested in learning it. All help and advice is welcome!
Also,
I was given a navigation button template, and went pretty far with it, to the point where when you move your cursor over them, they change color and expand underneath. Problem is I cant seem to change the color. Every time I think I find the color it doesn't change for me. It has a CSS. I'll post the code.
***WEB PAGE***
<body>
<table width="100%" border="0">
<tr>
<td width ="23%"> </td>
<td>
<div id="wrapper">
<div id="headerbottom">
<div class="pd_menu_01 ">
<ul><li><a href="">Command<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >Command Policy</a></li>
<li><a href="#" >Plan of the Day</a></li>
<li><a href="#" >Green Sheet</a></li>
<li><a href="#" >Pink Sheet</a></li>
<li><a href="#" >Phone Book</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">Departments<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >ADMIN</a></li>
<li><a href="#" >AIMD</a></li>
<li><a href="#" >AIR</a></li>
<li><a href="#" >DECK</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">HST Information<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >HST Intructions</a></li>
<li><a href="#" >HST Notices</a></li>
<li><a href="#" >HST SORM</a></li>
<li><a href="#" >NAVMACS</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">HST Associations<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >Mustang Association</a></li>
<li><a href="#" >Goat Locker</a></li>
<li><a href="#" >SCPOA</a></li>
<li><a href="#" >FCPOA</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">Command Programs<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >ESWS</a></li>
<li><a href="#" >EAWS</a></li>
<li><a href="#" >Command Mentor Program</a></li>
<li><a href="#" >Command Federal Campaign</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
</div>
</div>
</div>
</td>
<td width="23%"> </td>
</tr>
</table>
</body>
***CSS***
/* Main Stylings */
.pd_menu_01 {
float:left;
padding:0;
margin:0;
color: #FFFFFF;
width:100%;
clear:both;
background-color: #979A9F;
} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight: normal;
font-size:12px;
background-color: #c4c4c6;
text-decoration: none;
text-align: left;
}
.pd_menu_01 ul {
list-style-type:none;
padding:0;
margin:0;
background-color: #979A9F;
}
.pd_menu_01 ul li {
float:left;
position:relative;
z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/;
background-color: #979A9F;
}
.pd_menu_01 ul li a {
color: #FFFFFF;
float:none !important /*Non-IE6*/;
float:left /*IE-6*/;
display:block;
height:30px;
line-height:30px;
padding:0 10px 0 10px;
text-decoration:none;
}
.pd_menu_01 ul li ul {
display:none;
border:none;
color: #FFFFFF;
}
.pd_menu_01 ul li:hover a {
background-color:#c4c4c6;
text-decoration:none;
color:#fff;
} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {
display:block;
position:absolute;
z-index:999;
top:29px;
margin-top:1px;
left:0;
}
.pd_menu_01 ul li:hover ul li a {
display:block;
width:12em;
height:auto;
line-height:1.3em;
margin-left:-1px;
padding:5px 10px 5px 10px;
border-left:solid 1px #528bc5;
border: solid 1px #c4c4c6;
border-bottom: 0;
color:#FFFFFF;
} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {
background-color:#528bc5;
text-decoration:none;
color:#fff;
} /*Color subcells hovering mode*/
.pd_menu_01 table {
position:absolute;
top:0;
left:0;
border-collapse:collapse;
color: #FFFFFF;
background: #336699;
}
.pd_menu_01 ul li a:hover {
background-color:#528bc5;
text-decoration:none;
color:#fff;
} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {
display:block;
width:12em;
position:absolute;
z-index:999;
top:29px;
left:0;
}
.pd_menu_01 ul li a:hover ul li a {
display:block;
width:12em;
height:1px;
line-height:1.3em;
padding:4px 16px 4px 16px;
border-left:solid 1px #528bc5;
border-bottom: solid 1px #528bc5;
background-color:#528bc5;
color:#FFFFFF;
} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {
background-color:#528bc5;
text-decoration:none;
color:#528bc5;
} /*Color subcells hovering mode*/
* {
margin:0;
background-color: #FFF;
}
body {
font-family: Arial;
font-size: 12px;
color:#979A9F;
background: #fff;
}
p {
margin-bottom:20px;
}
img {
border:0;
}
a {
text-decoration:none;
color:#009;
}
a:hover {
color:#00F;
}
/* Structure */
#wrapper {
width:100%;
padding:0px;
margin:0 auto;
background: #fff;
}
#header {
height:60px;
border-bottom:7px solid #303b4a;
background: #303b4a url(images/logo4.gif) top left no-repeat;
text-align:right;
padding-right:10px;
color: #fff;
}
#headerbottom {
margin: 0;
height: 30px;
text-align: right;
background: #979a9f;
color: #979A9F;
}
#headerbottom ul a {
color: #333;
text-decoration:none;
background-color: #979a9f;
float: left;
}
#headerbottom li {
list-style: none;
background-color: #979A9F;
color: #979A9F;
}
#headerbottom ul a:hover {
color: #000;
text-decoration:none;
background-color: #c4c4c6;
}
#headerbottomb {
height:27px;
background: #e4e9ef;
text-align:left;
vertical-align:middle;
padding-right:10px;
border-bottom: 1px solid #cfd7e2;
padding-top: 3px;
padding-left: 10px;
color: #000;
}
#header a {
color: #eee;
text-decoration:none;
}
#header a:hover {
color: #3e4851;
text-decoration:none;
}
#navstrip {
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 8px 0px 8px 10px;
}
#navstrip a:link, #navstrip a:visited {
text-decoration: none;
}
#navstrip a:hover, #navstrip a:active {
}
THANKS SO MUCH FOR ALL THE HELP IN ADVANCE!!!!
There are mission-readiness conditions that we change on our web page continuously, and instead of having my guys go in the code every time potentially messing up the code, I am trying to figure out how to have them just open a text file and change it that way. I've heard this is possible, can't seem to find it on the internet, and am very interested in learning it. All help and advice is welcome!
Also,
I was given a navigation button template, and went pretty far with it, to the point where when you move your cursor over them, they change color and expand underneath. Problem is I cant seem to change the color. Every time I think I find the color it doesn't change for me. It has a CSS. I'll post the code.
***WEB PAGE***
<body>
<table width="100%" border="0">
<tr>
<td width ="23%"> </td>
<td>
<div id="wrapper">
<div id="headerbottom">
<div class="pd_menu_01 ">
<ul><li><a href="">Command<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >Command Policy</a></li>
<li><a href="#" >Plan of the Day</a></li>
<li><a href="#" >Green Sheet</a></li>
<li><a href="#" >Pink Sheet</a></li>
<li><a href="#" >Phone Book</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">Departments<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >ADMIN</a></li>
<li><a href="#" >AIMD</a></li>
<li><a href="#" >AIR</a></li>
<li><a href="#" >DECK</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">HST Information<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >HST Intructions</a></li>
<li><a href="#" >HST Notices</a></li>
<li><a href="#" >HST SORM</a></li>
<li><a href="#" >NAVMACS</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">HST Associations<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >Mustang Association</a></li>
<li><a href="#" >Goat Locker</a></li>
<li><a href="#" >SCPOA</a></li>
<li><a href="#" >FCPOA</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
<ul><li><a href="">Command Programs<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="#" >ESWS</a></li>
<li><a href="#" >EAWS</a></li>
<li><a href="#" >Command Mentor Program</a></li>
<li><a href="#" >Command Federal Campaign</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li>
</ul>
</div>
</div>
</div>
</td>
<td width="23%"> </td>
</tr>
</table>
</body>
***CSS***
/* Main Stylings */
.pd_menu_01 {
float:left;
padding:0;
margin:0;
color: #FFFFFF;
width:100%;
clear:both;
background-color: #979A9F;
} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight: normal;
font-size:12px;
background-color: #c4c4c6;
text-decoration: none;
text-align: left;
}
.pd_menu_01 ul {
list-style-type:none;
padding:0;
margin:0;
background-color: #979A9F;
}
.pd_menu_01 ul li {
float:left;
position:relative;
z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/;
background-color: #979A9F;
}
.pd_menu_01 ul li a {
color: #FFFFFF;
float:none !important /*Non-IE6*/;
float:left /*IE-6*/;
display:block;
height:30px;
line-height:30px;
padding:0 10px 0 10px;
text-decoration:none;
}
.pd_menu_01 ul li ul {
display:none;
border:none;
color: #FFFFFF;
}
.pd_menu_01 ul li:hover a {
background-color:#c4c4c6;
text-decoration:none;
color:#fff;
} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {
display:block;
position:absolute;
z-index:999;
top:29px;
margin-top:1px;
left:0;
}
.pd_menu_01 ul li:hover ul li a {
display:block;
width:12em;
height:auto;
line-height:1.3em;
margin-left:-1px;
padding:5px 10px 5px 10px;
border-left:solid 1px #528bc5;
border: solid 1px #c4c4c6;
border-bottom: 0;
color:#FFFFFF;
} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {
background-color:#528bc5;
text-decoration:none;
color:#fff;
} /*Color subcells hovering mode*/
.pd_menu_01 table {
position:absolute;
top:0;
left:0;
border-collapse:collapse;
color: #FFFFFF;
background: #336699;
}
.pd_menu_01 ul li a:hover {
background-color:#528bc5;
text-decoration:none;
color:#fff;
} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {
display:block;
width:12em;
position:absolute;
z-index:999;
top:29px;
left:0;
}
.pd_menu_01 ul li a:hover ul li a {
display:block;
width:12em;
height:1px;
line-height:1.3em;
padding:4px 16px 4px 16px;
border-left:solid 1px #528bc5;
border-bottom: solid 1px #528bc5;
background-color:#528bc5;
color:#FFFFFF;
} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {
background-color:#528bc5;
text-decoration:none;
color:#528bc5;
} /*Color subcells hovering mode*/
* {
margin:0;
background-color: #FFF;
}
body {
font-family: Arial;
font-size: 12px;
color:#979A9F;
background: #fff;
}
p {
margin-bottom:20px;
}
img {
border:0;
}
a {
text-decoration:none;
color:#009;
}
a:hover {
color:#00F;
}
/* Structure */
#wrapper {
width:100%;
padding:0px;
margin:0 auto;
background: #fff;
}
#header {
height:60px;
border-bottom:7px solid #303b4a;
background: #303b4a url(images/logo4.gif) top left no-repeat;
text-align:right;
padding-right:10px;
color: #fff;
}
#headerbottom {
margin: 0;
height: 30px;
text-align: right;
background: #979a9f;
color: #979A9F;
}
#headerbottom ul a {
color: #333;
text-decoration:none;
background-color: #979a9f;
float: left;
}
#headerbottom li {
list-style: none;
background-color: #979A9F;
color: #979A9F;
}
#headerbottom ul a:hover {
color: #000;
text-decoration:none;
background-color: #c4c4c6;
}
#headerbottomb {
height:27px;
background: #e4e9ef;
text-align:left;
vertical-align:middle;
padding-right:10px;
border-bottom: 1px solid #cfd7e2;
padding-top: 3px;
padding-left: 10px;
color: #000;
}
#header a {
color: #eee;
text-decoration:none;
}
#header a:hover {
color: #3e4851;
text-decoration:none;
}
#navstrip {
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 8px 0px 8px 10px;
}
#navstrip a:link, #navstrip a:visited {
text-decoration: none;
}
#navstrip a:hover, #navstrip a:active {
}
THANKS SO MUCH FOR ALL THE HELP IN ADVANCE!!!!