|
HTML - Bg Image - Alt? Title? Long Description?
Hi everyone I have read a few articles on this and I would like to explain what I am doing.
In the site I am developing I have put the sites logo in a div and in the CSS I have put the image of the logo as the background-image. I would like to know if there are any tricks when adding the alt, title and long description tags? I am also using a h1 inside the div with the logo bg image with a text indent so the text doesnt show. This helps with SEO. The div is also clickable using a technique I found at BonRouge: http://bonrouge.com/br.php?page=faq#divlink I would just like some opinions please? I have given the div a title with the logo's name inside the title. But can I do more by adding an alt tag and long description? Any advice is much appreciated! Thanks! Similar TutorialsHello. When you do a search for my company which is Nikki Vain, the title and description shows up as [FLASH] Title NAME*: EMAIL*: MESSAGE*: File Format: Shockwave Flash Title NAME*: EMAIL*: MESSAGE*: nikkivain.com/flash/main_v8.sw I went in to my ftp and changed the index.html so this would not happen at www.nikkivain.com and it is fine there. I am so confused Thanks for the help in advance I am new to HTML.I am setting the title in an Anchor tag to show the tool tip. Now for long values it works fine in Firefox but in IE 8 it trims few characters at the end. Kindly help.Thanks in advance!!! hi, how can i add an image in title of the page (in title tag)? and in the adress bar? please help Hello, I am new to the forum, my question is, how do you get the little image that shows in the title of the web page and on the browser tab? Thanks Chunk Hey guys, Does anyone here know a way to get Internet Explorer to display title / alt text correctly when used for a RTL language? I can put the image in a container which has "direction: rtl;", which works in Firefox but doesn't in Internet Explorer. Any clues? Thanks! Hi, I've got this issue. I've got a thumbnail of a post of wordpress on top of the title of the post. I want to so the thumbnail is to the left of the title. so its like this: ----------- | Image | Title ----------- Here is the link to the website: I tried putting in the tag align="left" to the image but that didn't make a difference at all. I would appreciate the help. I've seen it done before.. so it is possible to do. And I need to know basically instead of a topic title with text, you'd have an image. I don't think it was just <a href="img"></a> either because I tried that. And yes, I've searched on Google as well.. anyone have an idea? Also on a side note, are we allowed to have sigs on this forum? Hi, I am building a website and have a lot of different images on it. I am trying to put a 3D type of box around the image - so that I can put in a description for the different images. Attached are 2 images - 1 with a screenshot of my images and the other of a screenshot from another website of what I am trying to achieve. The only difference is that I am trying to put a box around the image as well and would like to keep the description below the image in some instances and beside the image in other instances (see screenshot 1). Any help would be much appreciated. Thanks. how do I set my description for my site when it is found via a search engine? I have a meta description tag, but when i search my site on google, yahoo, msn, etc... the description doesnt fit my meta one.... any better way to set a description? <meta name="description" content="wonderfull beach - blue bay - rooms- hoiliday fresh air google3a970ace18e26dae.html"> Can anyone tell me what the google html file in the description tag is. Its is probably SEO related. I have not been able to find anything about it. Can it be the sitemap XML file in some disguise? Best regards I followed this guide he http://googlewebmastercentral.blogsp...scription.html My site: www.designjetpartsfast.com My code (Important part in red): 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>
<title>HP DesignJet Parts FAST!</title>
<script type="text/javascript" src="jquery-1.7.1.min"></script>
<script type="text/javascript" src="browser-detection.js"></script>
<LINK REL="SHORTCUT ICON" href="/favicon.ico">
<style type="text/css" media="screen">
<!--
@import url("main.css");
@import url("browser-detection.css");
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="Expires" CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
<meta name="DESCRIPTION" content="Shop and receive HP DesignJet parts FAST! Our exclusive focus on HP DesignJet parts has helped us accumulate a large inventory of parts ready to ship!" />
<meta name="keywords" content="designjet, designjet parts, design jet, HP, plotters" />
</head>
<body>
<!--HEADER LOGO-->
<div id="headerLogoContainer">
<div id="loginRegisterCart">
<a href="http://designjetpartsfast.com/component/option,com_virtuemart/page,shop.registration/Itemid,39/">Sign In / Register</a> | <a href="http://designjetpartsfast.com/component/page,shop.cart/option,com_virtuemart/Itemid,41/"><img src="images/cart.gif" alt="cart icon"> Cart</a>
</div>
<div id="headerLogo">
<img src="images/headerLogo.jpg" alt="DesignJet Parts FAST banner">
</div>
</div>
<!--Links-->
<div id="topLinks">
<div class="centerMe">
<a class="moveMeRight" href="index.htm">Home</a>
<a class="moveMeRight" href="http://designjetpartsfast.com/component/option,com_contact/Itemid,3/.htm">Ask Tom</a>
<a class="moveMeRight" href="http://designjetpartsfast.com/component/option,com_simplefaq/Itemid,30/">FAQs</a>
<a class="moveMeRight" href="http://designjetpartsfast.com/content/view/13/34/.htm">Terms & Conditions</a>
<a href="http://www.youtube.com/user/FixYourDesignJet#p/u/0/bbD_DWxceXc">Youtube Channel</a>
</div>
</div>
<div id ="bodyContent">
<div id ="bodyContent_leftColumnParts">
<img src="images/shop_DesignJetParts.gif" alt="Shop DesignJet Parts FAST">
<table>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,10/option,com_virtuemart/Itemid,1/">DesignJet 100 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,14/option,com_virtuemart/Itemid,1/">DesignJet 400 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,15/option,com_virtuemart/Itemid,1/">DesignJet 500 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,16/option,com_virtuemart/Itemid,1/">DesignJet 600 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,17/option,com_virtuemart/Itemid,1/">DesignJet 700 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,18/option,com_virtuemart/Itemid,1/">DesignJet 800 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,19/option,com_virtuemart/Itemid,1/">DesignJet 1000 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,21/option,com_virtuemart/Itemid,1/">DesignJet 5000 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,22/option,com_virtuemart/Itemid,1/">DesignJet 5500 Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,25/option,com_virtuemart/Itemid,1/">DesignJet CP Series</a></td></tr>
<tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,27/option,com_virtuemart/Itemid,1/">DesignJet T Series</a></td></tr>
<tr><td class="noBottomBorder"><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,28/option,com_virtuemart/Itemid,1/">DesignJet Z Series</a></td></tr>
</table>
</div>
<div id="bodyContent_welcomeToDesignJetPartsFastLogo">
<img src="images/welcomeToDesignJetPartsFast.jpg" alt="Welcome to DesignJet Parts FAST">
</div>
<div id="bodyContent_tomContent">
<object width="291" height="271"><param name="movie" value="http://www.youtube.com/v/8WqTDxADEl0?version=3&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8WqTDxADEl0?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="291" height="271" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<img class="tomInfo" src="images/bodyTomContent.jpg" alt="Tom's Content">
</div>
<div id="featuredProductsLabel">
<img src="images/shop_featuredProducts.gif" alt="Featured Products">
</div>
<div id="featuredProducts">
<table>
<tr>
<td><a href="http://designjetpartsfast.com/component/page,shop.product_details/flypage,shop.flypage/product_id,234/option,com_virtuemart/Itemid,1/">DesignJet 800 GL\2 Formatter C7769-69441 <br /><font color="fff">$335.00</font><br /><img src="images/800GL2Formatter.jpg" alt="Featured Product #1"></a></td>
<td><a href="http://designjetpartsfast.com/component/page,shop.product_details/category_id,25/flypage,shop.flypage/product_id,105/option,com_virtuemart/Itemid,1/">DesignJet CP Carriage + Belt C4723-69096 C4704-60207 <br /><font color="#000000">$379.00</font><br /><img src="images/cpCarriageAndBelt.jpg" alt="Featured Product #2"></a></td>
<td><a href="http://designjetpartsfast.com/component/page,shop.product_details/category_id,18/flypage,shop.flypage/product_id,216/option,com_virtuemart/Itemid,1/">DesignJet 800 GL\2 Formatter C7769-60260 <br /><font color="#000000">$335.00</font><br /><img src="images/800GL2Formatter.jpg" alt="Featured Product #3"></a></td>
<td><a href="http://designjetpartsfast.com/component/page,shop.product_details/category_id,17/flypage,shop.flypage/product_id,87/option,com_virtuemart/Itemid,1/">HP DesignJet 755CM Inkjet Plotter <br /><font color="#000000">$895.00</font><br /><img src="images/755CM_inkjetPlotter.jpg" alt="Featured Product #4"></a></td>
<td><a href="http://designjetpartsfast.com/component/page,shop.product_details/flypage,shop.flypage/product_id,219/option,com_virtuemart/Itemid,1/">HP 3.2GB EIO Hard Drive C2985-69003 <br /><font color="#000000">$199.00</font><br /><img src="images/800GL2Formatter.jpg" alt="Featured Product #5"></a></td>
</tr>
</table>
</div>
</div>
<div id="footer">
<div class="centerMe">8331 Waterswolde Lane • Fort Wayne, IN 46825 (260) 348-5653 • Copyright ©2012 • HP DesignJet Parts FAST!</div>
</div>
</div>
</body>
</html>
Despite the code seemingly correct, Google & Yahoo seem to ignore it. I have heard Google takes at least 6 hours to propagate any changes in the index.html, but it's been about 12 hours now and nothing has changed. Here is what Google displays: (see attachment) As you can tell from the attachment, it's retrieving text from the body of my index file. This is NOT what I want. It needs to read from the meta description instead. Try googling "SWTOR". The first link has a very nice description, e.g., several links to the material within etc. How can I do this? Can someone link some sample code? Is this all done within the meta description? Thanks all! Love the advice here on this forum ) How do I get rid of my automatic golive meta description and write my own? Here is my current source. <title>Watch It Mister! Funny Gay Videos, Gay Videos of Hot Emo Guys Kissing, and More Gay Videos!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta content="Adobe GoLive 5" name="generator"> <meta content="Lavation Design" name="author"> <meta content="index, follow" name="robots"> <meta content="Free gay video sharing community." name="abstract"> <meta content="Watch It Mister is an online gay video sharing community. Lots of Gay Videos, anything from funny gay videos to gay emo guys kissing. This is the home of gay videos.=" name="keywords" href="style.css" type="text/css" <META rel="stylesheet" description?>>> <link type="text/css" rel="stylesheet" href="/css/anylink.css"> I am having problems with putting HTML code into an RSS 2.0 description tag. If I escape the HTML using <![CDATA[, the HTML shows up fine when the feed is viewed with Firefox 2.0, IE7, and various feed readers. The problem occurs when browsers like IE6 and Netscape view the .xml feed, as these do not support native RSS. To allow the latter browsers to easily display the feed, I use XSL to transform the XML into something much nicer. However, the escaped HTML shows up as literal characters (code) in the feed when viewed with IE6 and Netscape. How can I show HTML in the description tag of an XML feed using XSL? I also get literal characters when trying entity-encoded HTML. Hello, I need to create a hyperlink however the website itself (The link) is very long and the html doesn't capture all of it. For eaxmple I want to use this text " Address " so it will take me to a very long link from mapquest of from yahoo maps. If you have an idea how to do it, it would be great. Guyav99. Hi all, I ran a link check for my site. its shows the following error: Category 404 - Long link Severity 5 Threshold 5 Message Link text is 6 words ( threshold = 5 ) i tried seraching in Google for this but no help there for me...can anyone please help me what to do to resolve this error. thanks I have a list of music (about 400 items) and I want to put the text in a div the best way. I heard from somebody else that I should put it in a javascript file and link to that to keep my html clean of 400 extra lines. Is that a good idea and how would I go about doing that? If I just do put it in a body tag, is there an easier way of making each item on a separate line like it looks like in a text document? As of now, everything just runs together because there are no <br> tags and it would take forever to do each individual one. Is there an easier way? Thanks. The web page has a list of 2000 items for users to select. If more 200 items are selected, it will get URL too long when submitted. The url looks like this: http://aha123.com/do?&i=1&i=2&i=3&i=4...... i=1 means item 1 is selected by the user. Is there any workaround in designing the form so that more than 200 selected items can be send to the server? |
|||||||