HTML - Psd To Html (joomla)
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
Similar Tutorialsthis 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> 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 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 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 just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! 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> Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ? Many thanks Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan I need a simple example to take input, and give an output, such as input: height weight output: body BMI thanks Hello Everyone, Please help in build the code for the site , the layout should be as the below layout , I need to submit this by today EOD. Image Link1: http://8648180184665331224-a-1802744...attredirects=0 Image Link 2: http://8648180184665331224-a-1802744...attredirects=0 Please mail me the code ASAP. Thanks and Regards, ceenuu2002@gmail.com I am still new to the web page world, but the website I originally created (in japanese) was passed on to a programmer. He did a lot of "upgrades" to the site so he says, but he left. Now I am in charge again of re-modeling the site. The problem is I am trying to figure out why there are so many dead links. I have looked up and down the server, but can't find anything. Ok before I confuse anyone else here is what I am talking about. For example this page that I originally made : Code: http://www.discoveryfirm.com/tokushu/index.html cannot be found but if I take of the end: http://www.discoveryfirm.com/tokushu/ the page is there. Now I am trying to fix a lot of dead links, but I cannot figure out what the programmer did to the site. I am still new to all the high-tech features in the web world. Could somebody please explain. Hi everybody, I've invented a means of converting HTML to keywords. http://4nf.org/tool/ What do you think of it? Any kind of feedback is greatly appreciated! Thanks in advance and kind regards hello i have a page 'gallery.html' that i want to show up when the URL www.site.com/gallery is requested. how do i achieve this? thanks in advance rlbw |