new to css, need some help!
Hi everyone,
As I said, I'm new to css. I bought a book and I've been learning as I go, but there's one thing so far that I just can't seem to make work. I want to have my navigation image links down the left side of the page but still be able to have content to the right of the links. Here's my coding so far.. don't laugh too hard..'k? And constructive criticisms are completely welcome!
The CSS document
body {
background-image: url("images/turbulentblue.jpg");
background-color: #000000;
background-repeat: repeat-x, repeat-y;
font-family: arial, "times new roman", helvetica, serif;
color: white;}
a:link {color: #FFFFFF;}
a:visited {color: #C3DAFD;}
a:active {color: #FFFFFF;}
.mainmenu /* the main navigational menu */
a {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #FFFFFF;
}
.indexlist
p {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #FFFFFF;
background-image: none;
background-repeat: repeat;
The HTML document
<HEAD>
<TITLE>Lira Art Gallery - Showcasing original artists of all mediums</TITLE>
<META NAME="description" CONTENT="Our online art gallery showcases original artists of all mediums including photography, poetry and painting.">
<META NAME="keyword" CONTENT="art, painting, photography, online art, gallery, artists, web design, poetry, original artwork, professional, purchase art">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-Type" content="text/html,; charset=utf-8">
<link type="text/css" rel="stylesheet" href="lira.css">
<style type="text/css">
.indexlist { float: right;}
.mainmenu { display: block;}
</style>
</HEAD>
<body><center>
<img border="0" src="images/Liragallerygif.gif" alt="Welcome to Lira" width="402" height="49">
<h3> Welcome to Lira </h3>
<h4 class="mainmenu"> An online gallery showcasing artists of all genres and mediums </h4>
</center>
<div class="mainmenu" style="width: 92; height: 198">
<a href="artists.htm"><img src="images/Artistsgif.gif" alt="Artists" border="0" width="52" height="15"></a><br>
<br>
<a href="galleries.htm">
<img src="images/Galleriesgif.gif" alt="Galleries" border="0" width="64" height="15"></a><br>
<br>
<a href="submissionsandinquiries.htm">
<img src="images/Submissionsinquiriesgif.gif" alt="Submissions & Inquiries" border="0" width="88" height="37"></a><br>
<br>
<a href="salesshipping.htm">
<img src="images/Salesshippingpoliciesgif.gif" alt=" Sales & Shipping" border="0" width="66" height="37"></a><br>
<br>
<a href="webdesign.htm">
<img src="images/Webdesigngif.gif" alt="Web Design" border="0" width="88" height="19"></a>
</div>
<div class="indexlist" style="width: 400; height: 253">
<p align="center" class="mainmenu"> Artistry comes in many forms and spans eras, genres and cultural boundaries. It is a Muse to which person can relate, no matter what their taste, and the constant evolution and revolution of our world provides canvas and palettes for all varieties of artists. </p>
<p class="indexlist"><br>
The photographer who sees the world in shades of light filtered through their eyes and into ours.
<br>
<br>
The artist who draws, paints and sculpts our imaginations with their own.
<br>
<br>
The writer whose words provide not only inspiration, but also offer a deeper sense of meaning whether we are living day to day or are seeking the divine.
<br>
<br>
The digital muse who creates our electronic world with not only a smoothly designed, easy-to-use medium but also textures beauty with functionality. </li>
<br>
<br>
</p>
</div>
</body>
</html>
Right now the site is designed in tables.. (yes, yes, I know.. REALLY BAD!!) but here's the link to it. I just want to recreate the design with css.
www.lira.ca
Thanks so much for your help!
~Rivian
CSS Codes
Reply With Quote
) doesn't mind linebreaks; CSS does.
Originally Posted by Twey
Bookmarks