HTML - How To Add Long Hyperlink?

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!

Hi there

Anyone know how to force a long piece of link text to wrap on to the next line. Only seems to be a problem in FireFox. Here is the offending page:

http://packlife.co.uk/news.asp

By the way, the content is generated by the client via content management, otherwise I would stick in a <br />.

Thanks,

Kev

My webpage has become very long. The scrollbar goes on and on, which is perfectly OK. The problem is maintaining the code! In order to show all the data that is displayed, I need one .html page. There are about 10 distinctly different sections, each within their own <div> tag. Each section contains ~1000-10000 lines of code to show all the data. Yes, the page can take a while to load, depending on connection speed but this is how it must be...for now.

So, my thought is that I would have something like a "div_section1name.txt" file. The contents of the file would start and end with <div></div> tags. The html document would use this file as if it were in the page, but NOT like a <frame>.

I have external .css and .js files for this page. Can I create an external file (extension unknown) that contains only portions of the html, then linked to just like the .css file, for example?

Is there a valid mime type for <link> to make this work? How else could I do this?

BTW, I'm pretty sure I could not database this.

Many, many thanks in advance!

Hey guys, I'm new here, and still somewhat of a noob when it comes to html and web design so be easy on me.

One of my new projects is creditcardrewardzone.com, which I thought was looking pretty good until someone told me that it was completely screwed up when they looked at it in Internet Explorer on their windows machine.

I myself work on a mac and check it with safari, firefox, and IE, and everything looks fine, but for some reason in IE on windows, the tables run really long to the point where the site isn't functional.

If you go to the site and click on cash cards, you can see what I mean. Can anybody look at my code and see if there's something I'm doing wrong?

Thanks a lot, I look forward to staying at the forum and probably asking a lot more questions!

Josh

I am trying to display some long text in a <PRE> tag to preserve formatting. When there is really long text in a <pre> tag, part of the text is not displaying on the screen when you scroll over. All of the text is there when I do a view source, but on the screen part of it is hidden and only shows up when highlighted with a mouse. I am not sure if there is some kind of character limitation in PRE or what but I just cannot figure this out. And like I said, this only happens in IE. Works fine in Netscape/FireFox

Here is the html if you want to look at it yourself in a page. If you scroll over, you can see the "|" display only up to 3900 and then they are hidden:


<pre>0 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170 180 190 200 210 220 230 240 250 260 270 280 290 300 310 320 330 340 350 360 370 380 390 400 410 420 430 440 450 460 470 480 490 500 510 520 530 540 550 560 570 580 590 600 610 620 630 640 650 660 670 680 690 700 710 720 730 740 750 760 770 780 790 800 810 820 830 840 850 860 870 880 890 900 910 920 930 940 950 960 970 980 990 1000 1010 1020 1030 1040 1050 1060 1070 1080 1090 1100 1110 1120 1130 1140 1150 1160 1170 1180 1190 1200 1210 1220 1230 1240 1250 1260 1270 1280 1290 1300 1310 1320 1330 1340 1350 1360 1370 1380 1390 1400 1410 1420 1430 1440 1450 1460 1470 1480 1490 1500 1510 1520 1530 1540 1550 1560 1570 1580 1590 1600 1610 1620 1630 1640 1650 1660 1670 1680 1690 1700 1710 1720 1730 1740 1750 1760 1770 1780 1790 1800 1810 1820 1830 1840 1850 1860 1870 1880 1890 1900 1910 1920 1930 1940 1950 1960 1970 1980 1990 2000 2010 2020 2030 2040 2050 2060 2070 2080 2090 2100 2110 2120 2130 2140 2150 2160 2170 2180 2190 2200 2210 2220 2230 2240 2250 2260 2270 2280 2290 2300 2310 2320 2330 2340 2350 2360 2370 2380 2390 2400 2410 2420 2430 2440 2450 2460 2470 2480 2490 2500 2510 2520 2530 2540 2550 2560 2570 2580 2590 2600 2610 2620 2630 2640 2650 2660 2670 2680 2690 2700 2710 2720 2730 2740 2750 2760 2770 2780 2790 2800 2810 2820 2830 2840 2850 2860 2870 2880 2890 2900 2910 2920 2930 2940 2950 2960 2970 2980 2990 3000 3010 3020 3030 3040 3050 3060 3070 3080 3090 3100 3110 3120 3130 3140 3150 3160 3170 3180 3190 3200 3210 3220 3230 3240 3250 3260 3270 3280 3290 3300 3310 3320 3330 3340 3350 3360 3370 3380 3390 3400 3410 3420 3430 3440 3450 3460 3470 3480 3490 3500 3510 3520 3530 3540 3550 3560 3570 3580 3590 3600 3610 3620 3630 3640 3650 3660 3670 3680 3690 3700 3710 3720 3730 3740 3750 3760 3770 3780 3790 3800 3810 3820 3830 3840 3850 3860 3870 3880 3890 3900 3910 3920 3930 3940 3950 3960 3970 3980 3990 4000 4010 4020 4030 4040 4050 4060 4070 4080 4090 4100 4110 4120 4130 4140 4150 4160 4170 4180 4190 4200 4210 4220 4230 4240 4250 4260 4270 4280 4290 4300 4310 4320 4330 4340 4350 4360 4370 4380 4390 4400 4410 4420 4430 4440 4450 4460 4470 4480 4490 4500 4510 4520 4530 4540 4550 4560 4570 4580 4590 4600 4610 4620 4630 4640 4650 4660 4670 4680 4690 4700 4710 4720 4730 4740 4750 4760 4770 4780 4790 4800 4810 4820 4830 4840 4850 4860 4870 4880 4890 4900 4910 4920 4930 4940 4950 4960 4970 4980 4990 5000 5010 5020 5030 5040 5050 5060 5070 5080 5090 5100 5110 5120 5130 5140 5150 5160 5170 5180 5190 5200 5210 5220 5230 5240 5250 5260 5270 5280 5290 5300 5310 5320 5330 5340 5350 5360 5370 5380 5390 5400 5410 5420 5430 5440 5450 5460 5470 5480 5490 5500 5510 5520 5530 5540 5550 5560 5570 5580 5590 5600 5610 5620 5630 5640 5650 5660 5670 5680 5690 5700 5710 5720 5730 5740 5750 5760 5770 5780 5790 5800 <br/>| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | </pre>

Thanks

hi
how to add other styles to hyperlinks?

Hi everyone,
I want to know how to make a hyperlink open in different page/tab.
So im left with the original page and the hyperlink has opened in another tab.

Thanks for all of your help.

Hi Again,

I'm trying to get the titles in my sidebar to link to the main frame (I have created 2 columns). For some reason the code is not making a hyperlink (this is borrowed code). Any ideas?

<div class="leftMenuTab" onmouseover="menuMouseOver(this);" onmouseout="menuMouseOut(this);" onclick="window.location.href="c:CASARA Website/whatwedo.html" TARGET="main page"">What We Do</div>

On the upside, all of my grief is on the first page. The rest of what I'm doing is much easier for me so hopefully I'll be out of your hair soon!

Hi there,

I'm trying to create a hyperlink that opens a word document. The filename is "C# Essentials.doc".

I have the right path, and can open files that don't include special characters in their filenames, but I don't have the hang of putting special characters such as "#" into a hyperlink.

Could anyone advise me the code to use for the filename?

Thanks!
F

Ok, this is the strangest quirk I think I have seen in IE. It seems that when I combine a right-aligned TD with a UL in the following row in a TD with a colspan of "2", where the content of the right-aligned TD is a word with no spaces, IE goes into spasms. In Opera, Google Chrome, Firefox, and Safari, all is well. Yet in IE, right-padding seems to get automatically added to the right-aligned TD. If I either remove the UL, get rid of the first column in the first row, or break up the long word, it displays fine. Yet, if all those things remain in place, IE just doesn't seem to be able to get its act together.

Anyone? Here is my code:

HTML Code:

<?xml version="1.0" encoding="UTF-8"?>
<!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="en" xmlns:xhtml="http://www.w3.org/1999/xhtml">
<head>
    <title>Stupid IE</title>
    <style type="text/css">
		td{
			font-family:Garamond;
		}
		table.Experience{
			width:635px;
			margin-bottom:14px;
			margin-left:auto;
			margin-right:auto;
			margin-top:40px;
		}
		tr.expHeader{
			font-weight:bold;
			font-size:10pt;
		}
		td.expDate{
			width:130px;
		}
		td.expCo{
			width:205px;
		}
		td.expLoc{
			text-align:right;
			width:505px;
		}
		td.expList{
			font-size:11pt;
			text-align:justify;
		}
		td.expList ul{
			margin-top:3px;
			list-style-type:square;
			margin-bottom:6px;
			
		}
		td.expList ul li{
			margin-bottom:2px;
		}
    </style>
</head>
<body>
	<table class="Experience" cellpadding="0" cellspacing="0">
		<tbody>
			<tr class="expHeader">
				<td class="expDate">Here is a td</td>
				
				<td class="expLoc">Averyveryreallylonglongwordthatislonger</td>
			</tr>
			<tr>
				<td class="expList" colspan="2">
					<ul>
						<li>
							This is a bullet item. Such as those that you may see in various lists around the world.
							The most famous bullet item, the semi-bollesque bullet field of 1997, gained notoriety
							for the fact that it was the first publicly known bullet item with the ability to break
							the sound barrier.
						</li>
					</ul>
				</td>
			</tr>
		</tbody>
	</table>

	<table class="Experience" cellpadding="0" cellspacing="0">
		<tbody>
			<tr class="expHeader">
				<td class="expDate">Here is a td</td>
				<td class="expLoc">This time I broke it up a little bit. See what happens?</td>
			</tr>
			<tr>
				<td class="expList" colspan="2">
					<ul>
						<li>
							This is a bullet item. Such as those that you may see in various lists around the world.
							The most famous bullet item, the semi-bollesque bullet field of 1997, gained notoriety
							for the fact that it was the first publicly known bullet item with the ability to break
							the sound barrier.
						</li>
					</ul>
				</td>
			</tr>
		</tbody>
	</table>
	</body>
</html>

I have a link:

<a href="#"><strong>IMPACT Study </strong> </a>

I with the # it always want to jump to top of page. I know there is code that will prevent this, but i forgot what it is?

Any help?

thank, mac

hi

i have a question

is it possible on some way
when someone download something from my website it directly going into a map i chose
(i want to make a website for my psp with demo's and it must copy it to the right map to play the demo)

thanks in advance

kevim

I'm making a new website, and I want the hyperlinks to be the kind in which they are normal text, but when you hover the mouse over them, they're the same color, but they're underlined. I've tried lots of different things, such as DHTML and such, but it only half works, and it won't work in Firefox at all. What's the best way to achieve this?

Hi, I have a large image on my website. I need to make a small area of it clickable with a hyperlink. How can I do this without cutting the image up. I thought about putting a transparent image on the area I want hyperlinked. Are there any easier ways?

thanks