View Thread: Help urgently needed with my CSS and how it displays in Contribute 3

Welcome Guest | Register | Login

Killersites.com Forum

Category: General Web Design

Forum: CSS - Styling your pages with Cascading Style Sheets.

Thread: Help urgently needed with my CSS and how it displays in Contribute 3

Quick Go »

No member browsing this thread

Thread Status: Active
Total posts in this thread: 4

[ ]

Author

This topic has been viewed 1297 times and has 3 replies

pernes
Stranger

Joined: Feb 15, 2006
Post Count: 4
Status: Offline


Help urgently needed with my CSS and how it displays in Contribute 3

Hi I am new to css and have tried to create a three column page with a fluid middle.
The page displays fine in homesite, I then open it in Dreamweaver and the page displays downwards! (like a list )
I can create editable regions and save it as a template.
I then open it in Contribute to create a page from the template but the page still looks like a list or the regions are all of the place which is not good for users wanting to add content. When I publish it it still doesn't show as the page should look!

It has to be saved as a template in Dreamweaver and opened in Contribute as other users will create pages from there.

Hope this makes sense. Could anyone look at my code and give me guidance please..? or point me in a direction where I can solve this as I need to have templates correct by 22nd Feb.
Thanks

[Feb 15, 2006 8:46:18 AM]

[Link]

OropheR
Newbie

Lithuania
Joined: Oct 18, 2005
Post Count: 47
Status: Offline


Re: Help urgently needed with my CSS and how it displays in Contribute 3

I doubt i will help, but there are some experienced html coder here, so please put your code here.

[Feb 15, 2006 8:59:27 AM]

[Link]

LSW
Advanced Member

USA
Joined: Nov 27, 2003
Post Count: 6287
Status: Offline


Re: Help urgently needed with my CSS and how it displays in Contribute 3

I think Admin has a little experiance with Contribute... but I have never used it or known anyone who does. I never thought it was worth it when you can do the same with PHP/CMS.

Check your settings in DW, it could be that it is overwriting code from homesite.
----------------------------------------
Gu.aal kwsh� yak'�i it�akw ijeet wugood�k

LSW-WebDesign.com

[Feb 15, 2006 9:27:40 AM]

[Link]

pernes
Stranger

Joined: Feb 15, 2006
Post Count: 4
Status: Offline


Re: Help urgently needed with my CSS and how it displays in Contribute 3

I doubt i will help, but there are some experienced html coder here, so please put your code here.

Thanks !

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<title>0712business</title>

<link rel=stylesheet href="css/0712.css" type="text/css">


</head>

<body>


<div id="Masthead">
<img src="images/top_block.gif" width="705" height="45" alt="">
</div> 

<div id="nav">
<div id="navbar">
<a href="#">A-Z</a> <a href="#">Maps</a> <a href="#"> Links</a> <a href="#"> Leaflets</a> <a href="#"> Forms</a> <a href="#"> Subjects</a>
</div>
<div id="navbar1">
<a href="#">Contact Us</a>
</div>
</div>



<div id="bctsearch">
<div id="bct"> Home >
<asp:Label ID="bct" runat="server" ToolTip="Navigation path for website"/>
</div>

<div id="Search">
<label for="Header1_Search1_keyWord">Search</label>
<input name="Header1:Search1:keyWord" type="text" value="enter text" id="Header1_Search1_keyWord" onFocus="value='';" />
<input type="submit" name="Header1:Search1:searchnow" value="go" id="Header1_Search1_searchnow" class="button" />
</div>
</div>



<div id="leftnav">

<div id="navlinks">
<ul id="navlist">
<li><a href="#">Hot Topics</a></li>
<li><a href="#">News Travel weather</a></li>
<li><a href="#">Business Support</a></li>
<ul id="sublist">
<li><a href="#">Support For Business</a></li>
<li><a href="#">Training For Business</a></li>
<li><a href="#">Wealden Local Business Partnership</a></li>
<li><a href="#">Market Town Partnerships</a></li>
<li><a href="#">HM Revenue & Customs</a></li>
<li><a href="#">Business Services</a></li>

</ul>
<li><a href="#">Business Practice</a></li>
<li><a href="#">Financial Matters</a></li>
<li><a href="#">Business Directory </a></li>
<li><a href="#">Where To Stay</a></li>
<li><a href="#">Your Local Councillor</a></li>
</ul>
</div>

<div id="translation">
<img src="images/china_small.gif" width="16" height="11" alt="Chinese Translation">
<img src="images/france_small.gif" width="16" height="11" alt="French Translation">
<img src="images/german_small.gif" width="16" height="10" alt="German Translation">
<img src="images/portugal_small.gif" width="16" height="11" alt="Portugese Translation">
<img src="images/spain_small.gif" width="16" height="11" alt="Spanish Translation">
</div>

<div id="adverts">
<asp:HyperLink id="HyperLink1" runat="server">
<asp:image id="Image1" ImageAlign="Left" runat="server" Width="180px" Height="134px" BorderWidth="0" Visible="False"></asp:image>
</asp:HyperLink>
</div>
</div>




<div id="rightnav">

<div id="navright">
<legend id="FurtherInfoTitle">quick links</legend>

<p><a href="#"> FAQ's</a><br />
<br />
<a href="#"> Site monitoring</a><br />
<br />
<a href="#"> Wealden's Regulation<br />
Adviser</a><br />
<br />
<a href="#"> Grants to get<br />
broadband</a><br />
<br />
</p>
 </div>
<div id="links">
<legend id="FurtherInfoTitle">Useful links</legend>

<p><a href="#"> Food Standards Agency</a><br />
<br />
<a href="#"> Food Link</a><br />
<br />
<a href="#"> Only The Best<br />
Adviser</a><br />
<br />
</p>
 </div>
</div>

<div id="images">
<a href="#"><img src="images/bustest.png" border="0" width="150" height="70" alt="Business Link Logo"></a><br /><br />
<a href=""><img src="images/wdc_purple_sizechange.gif" border="0" width="150" height="60" alt="Wealden Logo"></a>
</div>


<div id="wrapper">


<div id="content">
<h1>Support</h1>

</div>



<div id="Footer">
<ul id="footerlist">
<li><a href="#">Legal Information</a></li>
<li><a href="#">Accessibilty</a></li>
<li><a href="#">Site Map</a></li>
<li><a href="javascript:window.print()"><img src="images/PrintThisPage.gif" border="0" width="105" height="20" alt="">
</ul>
</div>



</body>
</html>
CSS

body {
font-size: small;
margin: 0;
padding: 0;
background-color: white;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
color:#000;
}
a:visited {
color: #9966ff;
text-decoration: none;

}
a:hover {
text-decoration: none;
color:#cc00cc;
}

a:link {
text-decoration: none;

}

h1 {
font-size:120%;
font-weight:bold;
text-align:center;
padding: 0px;
margin: 0px;
}

h2 {
font-size:110%;
font-weight:bold;
}

h3 {
font-size:100%;
font-weight:bold;
}

h4 {
font-size: 100%;
font-weight:bold;
}

#Masthead {
background-image: url(file:///W|/Wealden_Business_new/images/top_left_fill.gif);
background-repeat: repeat;
}
#nav {
margin-top: 10px;
width: 100%;
background-color: #9d00b5;

}
#navbar {
float: left;
color: white;
font-size: 75%;
background-color: #9d00b5;
padding: 13px 0 2px 15px;
letter-spacing: 2px;

}

#navbar a {

text-decoration: none;
color: white;
}
#navbar1 {
clear: left;
float: right;
background-color: #9d00b5;
color: white;
font-size: 75%;
letter-spacing: 2px;
padding: 4px 15px 2px 0;

}
#navbar1 a {
text-decoration: none;
color: white;
}

#bctsearch {
clear: right;
width: 100%;
margin: 9px 5px 0 0;
background-color: transparent;
}

#bct {

float: left;
font-weight: bold;
font-size: 10px;
letter-spacing: 2px;
padding: 2px 0 0 215px;
color: #696969;
}

#search{
clear:left;
float: right;
display: block;
background-color: transparent;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
padding:2px 10px 2px 0;
font-size: x-small;
}

#leftnav {
clear: right;
float: left;
position: relative;
width: 188px;
background-color: #ffffff;
margin: 15px 0 0 2px;
border: 1px;
padding: 0;
}

#navlinks ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#navlinks li {

display: block;
}
#navlinks ul li a{
text-decoration: none;
border-bottom: 2px solid #fff;
width: 100%;
color: #fff;
background-color: #9d00b5;
}
#sublist {
list-style: none;
font-size: 79%;
color: #000;

}

#translation {
margin: 10px 0 5px 0;
padding-left: 30px;

}

#adverts {
border: 2px;
}

#wrapper{
float: left;
color: #696969;
font-size: small;
margin: 0px 15px 2px 20px;
padding: 14px 0 0 0;

}

#subjects {
clear: left;
padding: 0px 2px 2px 3px;
font-size: 79%;
}

#latestnews {
font-size: 79%;
color: #696969;
}
#news ul{
list-style: circle;
}

#rightnav {
float: right;
margin: 15px 5px 0 0;
width: 182px;
border: 1px;
padding: 0px;

}

#navright {

padding: 0 0 0 0px;
}

#fieldset {
margin-top: 15px;
width: 175px;
text-align: center;
font-size: 70%;
color: #696969;
border-color:#9d00b5;

}

#fieldset a{
text-decoration: none;
color:#696969;
font-weight: normal;
}

#fieldset a:hover {
text-decoration: none;

}

#fieldset a:visited {
text-decoration: none;
color: #696969;
}

#FurtherInfoTitle {
font-size:130%;
color:#9d00b5;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#images {
clear: right;
float: right;
margin: 17px 9px 0 0;

}

#footer{
clear: both;
text-align: center;
font-size: 77%;
}

#footerlist li {
display: inline;
list-style-type: none;
color: #696969;
letter-spacing: 2px;
font-size: 80%;
padding-right: 3%;

}

#footerlist a {
text-decoration: none;
color: #696969;
}

#footerlist a:visited {
color: ;
}

#footerlist a:hover {
color: #9966ff;
}

[Feb 15, 2006 9:48:08 AM]

[Link]

[ ]

Current timezone is GMT
Mar 19, 2010 8:28:28 AM