|
HTML - Html Code To Put In A Joomla Article
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> Similar Tutorialshi.... 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 My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!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=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Why? or.. why not? Im getting this weird vibe off it.. must be because im used to software like Dreamweaver. Any users here? Whats the most satisfying way to work with it? Ive tried searching but the pages are driving me nuts. My host recently added Joomla(formerly Mambo) to the list of progs. we can use. Has anyone used Joomla before, and does it fare well with search engines or the same as html? Thanks, Geoserv. hi, what's the best cms, wordpress or Jomla ? I really like the backup plugins in Joomla, I dunno if it exists something similar in wordpress. The wordpress backend seems to be more professional... thanks Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! 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 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 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;" /> 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;
}
Hello everybody, I'm new here. I'm redesigning my own website and came up with some tricky situation. I write HTML lessons and I want to put just the pure code in my posts, but they appear as a regular html document... How do I make the code to be shown just as text (code), like we do in the forum boards (code tags or whatever)? I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. Dear Forum-goers, If I knew what to search for I would, but I don't know what this idea is called. I want to create a website with code that does the following: <body> (INSERT FROM OTHER HTML FILE: Page introduction) (INSERT FROM OTHER HTML FILE: Content) (INSERT FROM OTHER HTML FILE: Sidebar) </body> Is there a way to do this? If not, then okay. I've tried using <link />, which doesn't do the job. You'll see the line in question in blue font: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>This is the main page.</title> <link type="text/css" rel="stylesheet" href="journal.css" /> </head> <body> <link type="text/html" rel="content" href="tobelinked.html" /> </body> </html> Does anyone know if this code has any kind of SEO benefit or what it's relevance is? Thanks in advance! Code: td class="botLinkText" <td class="botLinkText"><a href="http://www.blahblah.com/pages/page.asp" class="botLink">keywords & description</a></td> Hi Guyz... visit this site www.mobiusservices.com I would like to know how effective and good are the HTML codes for Search Engine Optimization. I am a Marketing Guy i understand only the nitty-gritty of HTML. I'd feel great if you can help me out in pointing out some errors and some good technique for Search Engine Ranking. Note: This site is still under testing phase. Extensive work is going on to improve the site. Hi, I am new to custom tag help, I am working in Joomla. I have to bold a keyword in the content but it should not be displayed on the front end. I mean its more for Search Engines, I understood that its a custom code that I need to write for it. If some one has an idea about this please help me out Hi boys n gals, I would like to embed these social sites in my site, (delicious, facebook, diggs etc) , any one with such HTML codes in one piece? (excuse it if it sounds........) Looking forward to hearing from you |
|||||||