HTML - How To Create Joomla Module?

i won't a image slider for my joomla home page now i have found many image sliders. but all this image sliders must i gave a height en weight and he make the pictures on that size. have somewane a script that don't ask that and used the size of the picture inplace of the size of the box or that he autosize the picture. but i mus't get the image from a folder on the server inplace of the picture link in the script

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 am looking to sell -shirts on Ebay and I would like to be able to point customers to my ebay store by links on the auction page similar to this seller here. http://<br /> http://cgi.ebay.com/C...QQcmdZViewItem

Can someone tell me how to create something similar to what this seller has posted at the top where the blinking letters read Click on your size with the shirt sizes just to the right of that? Thank you!

Hi Experts,

I want to create the page structure shown in the snapshot below using CSS and HTML.

The header part is an image which is off same size as shown in the snapshot. All the blue boxes are links, along with the lists in the bottom of the page.

What do you use to create a website???

HTML editors
WordPress
notepad ++
HTML kit
Dreamweaver cs3

Hi everyone,
I am a new member of the forum. It is very pleasant for me to be in this forum.
I read in the HTML for Dummies book and see the instruction of creating a background for the Website:

"If you like backgrounds that provide a veritcal band down one side, you can create those backgrounds by making very short (just a few pixels) and very wide (at least 1280 pixels) images that look like a cross-section of the background effect you want. That image, after you tile it, produces aband down the side of the monitor"

I don't really know how to do the background like the instruction above. Can anyone give me some advice to do it? Thanks a lot.

I have an online Html game and was wondering if it is possible to make some sort of scoreboard system for it, the scoreboard just needs to be a list of names that someone can add themselves too.

I need it so that when you get to the final finished page in the game you can enter your name once. I would like this list to be seen on the homepage but without the option to add your name to it.



Thanks in advanced for any help.

TTC,

Hi All,

I'm a co-founder of an organization by the name of CLEAN Education, I am responsible for the web site because I'm pretty tech savvy. The site is he

www.cleaneducation.org

I'm currently cleaning the website to try to make it much more functional for me to update and make it consistent on multiple browsers.

Question: How can I make a template? Currently when I want to alter part of the non individual page specific parts (such as the right column that is for recent news) I have to go through each and every page to alter it. Can I make a a template that has everything other than the center white part that is page specific and then somehow call on the content for the page specific part for each page? Altering 10-15 pages on a weekly basis is becoming tedious. Thanks all

I want to create a Link bar, just like n4g's. Look right at the top and you will see a grey bar with liinks. How do i go about doing this?

Thanks
http://n4g.com/

ok so im a rtard with computers and im tring to be a webmaster lol. i got stuff like this http://adultfriendfinder.com/go/g1293359-ppc that im wondering if i can make it a link in email or on my friend finder profile or in a setting like this. and what about **** like this <script type="text/javascript" src="http://banners.cams.com/go/page/js_ad_pop?plain_text=1&skip_lpo=1&win_width=1024&win_height=768&page=model&pid=g1293359-pct&lang=english" charset="iso-8859-1"></script>

How do you pick a minimum resolution for the website? Such as the width?

Whats the current standard for browsers today would you say most people have today, 1000px wide would be a good guess?

Ash