HTML Help

Tifferzzz

Tifferzzz

Resident Badass
I'm designing my first webpage and I'm trying to link a logo to an outside site and I cannot, for the life of me figure out why it's not linking. Here's what I have:

<!--Chamber>
<div class="image1" style="position:absolute; overflow:visible; left:290px; top:395px; z-index:0"><a href="http://www.stgeorgechamber.com"><img src="http://www.mymortgagecents.com/images/accreditations/chamber.jpg" border=0 width=100 height=52></a></div>

Can someone tell me what I'm missing?
 
If you're doing your first webpage you're doing it in pretty complicated fashion.

I've pasted that whole section of code into a simple HTML file and it works.
 
Last edited:
I think the problem is the img tag isn't being closed properly.
change it from <img yadda yadda>
into <img yadda yadda />

Note the extra slash at the end.
 
Might try properly closing your <!-- comment tags with -->

The acreditation link works but the image does not display. There may be an error somewhere above that is throwing everything off below.
 
Yeah, you've opened a comment tag (the <!-- ) without properly closing it (to close it, it's -->).

Code: 
<!-- Chamber -->
<div class="image1" style="position:absolute; overflow:visible; left:290px; top:395px; z-index:0"><a href="http://www.stgeorgechamber.com"><img src="http://www.mymortgagecents.com/images/main_page/chamber.jpg" border=0 width=100 height=52 /></a></div>
I also fixed the image path. I'll advise that using web browsers to downsize the image will produce a lower quality output than shrinking it in an imaging application. And while SJ gives good advice, that for valid HTML, you should close the IMG tag with a / at the end (as I did), it's not required for the tag to work.



To be nice, I went to the page and looked at the source... all the comment tags were bad. And the paths for your images are all off, too. They were trying to go to /images/accreditation/ when that folder didn't exist, but you did have /images/main_page/, which contained all the images you were trying to link to.

If you can edit the HTML for that page directly, here it is fixed:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<!--©2007 Superior Lending Associates, LC-->

<html>
   <head>
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 6pt;}
.ws7 {font-size: 7pt;}
.ws8 {font-size: 8pt;}
.ws9 {font-size: 9pt;}
.ws10 {font-size: 10pt;}
.ws11 {font-size: 11pt;}
.ws12 {font-size: 12pt;}
.ws13 {font-size: 13pt;}
.ws14 {font-size: 14pt;}
.ws15 {font-size: 15pt;}
.ws16 {font-size: 16pt;}
.ws17 {font-size: 17pt;}
.ws18 {font-size: 18pt;}
.ws19 {font-size: 19pt;}
.ws20 {font-size: 27pt;}
.ws21 {font-size: 48pt;}
.ws22 {font-size: 64pt;}
.ws23 {font-size: 96pt;}
.wpmd {font-size: 12pt;font-family: 'Arial';font-style: normal;font-weight: normal;}

<!--Para Styles-->
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

<style type="text/css">
a.style1:link{color:##8E8469;text-decoration: none;}
a.style1:visited{text-decoration: none;}
a.style1:active{text-decoration: none;}
a.style1:hover{text-decoration: none;}
a.style2:link{color:#0066FF;text-decoration: none;}
a.style2:visited{text-decoration: none;}
a.style2:active{text-decoration: none;}
a.style2:hover{text-decoration: none;}
a.style3:link{color:#32302C;text-decoration: none;}
a.style3:visited{color:#32302C;text-decoration: none;}
a.style3:active{text-decoration: none;}
a.style3:hover{text-decoration: none;}
a.style4:link{color:#32302C;text-decoration: none;}
a.style4:visited{color:#32302C;text-decoration: none;}
a.style4:active{color:#32302C;text-decoration: none underline;}
a.style4:hover{color:#32302C;text-decoration: none;}
</style>
</head>

<!--Background Body Color-->

<body bgColor="#FFFCF4">

<BODY link="#0066FF" alink="#0066FF" vlink="#0066FF">


<!--TEXT -->
<!--LEFT HEADER -->
<!--Superior -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:40px; width:800pt; height:30pt; z-index:10"><div><font size="5pt" face="Tahoma"><font color="#FFFFFF">Superior Lending  </a></div></div></a></div>


<!--Associates, LC -->
<div class="text1" style="position:absolute; overflow:hidden; left:55px; top:65px; width:800pt; height:30pt; z-index:10"><div><font size="5pt" face="Tahoma"><font color="#FFFFFF">Associates, LC  </a></div></div></a></div>

<!--Line -->
<div class="text1" style="position:absolute; overflow:hidden; left:20px; top:63px; width:800pt; height:30pt; z-index:10"><div><font size="6pt" face="Times New Roman"><font color="#FFFFFF">______________</a></div></div></a></div>

<!--superior results, superior service -->
<div class="text1" style="position:absolute; overflow:hidden; left:55px; top:100px; width:800pt; height:30pt; z-index:10"><div><font size="1pt" face="Tahoma"><font color="#FFFFFF">superior service • superior results</a></div></div></a></div>



<!--MAIN PAGE HEADER -->
<!--Welcome to Mortgage Cents -->
<div class="text1" style="position:absolute; overflow:hidden; left:375px; top:15px; width:850pt; height:30pt; z-index:10"><div><font size="5pt" face="Tahoma"><font color="#0066FF"><i><u>Welcome to 'Mortgage  Cents'</u></i></a></div></div></a></div>

<!--Southern Utah's premier... -->
<div class="text1" style="position:absolute; overflow:hidden; left:267px; top:50px; width:800pt; height:500pt; z-index:10"><div><font size="2pt" face="Tahoma"><a href="http://www.mymortgagecents.com/aboutus.html"STYLE="TEXT-DECORATION: NONE"><font color="#8E8469"> <i><b>Southern Utah's Premier Source for Mortgage Related Topics and Information</b></i></a></div></div>

<!--St George.ut.usa -->
<div class="text1" style="position:absolute; overflow:hidden; left:548px; top:410px; width:800pt; height:30pt; z-index:10"><div><font size="1pt" face="Tahoma"><font color="#139F34"><b>ST GEORGE.UT.USA</b></div></div>

<!--Address -->
<div class="text1" style="position:absolute; overflow:hidden; left:548px; top:430px; width:800pt; height:30pt; z-index:10"><div><font size="2pt" face="Tahoma"><font color="#8E8469">230 North 1680 East Ste D2<br>St. George, UT 84790</div></div>


<!--Phone -->
<div class="text1" style="position:absolute; overflow:hidden; left:548px; top:470px; width:800pt; height:30pt; z-index:10"><div><font size="2pt" face="Tahoma"><font color="#8E8469">Phone: (435) 627-0494<br>Fax: (435) 627-0420</b></br></div></div>

<!--E-mail -->

<div class="text1" style="position:absolute; overflow:hidden; left:548px; top:511px; width:800pt; height:30pt; z-index:10"><div><font size="1pt" face="Tahoma"><font color="#8E8469"><b>E-mail:</b></div></div>

<!--accreditations -->
<div class="text1" style="position:absolute; overflow:hidden; left:290px; top:378px; width:800pt; height:30pt; z-index:10"><div><font size="2pt" face="Tahoma"><font color="#8E8469"> <b>accreditations</b> </a></div></div>



<!--LINKS -->
<!--Our Services -->
<div class="text1" style="position:absolute; overflow:hidden; left:290px; top:85px; width:800pt; height:30pt; z-index:10"><div><font size="2pt" face="Tahoma"><a  href="http://www.mymortgagecents.com/ourservices.html"STYLE="TEXT-DECORATION: NONE"><font color="#8E8469"> <b>our services</b> </a></div></div>

<!--Our services text -->
<div class="text1" style="position:absolute; overflow:hidden; left:290px; top:101px; width:800pt; height:300pt; z-index:10"><div><font size="2pt" face="Tahoma"><font color="#0066FF">&nbsp we offer every mortgage loan that is<br>&nbsp &nbsp available on the market today!<br>&nbsp &nbsp &nbsp &nbsp • fha/va<br>&nbsp &nbsp &nbsp &nbsp • construction (lot & land loans)<br><br><br><br><br>&nbsp &nbsp &nbsp &nbsp • purchases<br>&nbsp &nbsp &nbsp &nbsp • refinance (rate & term/cash-out)<br>&nbsp &nbsp &nbsp &nbsp • debt consolodation<br>&nbsp &nbsp &nbsp &nbsp • term reduction<br>&nbsp &nbsp &nbsp &nbsp • 1st and 2nds (HELOC)<br>&nbsp &nbsp &nbsp &nbsp • credit report repair</a></div></div>

<!--News & Events -->
<div class="text1" style="position:absolute; overflow:hidden; left:528px; top:85px; width:800pt; height:30pt; z-index:10"><div><font size="2pt" face="Tahoma"><a href="http://www.mymortgagecents.com/aboutus.html"STYLE="TEXT-DECORATION: NONE"><font color="#8E8469"> <b>news & events</b> </a></div></div>

<!--News & Events Bulletpoints -->
<div class="text1" style="position:absolute; overflow:hidden; left:510px; top:110px; width:800pt; height:300pt; z-index:10"><div><font size="2pt" face="Tahoma"><font color="#0066FF">&nbsp &nbsp &nbsp &nbsp • Toastmasters<br>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp  Mondays - 7:00am<br><br>&nbsp &nbsp &nbsp &nbsp • Chamber of Commerce<br>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp  Wednesdays 12:00pm<br><br>&nbsp &nbsp &nbsp &nbsp • Southern Utah Networkers<br>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp  Fridays - 7:30am<br><br>&nbsp &nbsp &nbsp &nbsp • Mortgage Cents Radio Show<br>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Saturdays 11:00am<br><br>&nbsp &nbsp &nbsp &nbsp • Financial Freedom Classes</a></div></div>



<!--Contact Us -->
<div class="text1" style="position:absolute; overflow:hidden; left:528px; top:378px; width:800pt; height:30pt; z-index:10"><div><font size="2pt" face="Tahoma"><a href="http://www.mymortgagecents.com/contactus.html"STYLE="TEXT-DECORATION: NONE"><font color="#8E8469"><b>contact us</b></a></div></div>

<!--e-mail link -->
<div class="text1" style="position:absolute; overflow:hidden; left:590px; top:511px; width:800pt; height:30pt; z-index:10"><div><font size="1pt" face="Tahoma"><a href="mailto:[email protected]"><font color="#139F34"><u><b>[email protected]</b></u></font></a></div></div>



<!--bullet points -->
<!--Home -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:150px; width:800pt; height:30pt; z-index:10"><div><font size="3pt" face="Tahoma"><a href="http://www.mymortgagecents.com/index.html" STYLE="TEXT-DECORATION: NONE"><font color="#FFFFFF">•  home</a></div></div></a></div>

<!--MMA -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:275px; width:800pt; height:30pt; z-index:10"><div><font size="3pt" face="Tahoma"><font color="#FFFFFF">•  money merge account</div></div></a></div>

<!--About Us -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:175px; width:800pt; height:30pt; z-index:10"><div><font size="3pt" face="Tahoma"><a href="http://www.mymortgagecents.com/aboutus.html" STYLE="TEXT-DECORATION: NONE"><font color="#FFFFFF">•  about us</a></div></div></a></div>

<!--Mortgage Cents Radio -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:250px; width:800pt; height:30pt; z-index:10"><div><font size="3pt" face="Tahoma"><a href="http://www.mymortgagecents.com/mortgagecents.html" STYLE="TEXT-DECORATION: NONE"><font color="#FFFFFF">•  mortgage cents radio</a></div></div></a></div>

<!--Southern Utah Networkers -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:300px; width:800pt; height:30pt; z-index:10"><div><font size="3pt" face="Tahoma"><a href="http://www.southernutahnetworkers.com" STYLE="TEXT-DECORATION: NONE"><font color="#FFFFFF">•  businesses worth doing<br>&nbsp &nbsp business with</a></div></div></a></div>

<!--Credit Report Repair -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:225px; width:800pt; height:30pt; z-index:10"><div><font size="3pt" face="Tahoma"><a href="http://www.mymortgagecents.com/creditreportrepair.html" STYLE="TEXT-DECORATION: NONE"><font color="#FFFFFF">•  credit report repair</a></div></div></a></div>

<!--Apply Now -->
<div class="text1" style="position:absolute; overflow:hidden; left:40px; top:200px; width:800pt; height:30pt; z-index:10"><div><font size="3pt" face="Tahoma"><a href="http://www.mymortgagecents.com/application.html" STYLE="TEXT-DECORATION: NONE"><font color="#FFFFFF">•  apply now</a></div></div></a></div>




<!--background images -->
<!--House Image -->
<div class="image1" style="position:absolute; overflow:visible; left:10px; top:0px; width:1050px; height:2917px; z-index:0"><img src="http://www.mymortgagecents.com/images/background/housetemplate2.jpg" border=0 width=242 height=650></div>

<!--middle box -->

<div class="image2" style="position:absolute; overflow:hidden; left:280px; top:80px; width:475pt; height:266pt; z-index:0"><img src="http://www.mymortgagecents.com/images/background/middlebox.jpg" border=0 width=475 height=266></div>

<!--map -->
<div class="image3" style="position:absolute; overflow:hidden; left:514px; top:370px; width:216pt; height:187pt; z-index:0"><img src="http://www.mymortgagecents.com/images/background/map.jpg" border=0 width=216 height=187></div>

<!--Copyright -->
<div class="image4" style="position:absolute; overflow:hidden; left:344px; top:560px; width:360pt; height:22pt; z-index:0"><img src="http://www.mymortgagecents.com/images/background/copyright.jpg" border=0 width=360 height=22></div>

<!--apply now button -->
<div class="image1" style="position:absolute; overflow:visible; left:460px; top:342px; width:118px; height:38px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/applybutton.jpg" border=0 width=118 height=35></div>



<!--logos -->
<!--Chamber -->
<div class="image1" style="position:absolute; overflow:visible; left:290px; top:395px; z-index:0"><a href="http://www.stgeorgechamber.com"><img src="http://www.mymortgagecents.com/images/main_page/chamber.jpg" border=0 width=100 height=52></a></div>

<!--UAMB -->
<div class="image1" style="position:absolute; overflow:visible; left:460px; top:448px; width:118px; height:38px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/uamb.jpg" border=0 width=50 height=58></div>

<!--Toastmasters -->
<div class="image1" style="position:absolute; overflow:visible; left:280px; top:505px; width:118px; height:38px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/toastmasterssmlogo.jpg" border=0 width=70 height=65></div>

<!--Equal Housing -->
<div class="image1" style="position:absolute; overflow:visible; left:375px; top:448px; width:72px; height:73px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/equalhousing.jpg" border=0 width=62 height=63></div>

<!--NAMB -->
<div class="image1" style="position:absolute; overflow:visible; left:360px; top:530px; width:118px; height:38px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/namb.jpg" border=0 width=90 height=20></div>

<!--Cherry Creek -->
<div class="image1" style="position:absolute; overflow:visible; left:460px; top:508px; width:118px; height:38px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/cherrycreekradio.jpg" border=0 width=55 height=55></div>

<!--KDXU Logo -->
<div class="image1" style="position:absolute; overflow:visible; left:280px; top:455px; width:118px; height:38px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/kdxu.jpg" border=0 width=75 height=45></div>

<!--Southern Utah Networkers Logo -->
<div class="image1" style="position:absolute; overflow:visible; left:400px; top:390px; width:118px; height:38px; z-index:0"><img src="http://www.mymortgagecents.com/images/main_page/sun.jpg" border=0 width=100 height=52></div>










</body>
</html>
 
Last edited by a moderator:
You must log in or register to reply here.
Back
Top Bottom