|
HTML - Problems Entering A Image Into A Html Code
Code:
<table border="0" cellpadding="0" cellspacing="0" id="NavigationBar1"> <tr> <td align="left" valign="top" width="117" height="31"><a href="www.conflict-gamers.net/forums"><img id="bv01002" src="bv01002.gif" alt="" align="top" border="0" width="117" height="31" onmouseover="SwapImage(1,0,'bv01002','bv01002_over.gif')" onmouseout="SwapImage(0,0,'bv01002','bv01002.gif')"></a></td> </tr> </table> and this is the image i want in there. http://img84.imageshack.us/img84/406...onforumfl2.jpg Can anyone help please. Similar TutorialsI was looking for the correct place to put this thread, and there is not a Vbulletin area that I can find. Hopefully someone will let me know a better place to place this information because I have a couple of other problems as well. BB Code, is a way to replace HTML for security reasons. In the BB code you use in replacement of certain variables in the code a parameter input that looks like this: {param} So here is my problem and I hope someone with knowledge of vB will understand. Code: <style="text-alaign:right:"><a href="http://www.place4musicians.com/Music/free_music/{param1}/{param2}" target="_blank"><img src="http://www.place4musicians.com/music/images/custom_images/free_download.png"></a>
1) the align right does not work! 2) I've tripple checked the location and the spelling but I can't get the download link to work! The image works fine, but there is something that is keeping the code from allowing a download of the RAR image. Any help in this would be appreciated. Link to page on forum username: test password: test1234 You will also see a second issue on the link, but I don't want to ask about that just yet. Many thanks if help may be provided here! Hi, I need HTML code for image gallery like this or similar one. The most importand is the left&right arrows. Thanks for who try to help. Hi guys i just joined and hope to learn a lot from this forum! Ok, My question is if there is a HTML code to save an image as a different image. To help explain better I want to embed an original artwork image on my myspace page. I have seen other artist do this same thing where they have embedded and image onto their page and if someone uses the Right click>Save image as... to try to save that image they get a whole different image than the one they wanted to save. For example: Say you wanted to save this image and after you use the Right click> save image as... and open up the file you just saved You get this Scripts don't work with myspace so i would like to know if there is a HTML code that does this. Thanks for your time <<<Edit>>> Ok heres a better example this users profile has an image of his alias i guess in his "About Me" Section and when you try to save the image you get a 1pixel gif Heres the users page (Google cache) http://64.233.167.104/search?q=cache...lnk&cd=1&gl=us The actual image URL is : http://img71.imageshack.us/img71/880/101copyzd9.png and the 1pixel gif's URL is : http://x.myspace.com/images/clear.gif I would like to know whats the html code for this because when you try to save the imageshack image you end up downloading the 1pixel gif instead Thanks for your time Hi, I'm taking website design at school, and for our final mark we have to design a full website with Dreamweaver cs3. Now i'm stuck on one thing that i cant solve , so please help me out. How do I stop this image (background) from repeating??? Without using CSS & with CSS I've uploaded the site that I'm working on at http://www.bhsolutions.org and here is the code; HTML 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" />
<title>Sadmir's Website | Home</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style1 {
font-size: 30px;
font-weight: bold;
}
.style3 {
color: #CC0000;
font-size: 18px;
}
.style4 {color: #3D3C2C}
.style6 {font-size: 12px}
#apDiv1 {
position:absolute;
width:316px;
height:208px;
z-index:1;
left: 184px;
top: 705px;
}
body {
background-repeat: repeat;
}
-->
</style>
</head>
<body background="images/resource/background.png" onload="MM_preloadImages('images/navigation/servicesd2.gif')">
<table width="794" height="1089" border="0" align="center" cellpadding="1" cellspacing="1" background="images/resource/background.png">
<tr>
<td width="251" height="67" bgcolor="#FCFAE6"><a href="index.html"><img src="images/logo.gif" alt="Sadmir's Website" width="204" height="57" border="0" longdesc="index.html" /></a></td>
<td width="98" bgcolor="#FCFAE6">Link A</td>
<td width="66" bgcolor="#FCFAE6">Link B</td>
<td width="114" bgcolor="#FCFAE6">Link C</td>
<td width="210" bgcolor="#FCFAE6">Link D</td>
<td width="36" bgcolor="#FCFAE6"> </td>
</tr>
<tr>
<td height="21" colspan="6" bgcolor="#DBD8C6"><marquee scrolldelay="125" width="100%">
<span class="style6"><font color="#800517" >Welcome to Sadmir's Website</span> </marquee> </td>
</tr>
<tr>
<td height="59" valign="top"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','images/navigation/servicesd2.gif',1)"><img src="images/navigation/services.gif" alt="Services" name="Services" width="240" height="65" border="0" id="Services" /></a></td>
<td colspan="5" rowspan="3" valign="top"><img src="images/header-img.jpg" width="525" height="238" /></td>
</tr>
<tr>
<td height="66">link 2</td>
</tr>
<tr>
<td height="103">Link 3</td>
</tr>
<tr>
<td height="260" colspan="6" background="images/bodybg.gif" bgcolor="#BEE4FF"><blockquote>
<blockquote>
<blockquote>
<p align="left" valign="top"><span class="style1">Welcome to</span></p>
<p><span class="redtext style3">Sadmir's Unique Web Solutions.</span></p>
<p align="left" class="style4">Whether you need a static, dynamic web page or a E-Commerce website for your small business, or just want a personal blog or forums website with design that moves at an affordable price, then Sadmir's Unique Web Solutions is the right place for you.</p>
</blockquote>
</blockquote>
</blockquote>
<p> </p>
</blockquote>
<div align="center"></div></td>
</tr>
<tr>
<td height="20" colspan="6"> </td>
</tr>
<tr>
<td height="59" colspan="3" background="images/bodysmall.gif"><blockquote>
<div align="center"><strong>Text</strong></div>
</blockquote></td>
<td colspan="3" background="images/bodysmall.gif"><div align="center"><strong>Text</strong></div></td>
</tr>
<tr>
<td height="259" colspan="3" background="images/bodyleft.gif" valign="top"><p> </p>
<blockquote>
<p><strong>How do I stop this image (background) from</strong></p>
<p><strong> repeating???</strong> ------------------------------------------->></p>
<p> </p>
<p>Without using CSS & with CSS</p>
<p>Thank you</p>
</blockquote>
<p> </p></td>
<td colspan="3" background="images/bodyleft.gif" valign="top"><p> </p>
<blockquote>
<p><strong>Text</strong></p>
<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
</blockquote> </td>
</tr>
<tr>
<td height="20" colspan="6"> </td>
</tr>
<tr>
<td height="133" colspan="6" background="images/footerbg.gif" bgcolor="#FCFAE6"><div align="center">Footer</div></td>
</tr>
</table>
</body>
</html>
Thank you Hi people, I've search the net regarding this issue and from what I've gathered, images can only be transparent provided it's in the gif format. May I know is it possible to make png pictures transparent? I heard that's possible with IE 7, but I want a method that works with lowers versions of IE too. I'm trying to avoid CSS if possible, is there a code something like "style=transparent" that can be typed into the <img> tag? Thanks Hi Friends, I've created an html coded email signature for Outlook 2003 (old, i know) and need some help. I've inserted a few images and linked them back to my company's social media platforms. When I insert the html template into Outlook it places <> after each picture/icon that i inserted. Any suggestions on how to remove these?! i finally figured out how to remove the underline but now i'm stuck with <> and can't get it to go away! PLEASE HELP!!! What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link? What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link? ________________________________________________________________ Buying diamonds online - James allen review - Bluenile.com review - Mondera Diamonds Review - Online diamond store reviews - Engagement ring guide - Engagement ring guide this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html there are several things I would like to happen. 1. the right collumn background to be where the right collumn should be(so other links in navbar) 2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see) 3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does. 4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle. 5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns? don't worry about the colors I will be changing them soon I have a paragraph with the same word typed over and over again throughout it, but I dont feel like modifying that word over and over again each time I change it in every single spot that it is located..... example sentence: word that will be typed over and over again: GOOGLE Hello this is my name and I like to use GOOGLE as my search engine, however I think that GOOGLE is not the best search engine but I still use GOOGLE anyway. ----------------------------- Now I want to change it to YAHOO but w/o changing the word each time it shows in the sentence Hello this is my name and I like to use YAHOO as my search engine, however I think that YAHOO is not the best search engine but I still use YAHOO anyway. Am I making sense? Hello, How can i make a combo box (<select>) where people can enter text on the first option? Thanks! Hi, I have a text box, when i press M ,it must populate a list of names that start with so that user can select any one of the name.on the selection of the name,it must appear in text box. In a short it must work like google search engine. Can any one provide me guide lines in this task Thanks & Regards in Advance Hi, I am a complete HTML novice and as such may lack certain use of terminology that you might take for granted so please allow for that. I have been linking to certain .jsp web pages , and pre-entering the data into the page by putting a "?" after the .jsp part and following it with some code. For example: - Take the page http://logis.korail.go.kr/driveinfo/TrainLocSearchg.jsp. By using the URL http://logis.korail.go.kr/driveinfo/...jsp?carNo=7001 I don't need to type the number 7001 in the form and press the submit button. This works fine on this page, however, for the following page, http://logis.korail.go.kr/driveinfo/...riveGuideg.jsp, I can't seem to get this method to work. I think the names of the fields in the form are as follows: - stYukCd wbMd1 wbMd2 trnKind trnNo trnUpDn I can't however get any of these fields to auto-fill by using this method. Any ideas? Thanks Damian 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> I've been doing some html newsletters for a company for a while. I use simple html with tables and this template that the other graphic designer put together. The focus of teh email is made up of spliced images, assembled in a table and then each image is linked to the appropriate website location. The problem I have, is in mozilla and in safari (two of the three browsers I test on) make the <tr> part of the table split? It separates the <tr> cells and causes white lines between the images. This only happens after the email has been sent out, not when I test it in a browser before submitting it to the email newsletter server. I'm trying to figure out ways around it or to fix up the html. Anyone who is willing to help me, I will send you the newsletter so you can see what I am talking about as well as post the code up in this thread. Thank you, -Allie hi i got a problem on my website.. coz when i browse my site using mozilla firefox it all happens ok.. all the buttons were ok. it displayed sumthin on the iframe.. but when i uses the IE7 i found out that theres no display on the frame when i click the home button.. please help.. i check the source but i didnt find any problem. help me.. heres the site please check it.. http://www.radissonagro.com ok i know i just made a thread very similiar to this one, and yet it isnt. i found this new code on a site and i want to use it. i have added my own banner, my own buttons and now i want the the button to link to the "Content goes here" place. which seems impossible for me! i can only make the links open up a new window, cant make it open up on same page in the spare fields of the design. any help is appreciated. the reason i change to this is that this should be better for more browsers than the other design i hade picked first. <html> <table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400"> <tr height="50"><td colspan="2" bgcolor="white"> <table title="Banner" id="banner" border="0"> <tr><td><img src="banner.gif" width="600" height="200"></td></tr> </table> </td></tr> <tr height="400"><td bgcolor="white"> <table id="navigation" title="Navigation" border="0"> <tr><td><a href="home.htm" target="content"><img border="0" src="homeknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="about.htm" target="content"><img border="0" src="joinusknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="join.htm" target="content"><img border="0" src="aboutknap.gif" width="80" height="21"></a></td></tr> </table> </td><td bgcolor="white"> <table title="Content" id="content" border="0"> <tr><td>Content goes here</td></tr> </table> </td></tr></table> </html> I'm trying to modify my template on my website - as I've found one I want to use as a base (It's open source, and we've got permission to edit it), but I don't understand a word of what is in the HTML as most of it is PHP, with maybe the odd div container thrown in. If you visit the site, he www.omgpcgames.com, all I want to do is stretch that header out across the top, instead of being a small image on the right hand side. I'm aware this will involve re-ordering modules, so I'm not overly sure about what I am doing. If anyone can make any sense out of this, please can you give me a pointer in the right direction? HTML Code: * You can use and modify this template any way you like, but it would be
* kind to have a link back to www.gameon.be, doesn't matter how/where...
*/
defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if IE 7]>
<style type="text/css">.vertmenu li ul { float: left; position: relative; bottom: 15px; }</style>
<![endif]--> <!-- IE 7 fix for vertical header menu; I think FF 2 also needs this, but since I don't use this and don't like hacks... -->
<!--[if IE 6]>
<style type="text/css">.popular { position: relative; bottom: 99px; }</style>
<![endif]--> <!-- IE 6 fix for user4, which needs to be on same height as user3 -->
</head>
<body>
<!-- header -->
<div class="header">
<!-- user1 (fex: menu (enable 'always show submenu items')) -->
<?php if ($this->countModules('user1')) : ?>
<div class="<?php echo $this->params->get('gomenuType'); ?>"> <!-- horizontal of vertical (left/right) -->
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<!-- user2 (fex: banner) -->
<?php if ($this->countModules('user2')) : ?>
<div class="banner">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<!-- content -->
<div class="contentcontainer">
<!-- left column -->
<?php if ($this->countModules('left')) : ?>
<div class="containerleft">
<!-- title (set in template menu) -->
<div class="titlecontainer"><?php echo $this->params->get('leftMenuTitle'); ?></div>
<!-- show content set to left -->
<div class="stylemenu">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php endif; ?>
<!-- right column -->
<?php if ($this->countModules('right')) : ?>
<div class="containerright">
<!-- title (set in template menu) -->
<div class="titlecontainer"><?php echo $this->params->get('rightMenuTitle'); ?></div>
<!-- show content set to right -->
<div class="stylemenu">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<?php endif; ?>
<!-- middle column: size of middle column depends on the use of left/right columns -->
<div class="containermiddle_<?php echo $this->countModules('left')>0; ?>_<?php echo $this->countModules('right')>0; ?>">
<!-- title (set in template menu) -->
<div class="titlecontainer">
<?php if ($this->params->get('middleMenu')=='breadcrumbs') { ?>
<jdoc:include type="modules" name="breadcrumbs" style="xhtml" />
<?php } else { echo $this->params->get('middleMenuTitle'); } ?>
</div>
<?php if ($this->countModules('user3 or user4')) : ?>
<div class="containerlatestpopular">
<!-- user3 (fex: latest articles) -->
<?php if ($this->countModules('user3')) : ?>
<div class="latest">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<?php endif; ?>
<!-- user4 (fex: most read articles) -->
<?php if ($this->countModules('user4')) : ?>
<div class="popular">
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<!-- user5 (fex: newsflash) -->
<?php if ($this->countModules('user5')) : ?>
<div class="newsflash">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
<!-- show articles -->
<jdoc:include type="component" style="xhtml" />
<!-- footer -->
<div class="footer">
<span>template by<a href="http://www.gameon.be" target="_blank">www.gameon.be</a></span>
<?php if ($this->countModules('footer')) : ?>
<jdoc:include type="modules" name="footer" style="xhtml" />
<?php endif; ?>
</div>
</div>
</div>
</body>
</html>
Hello members of HTML forum. I'm having some troubles with some HTML. I want to remove the space between 2 images, but if I remove to <p> tag, the website will just become chaos. The area I want to remove: Source: Quote: <body bgcolor="black"> <center> <img alt="Diablo" src="image1.jpg"><a href="http://adscendmedia.com"><img src="image2.jpg" alt="Download" /></a><img alt="Diablo" src="image3.jpg"> <p> <img alt="Diablo" src="frame1.jpg"><iframe width="822" height="536" src="http://www.youtube.com/embed/f_k9vL18YCQ" frameborder="0" allowfullscreen></iframe><img alt="Diablo" src="frame2.jpg"> <img alt="Diablo" src="image4.jpg"> Does anyone know how to fix this problem? Thanks |
|||||||