HTML - Joomla Jdoc Include Location

hi.... i created a Newsletter in photoshop and slice all the areas i wanted to, and i saved it as image and html but when i upload it to joomla editor the images are not in line.... the images don't bland they have a gap between each image..... if i save the html on my desktop along with the images and open it in IE or firefox it works and looks great..... please see attachment for an example

I know Php scripting language. and I also know Joomla a bit. i want to create my own joomla module. How can i develop joomla module?

Please suggest e-book or video tutorial.

Thanks.
_________________
7zip download

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;
}

Let me preface this by saying I'm very much a novice at this. I've done very basic HTML for a while, but have not advanced beyond that at all except to copy and paste some nice Java scripts that I've enjoyed from time to time. I do have 2 phpBB forum boards that I've enjoyed setting up. But that's pretty step by step instructional. Beyond that, I don't have a clue.

But I love the little icons that many sites use in their location lines. Google has the G, Yahoo has the Y!, and Woot has the !. I'd like to put one on my websites, but I'm having a terrible time finding the code for it. If it's done in a CSS, I'm screwed. I have only peeked at this and never attempted it. But if someone has a way to put a small icon on my location line, I'd love to see it.

I do most of my own graphics, and making the icon wouldn't be a problem at all. I just need to find out how to embed it. Thanks

Hi,
I wanted to know if someone can help me use th right html code to display the proper city for someones IP. I have found this site :

http://www.hostip.info/use.html

but I dont understand how to integrate it into my html.

So I want something like this

"hello my name is bob and im from" and thne right after the site displays their city.
I know its not always accurate but it doesnt matter, if its off then no big deal but the times its on could be a good selling point.
I did a search and found someone else asking something similar long time ago but it didnt really help me as it dealt with php. is Php required to do this? If so how can i do it to integrate it into my html, maybe by putting this section in an iframe of php.... Point is I wouldnt want to redo the whole website in php, considering I dont know php. Thanks!

Greetings HTML people.
I am sort of frankenstining a webpage together. This is what I have so far hogepodged together.

HTML Code:

<!doCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> 
<title>The works of D.M. Rosemark</title> 
<style type="text/css" media="screen"> 
<!-- 
body 
{ 
background-color: #ffffff; 
margin: 0px 
} 

#horizon 
{ 
color: white; 
background-color: transparent; 
text-align: center; 
position: absolute; 
top: 50%; 
left: 0px; 
width: 100%; 
height: 1px; 
overflow: visible; 
visibility: visible; 
display: block 
} 

#content 
{ 
font-family: Verdana, Geneva, Arial, sans-serif; 
background-color: transparent; 
margin-left: -250px; /*half the iframe width */ 
position: absolute; 
top: -150px; /*half the iframe height */ 
left: 50%; 
width: 500px; /* ifame width */ 
height: 300px; /* iframe height */ 
visibility: visible 
} 
iframe.one 
{ 
width: 600px; 
height: 375px; 
border-style:ridge; 
border-width:10px; 
border-color:#999999; 
padding:1px; 
} 
//--> 
</style> 
</head> 
<body> 
<div id="horizon"> 
<div id="content"> 
<iframe class="one" frameborder="0" src="http://www.webmasterworld.com/category10.htm" scrolling="yes"> 
</iframe>

What I want to accomplish next is to border the Inline frame with Images I create in photoshop e.g. 2 side frames, one top banner, one bottom banner. How do I accomplish this in HTML? What are the technical challanges with this request? I have tried to search this out, but haven't found the necessary information. Thanks guys.

D.M. Rosemark

I want to redirect my users to C:\
but window.location won't do it, how do I do this?

I have embeded a layer on my page but cannot set the exact location of the player, like move it 10% to the right or 20% to the botton the only attribute i can play with is align which either puts ir extreme left/right or so called centre, so how do i set the exact co-ordinate if you may so i can put it exaclt where i want to.

hello people!
so, i need some help with placing a table in a specific location in my website. please check it out here, www.tech-nuke.com. you will notice that there are a white blank space in the left side of the page, which i want to place a table there.

and just for clarification, i want to place a table tag so the white empty area become independent (not really!) from its neighbor.

i have been trying so hard to get something in that specific area but every time i missed up the desigen of the page. here is the html code of that part of the page:

PHP Code:

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="titlebg">مرحبا بكم في <?php bloginfo('name'); ?></td>
</tr>

<tr>
<td valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0">

<!--Added: Latest forum topics -->
<tr>
<td valign="top" class="cell-t" style="border:1px solid #ccc;">اخر مواضيع المنتدى</td>
</tr>
<td class="cell-h">

<? include('recent-topics.php'); ?>

</td>

<!-- Added: Remove for box 4 -->
<tr>
<td valign="top" class="cell-t" style="border:1px solid #ccc;">احدث موضوع</td>
</tr>
<tr>

<td class="cell-h">
<?php $recent = new WP_Query("cat=25&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
<div class="cat-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="150" width="150" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div><?php the_content_limit(800, ""); ?>
<div style="display:block; text-align:right;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> &raquo;</a></b></div>
<?php endwhile; ?>
</td>
</tr>
<!--end added: remove for box 4 -->


<tr>
<td width="65%" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0">

<tr>

<script type="text/javascript"><!--
google_ad_client = "pub-6723104396625340";
/* 468x60, created 4/26/09 */
google_ad_slot = "7601118167";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<td valign="top">


<table width="100%" border="0" cellpadding="5" cellspacing="0">
<!--
<p>1</p>
-->


<!-- Added: Remove to get box 1-->
<tr>
<td valign="top" class="cell-t" style="border:1px solid #ccc;">++C</td>
</tr>


<tr>
<td class="cell-h" style="padding:8px;">
<?php $recent = new WP_Query("cat=17&showposts=2"); while($recent->have_posts()) : $recent->the_post();?>
<div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div>
<?php the_content_limit(700, ""); ?>
<div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> &raquo;</a></b></div>
<?php endwhile; ?>
</td>
</tr>
<!--End Added: Remove to get box 1 -->
</table>
</td>
<td style="border-left:1px dotted #999999;" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0">
<!--
<p>2</p>
-->

<!-- Added: Remove to get box 2-->
<tr>
<td valign="top" class="cell-t" style="border:1px solid #ccc;">برمجة الالعاب C++/SFML</td>
</tr>
<tr>
<td class="cell-h"  style="padding:8px;">
<?php $recent = new WP_Query("cat=25&showposts=2"); while($recent->have_posts()) : $recent->the_post();?>
<div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div>
<?php the_content_limit(700, ""); ?>
<div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> &raquo;</a></b></div>
<?php endwhile; ?>
</td>
</tr>

Hi,

I'm trying to build a program that automatically picks images from a given web page. As you know, there's a lot of relative paths used on those.

Now, I got to my first big problem, this is the address I'm trying to use:
http://www.nba.com/games/20090117/ORLDEN/preview.html

this is the address where image is: http://www.nba.com/media/homepage/bullet_video.gif

and this is the address source code refers to:
img src="/media/homepage/bullet_video.gif" border=0

Now, note that there's no ".." in the front of that address.

Question: How can I determine based on the address when the location of image is
http://www.nba.com/media/homepage/bullet_video.gif
and when it is
http://www.nba.com/games/20090117/OR...llet_video.gif

And yes, this is 100% about automatizing the process, so the answer I'm looking for has to be something I can tell to VBA (the language I'm using to write my program).

Thank you for any answer.

On the website host i use i can put the location of the file (example, images/banner.png) but how do i get it from a diffferent file. like if the file i need is in the images file but my html file is in the "javascript" file

Here is kinda what i mean. this shows where the files kind of a
( ">" points to the file in that folder )

javascript > index.html
images > banner.png

..

so how do i get the image from the image file without having to put the full url to it? because i cant put "images/banner.png" cause its going to think the image file is in the "javascript" (its going to go to "javascript/images/banner.png", instead of just "images/banner.png)file since the html file is in the "javascript" file and not the main page.

if you dont understand this tell me and ill try to explain it better, i tryed to make it as clear as i could.