Alright c'est le HTML et CSS.
html, body {
margin: 0px;
padding:0px;
background-image:url(bg.gif);
}
h1, h2, h3, h4, h5, h6, p, form {
margin: 0px;
padding:0px;
}
#wrapper {
width:800px;
margin:0px auto;
background-color:#FFFFCC;
}
#content {
width:778px;
margin:0px auto;
background-image:url(bg_header_top.gif);
background-repeat:repeat-x;
background-position:top;
}
#header {
height:96px;
}
#logo {
width:258px;
float:left;
}
#logo h1{
font-family:"Trebuchet MS";
font-size:26px;
color:#F76B0C;
font-weight:normal;
text-decoration:none;
padding-left:40px;
padding-top:30px;
}
#logo h4 {
font-family:"Trebuchet MS";
font-size:11px;
color:#808080;
font-weight:normal;
text-decoration:none;
padding-left:75px;
}
#links ul {
margin:0px;
}
#links li{
float:left;
list-style-type:none;
width:128px;
height:25px;
text-align:center;
background-color:#F4A80A;
border-left:1px solid #FFF;
border-top:1px solid #FFF;
padding-top:4px;
}
#links a{
font-family:"Trebuchet MS";
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:none;
}
#links a:hover{
font-family:"Trebuchet MS";
font-size:13px;
color:#fff;
font-weight:normal;
text-decoration:underline;
}
#mainimg {
background-image:url(main_img.jpg);
background-repeat:no-repeat;
height:132px;
text-align:right;
}
#mainimg h3 {
font-family:"Trebuchet MS";
font-size:40px;
color:#fff;
font-weight:normal;
text-decoration:none;
padding:20px 40px 0px 0px;
}
#mainimg h4 {
font-family:"Trebuchet MS";
font-size:12px;
color:#fff;
font-weight:normal;
text-decoration:none;
padding:0px 40px 0px 0px;
}
#contentarea {
clear:both;
padding:25px 0px;
}
#leftbar {
float:left;
width:539px;
border-right:1px solid #BCBDBC;
}
#leftbar h2{
font-family:"Trebuchet MS";
font-size:26px;
color:#EE8907;
font-weight:normal;
text-decoration:none;
padding-left:40px;
padding-bottom:5px;
}
#leftbar p{
font-family:"Trebuchet MS";
font-size:11px;
color:#797B7A;
font-weight:normal;
text-decoration:none;
padding:0px 40px;
}
#leftbar a {
font-family:"Trebuchet MS";
font-size:11px;
color:#EE8907;
font-weight:bold;
text-decoration:none;
padding:0px 40px;
}
#leftbar a:hover {
font-family:"Trebuchet MS";
font-size:11px;
color:#000;
font-weight:bold;
text-decoration:none;
padding:0px 40px;
}
#rightbar {
float:left;
width:237px;
}
#rightbar h2{
font-family:"Trebuchet MS";
font-size:26px;
color:#797B7A;
font-weight:normal;
text-decoration:none;
padding-left:25px;
padding-bottom:5px;
}
#rightbar p{
font-family:"Trebuchet MS";
font-size:11px;
color:#797B7A;
font-weight:normal;
text-decoration:none;
padding:0px 25px;
}
.orangetext {
font-family:"Trebuchet MS";
font-size:11px;
color:#EE8907;
font-weight:bold;
text-decoration:none;
}
#bottom {
clear:both;
height:32px;
padding-top:25px;
}
#email {
float:left;
width:500px;
background-color:#9BBE00;
height:27px;
padding-top:5px;
}
#email a{
font-family:"Trebuchet MS";
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:underline;
padding:0px 40px;
}
#email a:hover{
font-family:"Trebuchet MS";
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:none;
padding:0px 40px;
}
#validtext {
float:left;
width:278px;
background-color:#9BBE00;
height:27px;
padding-top:5px;
}
#validtext p{
font-family:"Trebuchet MS";
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:right;
padding-right:35px;
}
#validtext a{
font-family:"Trebuchet MS";
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:underline;
}
#validtext a:hover{
font-family:"Trebuchet MS";
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:none;
}
Et c'est le HTML
<!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=iso-8859-1" />
<title>Kipling Baptist Church</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="header">
<div id="logo">
<img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
<embed src = "" autostart = "true" loop = "false"
volume = "10%" height = "10" width = "50">
</div>
</div>
<div id="mainimg">
<h3>Kipling Baptist Church</h3>
<h4><h4>
</div>
<div id="links">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="youth.html">Youth Group</a></li>
<li><a href="sermon.html">Sermon</a></li>
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="updates.html">Updates</a></li>
</ul>
</div>
<div id="contentarea">
<div id="leftbar">
<h2>Updates!</h2>
<p>
Atlast! My updates! Here you can keep track of what is happening with the site. Anything I add or do, wether it is behind the scenes and not noticable or something big like adding a page. It will be posted here.
</p>
<br />
<p>
<ilayer name="scroll1"> <div id="scroll3" style="width:450; height:300; border:0px red solid; background-color:#; color:orange; overflow:auto";>
</textarea></div>
</p>
<a href="#">more ></a><br />
<br />
</div>
<div id="rightbar">
<h2>Upcoming Events</h2>
<p><span class="orangetext">Add The Date</span><br />
Event Here
<br />
<br />
<span class="orangetext">Add The Date</span><br />
Event here
<br />
<br />
<span class="orangetext">Add The Date</span><br />
Event Here
</p>
</div>
</div>
<div id="bottom">
<div id="email"><a href="mailto:arcfault@live.ca">By: Brandon.O</a></div>
<div id="validtext">
</div>
</div>
</div>
</div>
</body>
</html>
- <!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=iso-8859-1" />
- <title>Kipling Baptist Church</title>
- <link href="style.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <div id="wrapper">
- <div id="content">
- <div id="header">
- <div id="logo">
- <img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
- <embed src = "" autostart = "true" loop = "false"
- volume = "10%" height = "10" width = "50">
-
- </div>
- </div>
- <div id="mainimg">
- <h3>Kipling Baptist Church</h3>
-
-
- <h4><h4>
-
- </div>
- <div id="links">
- <ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="youth.html">Youth Group</a></li>
- <li><a href="sermon.html">Sermon</a></li>
- <li><a href="contactus.html">Contact Us</a></li>
- <li><a href="links.html">Links</a></li>
- <li><a href="updates.html">Updates</a></li>
- </ul>
- </div>
-
- <div id="contentarea">
- <div id="leftbar">
- <h2>Updates!</h2>
- <p>
- Atlast! My updates! Here you can keep track of what is happening with the site. Anything I add or do, wether it is behind the scenes and not noticable or something big like adding a page. It will be posted here.
- </p>
-
- <br />
-
- <p>
- <ilayer name="scroll1"> <div id="scroll3" style="width:450; height:300; border:0px red solid; background-color:#; color:orange; overflow:auto";>
- </textarea></div>
-
- </p>
- <a href="#">more ></a><br />
- <br />
- </div>
-
- <div id="rightbar">
- <h2>Upcoming Events</h2>
- <p><span class="orangetext">Add The Date</span><br />
- Event Here
- <br />
- <br />
- <span class="orangetext">Add The Date</span><br />
- Event here
- <br />
- <br />
- <span class="orangetext">Add The Date</span><br />
- Event Here
- </p>
- </div>
- </div>
-
- <div id="bottom">
- <div id="email"><a href="mailto:arcfault@live.ca">By: Brandon.O</a></div>
- <div id="validtext">
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Maintenant, il ya celui en page CSS qui contrôle 6 pages ainsi que d'autres mais c'est le seul Im avoir toruble avec. J'essaie de faire une zone de texte qui défile pour les mises à jour. Je ne veux pas la page d'élargir point un certain passé mais je ne veux pas supprimer les mises à jour. Je veux que les gens de pouvoir revenir en arrière et toujours les voir.
Aussi, je voudrais pour l'ajuster les paramètres et le texte de saisir du texte au-dessus. Ive a travaillé sur celui-ci pendant environ 3 heures maintenant et n'arrive pas à comprendre. Ive a également fouillé Google.
Donc, je n'aime pas déranger les gens ici avec des choses simples comme ça, mais je n'ai pas le choix. Désolé. : /
Merci,
Brandon