PDA

View Full Version : my css and html are making odd symbols in my text



fisherman1
Sep 6th, 2007, 03:44 AM
What am I doing wrong? :( I try adding text to the html. like copyright and the copyright symbol and year and a few other things and my text ends up with symbols in them. Im using openoffice, I'm using ubuntu and screem 0.16.1
I was putting the text in like this

<p>paragraph 1 hello how are you</p>
I'm also trying to place the widget a little below my menu its currently under.
heres the css. and below is the .html it refers to.

/*



*/



/* Generic Styling */



body {

background:url(images/bg-body.png) repeat-x top center #E8F7F9;

font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;

font-size:62.5%; /* Sets default font size to 10px */

color:#222222;

}



* {

margin:0;

padding:0;

}



img {

border:0;

}



p {

margin-bottom:1.75em;

}



a {

text-decoration:none;

color:#B4C835;

}

a:hover {

text-decoration:none;

color:#6CC7DC;

}



/* Structure */



#wrapper {

margin:0 auto;

width:700px;

background:#ffffff;

font-size:1.20em;



}

#header {

height:140px;

background:url(images/bg-header.jpg) no-repeat;

}

#menu {

height:35px;

line-height:35px;

background:url(images/bg-menu.png) repeat-x;

padding:0 10px;

}

#sidebar {

float:right;

width:180px;

background:#efefef;

margin-right:10px;

}

#content {

float:left;

width:500px;

min-height:400px;

}

#footer {

clear:both;

height:100px;

background:url(images/bg-footer.jpg) no-repeat;

}



/* Entries */



.entry {

padding:5px 10px;

text-align:justify;

line-height:1.75em;

}

.entry-title {

font-size:1.90em;

font-weight:normal;

letter-spacing:-1px;

}

.date {

font-size:0.7em;

color:#bbb;

cursor:default;

letter-spacing:1px;

}

.comments {

margin-top:88em;

}

.comments a {

color:#6CC7DC;

background:url(images/icon-comment.png) no-repeat 0px 2px;

padding-left:20px;

padding-right:2px;

}

.comments a:hover {

color:#B4C835;

}





/* Menu */



#menu ul {

list-style-type:none;

}

#menu li {

float:left;

}

#menu li a {

padding:0 15px;

display:block;

color:#ffffff;

margin-right:2px;

}

#menu li a:hover {

background:url(images/bg-menu-hover.png) no-repeat center center;

}



/* Sidebar */



#sidebar ul {

list-style-type:none;

margin-top:10px;

}

#sidebar li {



}

#sidebar li a {

display:block;

height:20px;

line-height:20px;

color:#222222;

padding-left:5px;

border-bottom:1px solid #dddddd;

}

#sidebar li a:hover {

background:#edebed;

color:#6CC4D8;

}

#sidebar-bottom {

height:20px;

background:url(images/bg-sidebar-bottom.gif) no-repeat top center;

}



/* Footer */



#footer-valid {

float:left;

padding-top:55px;

padding-left:20px;

cursor:default;

color:#ffffff;

}

#footer-valid a {

color:#ffffff;

text-decoration:none;

}

#footer-valid a:hover {

color:#ffffff;

text-decoration:underline;

}




/* Heading's */



h1 {

font-size:2.5em;

font-weight:normal;

cursor:default;

position:relative; top:50px; left:30px;

letter-spacing:1px;

color:#aaaaaa;

font-style:italic;

}



/* Feed */



#feed {

height:25px;

width:126px;

background:url(images/bg-feed.gif) no-repeat;

margin:0 auto;

padding-left:26px;

}

a.feed-button {

display:block;

width:100px;

height:25px;

background:url("images/button-feed.png") 0 0 no-repeat;

text-decoration: none;

}

a:hover.feed-button {

background-position:0 -25px;

}



/* Extra's */



#ad-top {

width:180px;

height:60px;

background:url(images/) no-repeat;

padding:4px;

}




<!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>mydomain.com</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>

<body>

<div id="wrapper">

<div id="header">

<h1>mydomain</h1>

</div>


<div id="menu">

<ul>

<li><a href="/index.html">Home</a></li>

<li><a href="/index9">nother link</a></li>

<li><a href="/forum.php">Forum</a></li>

<li><a href="foruall/download.php">Download it</a></li>

<li><a href="//index3.html">Contact Me</a></li>

</ul>

</div>



<div id="sidebar">

<div id="feed">

<a class="feed-button" href="#">&nbsp;</a>

</div>

<ul>

<li><a href="#">link</a></li>

<li><a href="#">link</a></li>

<li><a href="#">link</a></li>

<li><a href="#">link</a></li>

<li><a href="#">link</a></li>
<!-- AddThis Bookmark Button BEGIN -->
<script type="text/javascript">
addthis_url = location.href;
addthis_title = document.title;
addthis_pub = 'prd';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
<!-- AddThis Bookmark Button END -->

</ul>

<div id="sidebar-bottom">

&nbsp;

</div>

</div>



<div id="content">

<div id="ad-top">
<a href="http://www.advertisement.com"><img border="0" alt="ad" title="stuff u want to buy" src="/db_banner_468x60.jpg"/></a>



</div>

<div class="entry">

<div class="entry-title"><a href="#">welcomel</a></div>



</div>

</div>



<div id="footer">

<div id="footer-valid">

</div>
<a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=0&amp;t=220"><img border="0" alt="Foxkeh banners for Firefox 2" title="Foxkeh banners for Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/foxkeh-fx2-120x60.png"/></a>


</div>
</div>



</div>



</body>


</html>

Thanks for any help.

lithriel
Sep 6th, 2007, 06:28 PM
What symbols are appearing? Are you using &copy; to achieve your copyright symbol or are you just putting the symbol directly into the page?

GO ILLINI
Sep 7th, 2007, 01:34 AM
if you are editing in a program that adds styling to a page... it will do that to your file. Edit in something that is a simple text editor like Notepad or... what is the desktop equivalent to VI?


-Adam

fisherman1
Sep 7th, 2007, 03:36 AM
What symbols are appearing? Are you using &copy; to achieve your copyright symbol or are you just putting the symbol directly into the page?

Thanks. Yup, I think it was from the clipboard saving formatting that shouldnt be there. I cleaned it all up last night.