January 27th, 2013, 03:11 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 1
Time spent in forums: 30 m 29 sec
Reputation Power: 0
|
|
|
Sidebar
Hi, I am a newbie and I have been trying to find out how to make my sidebar visible while scrolling down the page. I have tried to get help on the adobe site and no one is answering me there. I have already created a sidebar and now just need to know how to add the code to make it float, sticky, fixed, scroll or whatever you want to call it (as I have seen it called everything in different posts/sites). Thank you in advance. Below is the code to the page with the sidebar....
Code:
<!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"><!-- InstanceBegin template="/Templates/cs.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Earring Assortment</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.type {
font-size: 48px;
color: #27A8CD;
font-weight: bold;
}
.type1 { font-size: 24px;
font-weight: bold;
color: #27A8CD;
}
.type1 {
}
#sidebar #jewelry {
}
#sidebar #religious {
}
#sidebar #holiday {
}
#sidebar #sets {
}
#sidebar #nb {
}
-->
</style>
<link href="sidebar.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
background-image: url(images/11111.jpg);
font-family: "Monotype Corsiva";
}
.name {
color: #FF0080;
font-size: 48px;
}
.buttons {
color: #0F0;
}
.buttons {
color: #400080;
}
.buttons {
font-size: 16px;
}
.buttons {
font-size: 24px;
}
body,td,th {
color: #27A8CD;
}
a:link {
color: #27A8CD;
}
a:visited {
color: #27A8CD;
}
a:hover {
color: #27A8CD;
}
a:active {
color: #27A8CD;
font-weight: bold;
}
-->
</style></head>
<body>
<table width="90%" border="1" align="center">
<tr>
<td align="center" valign="top" class="name">Crafty Sisters</td>
</tr>
<tr>
<td height="65"><table width="100%" border="1" align="center">
<tr class="buttons">
<td width="20%" align="center" class="buttons"><a href="index.html">Home</a></td>
<td width="18%" align="center"><a href="crochet.html">Crochet</a></td>
<td width="19%" align="center"><a href="jewelry.html">Jewelry</a></td>
<td width="20%" align="center"><a href="aboutus.html">About Us</a></td>
<td width="23%" align="center"><a href="contactus.html">Contact Us</a></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><!-- InstanceBeginEditable name="EditRegion3" -->
<p> </p>
<div id="Sticky">
<table width="232" border="1" align="left">
<tr>
<td width="224" class="type1"><a href="jewelry.html">Jewelry</a></td>
</tr>
<tr>
<td class="type1"><a href="religion.html">Religious Jewelry</a></td>
</tr>
<tr>
<td class="type1"><a href="holidayj.html">Holiday Jewelry</a></td>
</tr>
<tr>
<td class="type1"><a href="jsets.html">Jewelry Sets</a></td>
</tr>
<tr>
<td class="type1"><a href="n-b.html">Necklaces & Bracelets</a></td>
</tr>
</table></div>
<table width="716" height="330" border="1" align="center">
<tr>
<td width="633" height="324" valign="top"><table width="397">
<tr>
<td width="389" class="type">Earring Assortment</td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- InstanceEndEditable --></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
