PDA

View Full Version : Links on a page vanishing!!



claire_t
Feb 28th, 2011, 05:30 PM
Can anyone shed some light on my problem please.

I currently have a site up and running but I have done it using tables....yes I know bit dated but I am still learning.

Anyway am trying to convert it to CSS. All seems to work so far, only having changed the menu to CSS my links have gone. Ie my email at bottom of page, or on text saying "visit our Media page" the Media (which is linked to page) has vanished.

Any ideas????

My html 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">

<head>
<title>Creative Bexhill-Events</title>
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="bexhill.css" />

</head>
<div id="wrapper">

<body bgcolor="white">
<a href="index.html">
<div align="left"><img src="images/logo.png" alt="Creative Bexhill Logo" width="300" height="110" border="0"/></div></a>
<ul>
<li><a href="index.html"><img src="images/homer.png" border="0" alt="Home"></a></td>
<li><a href="about.html"><img src="images/aboutr.png" border="0" alt="About Us"/></a></li>
<li><a href="media.html"><img src="images/mediar.png" border="0" alt="Media"></a></li>
<li><a href="events.html"><img src="images/eventsr.png" border="0" alt="Events"></a></li>
<li><a href="links.html"><img src="images/linksr.png" border="0" alt="Links"></a></li>
<li><a href="contact.html"><img src="images/contactr.png" border="0" alt="Contact"></a></li>
</ul>
<br/>
<h1 align="center">Welcome to our website.</h1>
<br/>
<p/>
CreativeBexhill is a Community Interest Company (CB CIC) with directors from service users (Andrew Voyce), the Third Sector (Su Barnicoat) and the Statutory Sector (Debbie Rimmer).<br/> <img src="images/drummers1.JPG" alt="view" align="right" border="4pts" class="floatright"/>
<p/>
The mission of CB CIC is to provide creative activities to the wellbeing community in Bexhill, Rother District and elsewhere.
<p/>
The community interest company was founded in 2010 and aims to begin its impact during 2011. Using hired premises, CB CIC plans to continue with its activities to bring easily accessible, therapeutic and beneficial activities to those wishing to enhance wellbeing.<br/><img src="images/jamie1.JPG" alt="view" align="left" border="4pts" class="floatleft"/>
<p/>
Among the activities that will be provided are music workshops, digital art, yoga and relaxation, pottery and theatre workshops.
<p/>
CreativeBexhill will be proud of sustainability through the contributions of those who benefit from its activities.
The enterprise already has a track record that includes putting on music events, art exhibitions and posting original musical work and artwork on the Internet. Those who join in with CB CIC can expect to enhance their self esteem through such activities if that is what they want.
<p/>
CreativeBexhill seeks to be inclusive and non-discriminatory and welcomes anyone with wellbeing issues, with the aim of giving therapeutic creative activities to its members.
<br/>

<h2 align="center">Please visit our <a href="media.html">Media</a> page to see what work we have created so far.</h2>
<br/>
</body>
<hr width="100%" size="5" align="centre" color="#0100c4"/>
<div align="center" font color="blue"><b>Community Interest Company Number: 7333230</b></div>
<p/>
<h3><div align="left">Website designed by <a href="mailto:[email protected]">CT-Designs</a> 2011</div></h3>
</div>
</html>


my CSS code


body
{
font-family: Arial, Helvetica, san-serif;
color: black;
font-size: 14pt;
margin-left: 20px;
margin-right: 20px;
text-align: justify;
}
h1 {
color: #0000cc;
font-size: 18pt;
}
h2 {
color: #0000cc;
font-size: 16pt;
}
h3 {
color: #000000;
font-size: 8pt;
}
img.floatleft {
float:left;
display:inline;
margin: 20px;
}
img.floatright {
float:right;
display:inline;
margin: 20px;}
ul
{
list-style-type:none;
margin:5;
padding:5;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:90%;
font-weight:bold;
color:#FFFFFF;
background-color:#FFFFFF;
text-align:center;
padding:10px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#FFFFFF;
}
#wrapper{
width:90%;
position:absolute;
margin-left:5%;
margin-right:5%;
}

teedoff
Feb 28th, 2011, 05:50 PM
Do you have a link to your live site?

As far as the code you posted, you have many errors that need fixing. For instance, you still have a table element in your code, but your not using a table. ie </td>

You also dont close your img tags properly. Look at your second link "About Us" and see how that img tag is self closed. How do the others look?

claire_t
Feb 28th, 2011, 06:14 PM
Yep see what you mean....will sort those asap thanks!

Live site is http://www.creativebexhill.org/index.html
This is still in tables!want to get my CSS right before changing it! So any help gratefully received!!

C