HTML - Wordpress Or Joomla ?

this is probably very basic, but I'm not very familiar with html at all.
I have the code shown below (shows a weather graphic) which I have put into an article on my joomla site, unfortunately some of the text is in black and doesn't show up on my site which has a black background.
Is there some code I can add to put the graphic on a white background with a neat border around it?
Thanks

<script type="text/javascript">
var sbLoc=1; // Location ID
var sbLocFixed=1; // 0=user can change location
var sbSize='l'; // m=mini,l=large
var sbRedHigh=0; // 0=green high wind, 1=red high wind
document.write('<scr'+'ipt src="'+document.location.protocol+'//'+(
document.location.protocol.toLowerCase()=='https' ? 'secure' : 'www') + '.seabreeze.com.au/members/weather/widget.aspx?size='+sbSize+'&loc='+sbLoc+'&rev='+sbRedHigh+'&fixed='+sbLocFixed+'"></scr'+'ipt>');
</script>

Hi: some help needed how can optimize this template, i would lake to optimize it for 800x600, and also i would like to expand the with of the table to make space for a second menu on the left.

Thanks in advance

Code:

BODY {
    background: url(../images/bg.jpg) repeat;
    font: 10px Verdana, sans-serif;
    color: #fefefe;
    margin: 0;
    padding: 0;
}

.pathway {
	padding-left    : 5px;
	border			: 0;
	color: #ffffff;
	font-family: Arial;
	
}

a.pathway:link, a.pathway:visited {
	color			: #ffffff;
	font-size		: 11px;
	line-height		: 18px;
	font-family: Arial;
}
a.pathway:hover {
	color			: #ffffff;
	font-family: Arial;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 20px;
padding-left: 12px;
padding-top: 0px;
background-image: url(../images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;

}

.pagenav
{
	font-size:12px;
	font-weight:normal;
}
.componentheading
{
	height: 14px;
	margin-left:2px;
	padding-left:3px;
	border-bottom: 1px solid #336699;
	color: #336699;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}


a.toclink:link, a.toclink:visited
{
	line-height:normal;
	font-size:11px;
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}

a.toclink:hover
{
	text-decoration: none;
}

table.contenttoc {
	border: 1px solid #000000;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}


table.contenttoc th {
	background: #E1DECF;
	color: #C20A28;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}


.button1 {
	margin-top:3px;
	margin-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #ADAA9C;
	background-color: #E1DECF;
	color: #000000;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
}
.button2 {
    background: url(../images/sg_13_45.jpg) no-repeat;
    width:28;
    height:19;
	border:0px;
	text-align: center;
}

.sectiontableheader
{
	background: #E1DECF;
	height: 20px;
	padding-right:3px;
	font-weight :bold;
}

table.contentpane td.contentdescription
{
	font-size:12px;
	line-height:18px;
}

table.contentpane td.componentheading
{
	background:#E1DECF;
	height: 20px;
	padding-left:3px;
	border: 1px solid #000000;
	color: #C20A28;
	text-align: left;
	padding-bottom:3px;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}

table.contentpane td
{
	padding-top:1px;
	padding-bottom:2px;
	font-size:12px;
}

a:link, a:visited {
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration:none;
}	

table.contentpaneopen
{
	width:100%;
}

table.contentpaneopen td
{
	line-height:18px;
	font-size:12px;
}

table.contentpaneopen td.contentheading
{
	height: 20px;
	padding-left:3px;
	color: #77C21F;
	text-align: left;
	white-space: nowrap;
	font-family: Franklin Gothic T Medium,Arial;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #336699;
}


a.sublevel:link, a.sublevel:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: underline;
	vertical-align:middle;
	
}

a.sublevel:hover {
	text-decoration: none;

}


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 11px;
	text-align: left;
	padding-left:0px;
	padding-top: 5px;
	height: 16px;
	width:130px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	
	border-bottom-color: #FFFFFF;
	color:#FFFFFF;
}


a.mainlevel:hover {
	text-decoration: none;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	text-align: right;
}

table.moduletable {
	width:100%;	
	margin-bottom: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	color: #336699;
	text-align: left;
	vertical-align:middle;
	padding-left: 16px;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
}

table.moduletable td {
	margin-top:12px;
	padding-left:7px;
	font-size: 11px;
	margin: 10px;
	font-weight: bold;
}

td
{
	font-family:Franklin Gothic T Medium,arial;
	font-size:11px;
	color:#3C3032;
}
.mymoduletdmiddle
{
	background: url(../images/module_middle_graphic.gif) repeat-y;
	padding-left:18px;
	padding-right:10px;
}

.mymoduletdheader
{
	background: url(../images/module_top_graphic.gif) no-repeat;
	height: 13px;
}

.mymoduletdfooter
{
	background: url(../images/module_footer_graphic.gif) no-repeat;
	height: 10px;
}

.mymodulebg
{
	background: url(../images/general_module_bg.jpg) no-repeat right bottom;
	height:110px;
}

.mymainbody
{
	padding-top :3px;
	padding-left:5px;
	padding-right :23px;
}

.inputboxs {
    background: url(../images/sg_13_43.jpg) no-repeat;
	border:none;
	margin:0;
	padding-top:2px;
	width: 109px;
	height: 18px;
	font-family:Verdana;
	font-size:10px;
	color:#3C3032;
	vertical-align: top;
}
#search {
margin: 0px;
padding: 0px;
width: 109px;
height: 18px;
float: left;
vertical-align: top;
}

#search2 {
margin: 0px;
padding: 0px;
vertical-align: top;
}
.date {
    font-family:Verdana;
	font-size:10px;
	color:#cccccc;
	padding-left:4px;
 
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
	color			: #333;
	font-size		: 11px;
	font-family: Arial;
	text-decoration:none;
}
a.sgfooter:hover {
	color			: #333;
	font-family: Franklin Gothic T Medium,Arial;
	text-decoration:none;
}
.sgf {
font-size: 9px;
font-family: Franklin Gothic T Medium,Verdana,Arial,Helvetica,sans-serif;
color: #333;
text-decoration:none;
}
.sgf1 {
font-size: 10px;
font-family:Franklin Gothic T Medium, Verdana,Arial,Helvetica,sans-serif;
color: #333;
text-align:left;
}

a.sglink:link, a.sglink:visited {
	color			: #333;
	font-size		: 11px;
	font-family: Franklin Gothic T Medium,Arial;
	text-decoration:none;
}
a.sglink:hover {
	color			: #333;
	font-family: Franklin Gothic T Medium,Arial;
	text-decoration:none;
}

can somebody tell me why this dont work. i have read this joomla document and it says that you can use style so i wanne padding im but it don't work i have read this document
http://docs.joomla.org/Jdoc_statements

<jdoc:include type="modules" name="taal" style="padding-left: 620px;" />

I have a WP blog with Elements of Style template.

I'm looking ot put information on the bottom of each content area I create.

I am at a loss to figure out which of the files to edit.


[IMG]editwordpress.jpg[/IMG]

Hello, i'm setting up a website on Wordpress and I want the following:

1. A static (non blog) contact page just like this http://i25.tinypic.com/29lmyo3.jpg

2. I want my blog postings to be archived in pages just like this: http://i30.tinypic.com/3004epj.jpg as opposed to scrolling down the whole page to see my posts. Is this a default feature in Wordpress or do I have to do something to make this happen to my posts?

3. My template only has one column, I would like to split it into two columns (http://i30.tinypic.com/3004epj.jpg) like this site, so I can have a place to put adverts etc.

Thank you

I am using wordpress. This is my layout http://ruriko.newsit.es/. Why is there a "dir="ltr">" ontop of the header?

my footer isn't looking right it has 2 background colours and I only want the light blue one

hey everyone
not sure where this best goes but ill put it here

i have been messing around with wordpress to see if i like it and how it works and such. I've ran into a problem and i cant seem to find an answer. When i write a post or page, and i want to add my own code, it ends up messing it up pretty bad. I go to write page and select the code view, then i put in sum code such as Code:

<div class="title">Links</div>

<div id="linksbox">
<ul id="linklist">
	<li>
		<a href="#"><img src="images/test.jpg" alt="html" />
			<div class="text"><h3>header</h3><p>this is some text that is a paragraph</p></div>
		</a>
	</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

and when i view the page and view the source the code was outputted as this: and doesn't even work right: Code:

<div class="title">Links</div>
<div id="linksbox">
<ul id="linklist">
<li>
		<a href="#"><img src="images/test.jpg" alt="html" /></p>
<div class="text">

<h3>header</h3>
<p>this is some text that is a paragraph</p>
</div>
<p>		</a>
	</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>

</ul>
</div>

then i go back to edit the post and it looks like this Code:

<p class="title">Links</p>

<p id="linksbox">
<ul id="linklist">
	<li> 		<a href="#"><img src="images/test.jpg" alt="html" /></a>
<p class="text">
<h3><a href="#">header</a></h3>
<a href="#">this is some text that is a paragraph</a>

<a href="#">		</a></li>
	<li><a href="#">Item two</a></li>
	<li><a href="#">Item three</a></li>
	<li><a href="#">Item four</a></li>
	<li><a href="#">Item five</a></li>
</ul>

anyone know why this happens, or how to make it so it don't do that?

Hey!

I've recently transfered my blog over to wordpress.org (from wordpress.com) and now have the ability to alter my template, but i need some help with a few things!

The current widgets i have up i believe came across with the back up copy of my original blog, but they aren't mentioned within 'widgets' in my dashboard. I added a mailing list and I'm wanting it to appear under the search bar, i presume to do this i will need to alter the code, but i can't find where to edit the code as i added the mailing list box as a widget, and it hasn't seemed to appear within the code where all the other current widgets i have are displayed. Does anyone know how i can move the mailing list up higher??

Also, I'm wanting to create a 'home' page which directs back to the home page of my blog. I had this set-up on my previous blog where i set the title to the url. But i removed it as with the new template it directed to a new page, called home. I'm wondering if someone knows how i can set up a page that directs to the home page of my blog? And also, if it's possible to place the page at the front of my other pages. Ie. "Home : About : Recommended Reading". And not "About : Recommended Reading : Home". ?

And one last thing! I'm wanting to add a Google search tool to the current search bar that's on my blog. I would like it to look the same, if thats possible(?) but have the option of searching my blog, or the web along with a small Google banner at the bottom. I'm unsure where i should add this code, as within the theme editor i have a section titled "search results" which is a fairly long php code, and i also have a small section within the "sidebar" section which says:

<!-- Search -->
<div id="sidebar-search">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="" />
</form>
</div>
<!-- /Search -->


Should i add the Google html code to that part? Or will i need to change the php code as well for it to work?

Appreciate any help!

www.nikkisblogspot.com

Hi folks,
I'm trying to achieve something in a wordpress widget, but no good result so far.
Please have a look at the image.
My problem is that I cant separate text from the image on the right side.
Cant give the space between "vivamus lectus" and the "venenatis tempus..."
And cant separate social icons on bottom without using a table.
I'm coding it with normal html, no css.

Can you please help me out?
thanks

I am using the lated release of WordPress and I am using WP-Forum to enable a forum on my site. I changed many of the images and some of the css that was on a default theme to make my own but I cannot figure out one thing. When you click new post and the text box shows up with subject and message the message box is cols="80" and I wan it to be cols="75" so it does not go over into the sidebar. My website is www.ipodtouchcafe.com. Below is the code I got from firebug:

<textarea name="message" cols="80" rows="20"/>

That is the text box for the message and the Bold, Italic, Underlined part is the cols section. Feel free to go to my website and register so you can see what I am talking about. THANKS!

I would like to know if anyone knows how to integrate a Wordpress blog into your html website? Would I have to make a template from scratch just for Wordpress or is their a simple way of doing this?


I like my sites design and would love to keep it that way. Please let me know. Thank you very much.


Jenna

I need help customizing my wordpress feed thats on my back
garageglamorousgaga.freehostia.com
also making it so that its only one of each post, and that it's all english ahaha!

Hi,
My website is really acting strange. I've altered my header.php page to display a custom banner I made for the front page instead of "Site Title" (div class = "head-title") which was what it was set to. I thought I was good to go until I click the other pages. For some reason the banner magically disappears on the rest of the pages. The main index.php and page.php templates both have <?php get_header(); ?> at the top of each. So the code looks identical when I view page source for the other pages. I'm stumped as to why the header isn't showing throughout the site. Please help if you can. URL: http://www.princesscutdiamond.org.

Thanks,
gord