私のローカルバイクショップのサイトで働いていて、フッターのテキストの色がわかりにくいものに設定されていません。このフッターの色の設定を調整しますtxt?
いずれかのいずれかにあるか、それを何かに追加する必要があります。私はどこに何を追加するのかわからない。
私はデザイナーなので、ちょっとこれをサイドプロジェクトで学んでいます。ありがとう!
INDEX
<!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>
<title>Cupertino Bike Shop</title>
<meta name="p:domain_verify" content="320daddfb1db04c06e2fa1da259bee4d"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Cupertino Bike Shop selling professional grade bicycles, parts, and tools" />
<meta name="keywords" content="Cervelo,Bike Shop, Bicycle Shop, Bicycles, Bikes, Road Bikes, Mountain Bikes, Mtn Bikes, bike tools, bike parts, cycles, cyclists, cupertino bike shop, professional bikes, pro bikes, Bay Area bike shop, Specialized, Easton, Campagnolo" />
<link rel="icon" type="image/png" href="http://www.cupertinobikeshop.com/images/cbsfavicon.png">
<meta name="robots" content="all" />
<link rel="stylesheet" href="css/cuperstyles.css" type="text/css" />
</head>
<body><a name="top" id="top"></a>
<div id="wrapper">
<br />
<br />
<table width="647" cellpadding="0" cellspacing="0">
<tr><td width="292" valign="top">
<!--#include file="ssi/leftnav.html" -->
</td><td width="647" valign="top">
<div id="content">
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="547" height="427" id="billboard_101607" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="billboard_101607.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="billboard_101607.swf" quality="high" bgcolor="#cae4f9" width="621" height="427" name="billboard_101607" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed>
</object>
<p>
<h2>2016 ANNUAL SWAP MEET!</h2></p>
<p>Sunday April 24th 9 am to 4 pm<br />
10625 S Foothill Blvd.<br />
Cupertino CA 95014<br />
408-255-2217<br />
<br />
Call the shop and reserve your space, $60<br />
<br />
Cash, check or PayPal (<a href="mailto:[email protected]" target="_blank"> [email protected]</a>)</p>
<h2>Cupertino Bike Shop</h2>
<p>Are you considering buying a new bicycle? One of your first choices, and not necessarily an easy one, will be where to shop. It can be challenging because there are quite a variety of stores that carry two-wheelers, ranging from specialty retailers to giant department stores.</p>
<p>Where you buy, however, has everything to do with what you get. Bicycles aren't like toasters or suitcases; bikes are shipped in boxes and they must be assembled and tuned for optimal performance.</p>
<p>There are many types as well, and you should never buy until you've figured out which bicycle is right for you. Measurements and adjustments are required to ensure the frame is the correct size and that the seat and handlebars are properly positioned. And, every new bicycle will need a minor tune-up after several weeks as you break the bicycle in with normal use.</p>
<p>What's more, modern road and mountain bikes can travel at high speeds and carry you over demanding terrain where the machine's materials and construction get tested. A quality two-wheeler, carefully assembled and fit exactly to you, will be the safest, most durable, and most enjoyable bicycle you ride.</p>
<p>For these reasons, we strongly recommend shopping at a reputable specialty bicycle store like Cupertino Bike Shop. We employ competent salespeople and expert mechanics who'll ensure that you get the right bicycle and components for you. Our store is clean, friendly, offers a wide selection, and boasts one of the best on-site repair departments in the Bay Area.
</p>
<h3>Bicycle Exchange </h3>
<p>We accept bicycles to be repaired by <a href="http://svbcbikes.org" target="_blank">Silicon
Valley Bicycle Coalition </a>and given to needy
families. <a href="http://svbcbikes.org/bicycle-exchange" target="_blank">More
Information. </a><br />
</p>
<h3>Road ID </h3>
<p><a href="http://www.svtriclub.org/">Silicon
Valley Triathlon Club</a> has teamed up with
Road ID (the leader in safety identification
and reflective gear for endurance athletes)
to make sure our members are safer while training
and competing.</p>
<p>You can get more information about this Road
ID Fundraiser Challenge program at the following
URL: <a href="http://www.svtriclub.org/events/roadid.htm" target="_blank">http://www.svtriclub.org/events/roadid.htm</a></p>
<p> </p>
<p> </p>
<div align="center"><a href="#top">top</a></div>
</div>
<div id="footer">
<!--#include file="ssi/footer.html" -->
</div>
</td></tr>
</table>
</div>
<br />
<br />
<br />
</body>
</html>
CSS
\t /* General styles below */
\t
html {
\t SCROLLBAR-FACE-COLOR: #cecfce;
SCROLLBAR-HIGHLIGHT-COLOR: #F2F9FF;
SCROLLBAR-SHADOW-COLOR: #a6a6a6;
SCROLLBAR-3DLIGHT-COLOR: #a6a6a6;
SCROLLBAR-ARROW-COLOR: #F2F9FF;
SCROLLBAR-TRACK-COLOR: #a6a6a6;
SCROLLBAR-DARKSHADOW-COLOR: #C1C7CB;
}
/* Primary layout divisions */ \t
body {
\t font-family: Verdana, Arial, Helvetica, sans-serif;
\t font-size: 11px;
\t text-align: center; \t
\t background-color: #f5f5f5;
\t color: #000;
}
#wrapper \t {
\t <!--float: left;-->
\t <!--width: 805px;-->
\t text-align: left;
\t max-width: 956px;
\t margin: 0 auto 0 auto;
\t <!--padding: 0;-->
\t border-right: 15px solid #767676;
\t background-image: url(../images/bkgs/bg_columnLayout.gif);
\t background-repeat: repeat-y;
}
#navWrap {
\t float: left;
\t width: 292px;
\t height: auto;
\t padding: 0;
\t margin: 0;
\t
}
.imgblk{border: #000000 solid 4px; padding: 0}
.imgblk2{border: #000000 solid 2px; padding: 0}
.imgwht{border: #ffffff inset 4px; padding: 0}
#content {
\t width: 625px;
\t padding: 12px;
}
p {
\t margin: 0 0 15px 0; text-align: left;
}
img \t {
\t border: 0;
\t padding: 0 5px 5px 0;
}
\t
\t /* Default links \t */
\t
a:link {
\t font-weight: bold;
\t text-decoration: none;
\t color: #6699cc;
}
a:visited {
\t font-weight: bold;
\t text-decoration: none;
\t color: #336699;
}
a:hover {
\t font-weight: bold;
\t color: #224466;
\t text-decoration: underline;
\t }
a:active {
\t font-weight: bold;
\t text-decoration: none;
\t color: #6699cc;
}
\t /* Typography \t */
\t
h2 \t {
\t font: normal 20px "Trebuchet MS", Verdana, sans-serif;
\t color:#000;
\t font-weight: bold;
\t margin: 0 0 10px 0;
\t text-transform:uppercase;
\t letter-spacing: 0.15em;
\t border-bottom: #000;
\t border-width: 0px 0px 1px 0px;
\t border-style: none none dotted none;
\t }
h3 \t {
\t font: normal 18px "Trebuchet MS", Verdana, sans-serif;
\t color: #000;
\t font-weight: bold;
\t margin-top: 10px;
\t margin-bottom: 0.15em;
\t letter-spacing: 0.15em;
\t }
h4 \t {
\t font: bold 16px "Trebuchet MS", Verdana, sans-serif;
\t color: #F36;
\t margin-bottom: 0px;
\t padding-bottom: 0px;
\t letter-spacing: 0.15em;
\t }
\t
h5 \t {
\t font: bold 12px "Trebuchet MS", Verdana, sans-serif;
\t color: #000;
\t margin-bottom: 0;
\t margin-top: 5px;
\t letter-spacing: 0.15em;
\t }
\t
h6 {
\t font: 10px Verdana, Helvetica, sans-serif;
}
#content{
text-align:left
}
.image-container a img{
\t width: 100%;
}
.an-image,
.image-container,
.image-container a{
\t height: auto !important;
\t max-height: none !important;
}
#footer \t {
\t clear: both;
\t border: 0;
\t background-color: #cccccc;
\t color: #f5f5f5;
\t padding: 5px 0 5px 0;
\t margin: 0;
\t font-family:Verdana, Arial, Helvetica, sans-serif;
\t width: 564;
\t float: left;
font-size:9px;
font-weight: bold;
\t
\t }
\t
#footer a:link {
\t color: #f5f5f5;
}
\t
#footer ul, li{
\t font-size: 110%;
\t display: inline;
\t padding: 0px 12px 0px 12px;
}
#nav {
float: left;
background-color:#f5f5f5;
padding: 5px;
margin-top: 25px;
text-align:left;
width: 292px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
}
#nav a:link{
text-transform: uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5b5b5b;
font-weight: bold;
text-decoration: none;
}
#nav a:visited{
color: #5b5b5b;
text-decoration:none;
text-transform: uppercase;
}
#nav a:hover{
color: #000;
text-decoration:none;
text-transform: uppercase;
background-image: url(images/bkgs/nav_arrow.gif);
background-repeat: no-repeat;
background-position:left;
}
#nav a:visited{ color: #5b5b5b; text-decoration:underline; text-transform: uppercase;}
\t /* NAV Dividers \t */
#hr {
display: line;
color: #f5f5f5;
margin: 10px 0;
}
#footer{
width:100%;
bottom:1;
left:0;
}
LEFTNAV
あなたのCSSファイルに記載されているように
FOOTER
<div id="footer">
<ul>
<li>
©<script language = 'JavaScript' type="text/javascript">
<!--
function y2k(number) { return (number < 1000) ? number + 1900 : number; }
var today = new Date();
var year = y2k(today.getYear());
document.write(+year);
//-->
</script> Cupertino Bike Shop</li>
<li>10625 S. Foothill Boulevard, Cupertino, CA 95014</li>
<li>(408) 255-2217</li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
誰もこのすべてを読むつもりはありません。解決したい問題をターゲットにしたスニペットを作成してください。 – Deadpool
開発ツールを使用してください。テキストを右クリックし、要素の検査(Inspect Element)をクリックして、適用されたCSSスタイルを読んでください。 – Xufox