1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

What is wrong with this code?????

Discussion in 'HTML & Website Design' started by joshril, Mar 27, 2005.

0
  1. #1
    I was working on the home page and when i input text, the whole pages messes up.. I'm an html amateur... will someone help me!! http://www.dontoverspend.com

    <!-- Content --><br><br>
    <img src="images/hr_top.gif" width="528" height="58" border="0">

    <blockquote><p align="justify"><font face="verdana" color="#000000" size="2">Welcome to <i>DontOverSpend.com</i>! Our goal is to connect you with the best rates for health, life, auto, and home owner's insurance. We want to do all the work for you in the search for affordable insurance quotes! Simply select the type of insurance quote you're looking for and you're on your way to a competitive rate from several of the industry's top rated carriers.</font></p>

    <br><p align="justify"><a href="http://www.dontoverspend.com/health"><i><font face="verdana" color="#3300FF" size="2">Health Insurance Quote</font></i></a></p>
    <p align="justify"><a href="http://www.dontoverspend.com/life"><i><font face="verdana" color="3300FF" size="2">Life Insurance Quote</font></i></a></p>
    <p align="justify"><a href="http://www.dontoverspend.com/auto"><i><font face="verdana" color="3300FF" size="2">Auto Insurance Quote</font></i></a></p>
    <p align="justify"><a href="http://www.dontoverspend.com/homeins"><i><font face="verdana" color="3300FF" size="2">Home Owner's Insurance Quote</font></i></a></blockquote></p>
    <br><br><br><br><br><br>

    <img src="images/hr_bot.gif" width="528" height="44" border="0">
    <!-- Content -->
     
    joshril, Mar 27, 2005 IP
  2. Tuning

    Tuning Well-Known Member

    Messages:
    1,005
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    138
    #2
    I would say use CSS :D

    Using CSS will help getting clean code more friendly for SE's.;)
     
    Tuning, Mar 27, 2005 IP
  3. sarahk

    sarahk iTamer Staff

    Messages:
    28,500
    Likes Received:
    4,460
    Best Answers:
    123
    Trophy Points:
    665
    #3
    Joshril


    You have <br> outside of the <p></p> - leaving it orphaned

    and don't go overboard on the CSS thing but by using it judiciously even the newest of newbies can cut out 90% of the code above - leaving just your content. Well worth the effort.

    here's an example
    <html>

	<head>
		<style>
		p   { 
		color: #000000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss; 
		font-size: 12px;
		text-align: justify }
		a  { color: #3300ff; font-style: italic }
		blockquote { margin-left: 10px; margin-right: 100px;}
		</style>
	</head>

	<body bgcolor="#ffffff">
		<!-- Content --><br><br>
<img src="images/hr_top.gif" width="528" height="58" border="0">
		<blockquote><p>Welcome to <i>DontOverSpend.com</i>! Our goal is to connect you with the best rates for health, life, auto, and home owner's insurance. We want to do all the work for you in the search for affordable insurance quotes! Simply select the type of insurance quote you're looking for and you're on your way to a competitive rate from several of the industry's top rated carriers.</font></p>

<p><a href="http://www.dontoverspend.com/health">Health Insurance Quote</a></p>
<p><a href="http://www.dontoverspend.com/life">Life Insurance Quote</a></p>
<p><a href="http://www.dontoverspend.com/auto">Auto Insurance Quote</a></p>
<p><a href="http://www.dontoverspend.com/homeins">Home Owner's Insurance Quote</a><p>
</blockquote>
<img src="images/hr_bot.gif" width="528" height="44" border="0">
<!-- Content -->

	</body>

</html>
    Code (markup):
    Sarah
     
    sarahk, Mar 28, 2005 IP
  4. joshril

    joshril Guest

    Messages:
    271
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I tried the above code and it still caused a tearing of the website.. Go look at my site dontoverspend.com and look at what the text makes it do. That doesn't happen until I add the body text... I don't know what I'm doing wrong...
     
    joshril, Mar 28, 2005 IP
  5. sarahk

    sarahk iTamer Staff

    Messages:
    28,500
    Likes Received:
    4,460
    Best Answers:
    123
    Trophy Points:
    665
    #5
    I suspect that if you change

    <body bgcolor="#ffffff" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">

<table border="0" cellpadding="0" cellspacing="0">
    Code (markup):
    to
    <body bgcolor="#ffffff" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width='800'>
    Code (markup):
    You'll see it all come right. Your background is trying to do too much. I'd be inclined to break it up and apply it to each section. After all, by limiting yourself to 800wide you're losing alot of screen space for many users.

    Sarah
     
    sarahk, Mar 28, 2005 IP
  6. joshril

    joshril Guest

    Messages:
    271
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Wow... That fixed it right up! Thanks so much!!
     
    joshril, Mar 28, 2005 IP