Learn VBA & Macros in 1 Week!

HTML - Minor Line-up Problem

Full Excel VBA Course - Beginner to Expert

Minor Line-up Problem	View Content

Hey Guys,

I just got my latest project online and finished the flash banner for it but for some reason the flash banner seems to be off by 1 pixel to the right, its hardly noticeable but it's buggin me. I dont know if this is an HTML fix or CSS but this is the site.

Thanks!

Full Excel VBA Course - Beginner to Expert

Big Yet Minor Problem

Similar Tutorials

View Content

A link on a particular website to my website was published incorrectly. I contacted the webmaster but the problem is that they work VERY slow and the necessary change will not be done for a while.

They added a "space" and a "backslash" to my address. It reads "whateverwebsite.com /" So when people click on it they are given a server error and the site won't load.

Is there anything I can do to make my web address pull up with that space after .com?

Thank you for any help you can provide. This is really hurting my business since its the main external link to our site.

Minor White Space Problem

Similar Tutorials

View Content

Here's what I have...

http://img378.imageshack.us/img378/502/currentmw7.jpg

...and here's what I'm trying to get...

http://img388.imageshack.us/img388/3810/wantedvp6.jpg

Basically, just rid of the white space above "Looking Out For You". Here's the coding for the page in a text file...

http://www.megaupload.com/?d=JG3ELL2T

If anyone can help me with coding or anything (most likely a table I have to fix), that would amazing and greatly appreciated! Thank You!

Image Links, Minor Problem

Similar Tutorials

View Content

Hello all, thought maybe someone could help me with a basic problem I'm having. I am fairly new to html and stuff but am off to a start to get a site running.

The problem I am having is that the image i am using to link is offset vertically with vspace = 11 in order to line up lines with a border type thing. However, when you click the image link it includes the 11 pixels underneath it from vspace as part of the clickable link. Is there a way to make it so that only the image itself is a link and still add the 11 pixel spacing under it to get the image to line up with the rest of the site? Thanks!

Code:

<img style="width: 51px; height: 57px;" alt=" "
 src="images/icon/left.bmp"><a href="main.html"><img
 style="border: 0px solid; width: 92px; height: 30px;" alt=" "
 src="images/icon/bt1.bmp" vspace="11"></a>

Code is just the part of the 2 images: the first image, and the linked image that I want to line up with the first image.

Novice/rookie Needs Minor Help

Similar Tutorials

View Content

Hey guys:
I am new to this and have been catching on real quick. This is for my final project for college and i have one minor issue i have been looking into for the past 20 minutes now. I cannot get the nav bar on the left to align to the top near the banner i had created. Very simple for some but an issue for me. Sorry to bother you guys, and i did search for this issue. Thanks in advanced,

Oh and heres the site:
http://academ.hvcc.edu/~02479568/rude_rsx/photos.htm
Deric

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

#nav-menu #photos

{

color: #607650;

font-weight: bold;

}

</style>

<title>Photography</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" href="template.css" type="text/css">

</head>

<body>

<table>

<tr>

<td colspan="2"><img src="img/banner.jpg" alt="cars"></td>

</tr>

<tr>

<td width="218" height="766">
<div id="nav-menu">

<ul>

<li><a href="index.htm" id="home">Home</a></li>

<li><a href="photos.htm" id="photos">Photos</a></li>

<li><a href="mods.htm" id="mods">List of Mods</a></li>

<li><a href="insp.htm" id="insp">Inspirations</a></li>

<li><a href="events.htm" id="events">Events</a></li>

<li><a href="contact.htm" id="contact">Contact Me</a></li>

</ul>

</div>

</td>

<td valign="top" width="488">

<div class="content">

<center><h2>Photos</h2></center>

<p>This page will show you phot's of my vehicle taken my a Nikon D40 SLR Camera.
Pictures taken and photoshopped by M.I.</p>
<BR>
<center><p>(Click Images to Enlarge)</p></center>

<table>
<tr>
<td><a href="img/MyS3.jpg"><img align="left" src="img/MyS3.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS2.jpg"><img align="left" src="img/MyS2.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS1.jpg"><img align="left" src="img/MyS1.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS4.jpg"><img align="left" src="img/MyS4.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS5.jpg"><img align="left" src="img/MyS5.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS6.jpg"><img align="left" src="img/MyS6.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS7.jpg"><img align="left" src="img/MyS7.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS9.jpg"><img align="left" src="img/MyS9.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
</table>

</div>

</td>

</tr>

</table>

</body>

</html>

CSS file:

body
{
background-color: #C2C2C2;
margin-left: 100px;

}

.content
{
color: #5D734D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 2em;
margin-right: 2em;
}

.leftnav
{
background-color: #C2AD67;
width: 217px;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
height: 45px;
line-height: 45px;
width: 217px;
display: block;
border: none;
border-bottom: 3px solid #000000;
color: #755F3E;
text-decoration: none;
text-align: top;
text-indent: 0.8cm;
}

#nav-menu li a:hover
{
color: #FFFFFF;
font-weight: bold;
background-color: #424242;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */

#nav-menu
{
width: 217px;
}

Line Problem

Similar Tutorials

View Content

Hey i am having trouble with putting a horizontal line in.
I got the line in but it doesn't go all the way across the page.
It stops a bit before then end can someone please help?

White Line Problem

Similar Tutorials

View Content

Hey.
I have a problem.
When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it.
Help please!

Code:

<html>
<head>
<title>RaptorCo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="6">
			<img src="images/index_01.jpg" width="1024" height="15" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/index_02.jpg" width="217" height="753" alt=""></td>
		<td colspan="4">
			<img src="images/index_03.jpg" width="587" height="158" alt=""></td>
		<td rowspan="4">
			<img src="images/index_04.jpg" width="220" height="753" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_05.jpg" width="108" height="37" alt=""></td>
		<td>
			<img src="images/index_06.jpg" width="187" height="37" alt=""></td>
		<td>
			<img src="images/index_07.jpg" width="155" height="37" alt=""></td>
		<td>
			<img src="images/index_08.jpg" width="137" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/index_09.jpg" width="587" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
		     <img src="images/index_10.jpg"><div style="position: relative;top:  -500px;">text</div> 
	</tr>
</table>
</body>
</html>

White Line Problem

Similar Tutorials

View Content

Hey.
I have a problem.
When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it.
Help please!

Code:

<html>
<head>
<title>RaptorCo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="6">
			<img src="images/index_01.jpg" width="1024" height="15" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/index_02.jpg" width="217" height="753" alt=""></td>
		<td colspan="4">
			<img src="images/index_03.jpg" width="587" height="158" alt=""></td>
		<td rowspan="4">
			<img src="images/index_04.jpg" width="220" height="753" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_05.jpg" width="108" height="37" alt=""></td>
		<td>
			<img src="images/index_06.jpg" width="187" height="37" alt=""></td>
		<td>
			<img src="images/index_07.jpg" width="155" height="37" alt=""></td>
		<td>
			<img src="images/index_08.jpg" width="137" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/index_09.jpg" width="587" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
		     <img src="images/index_10.jpg"><div style="position: relative;top:  -500px;">text</div> 
	</tr>
</table>
</body>
</html>

White Line Problem

Similar Tutorials

View Content

Hey.
I have a problem.
When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it.
Help please!

Code:

<html>
<head>
<title>RaptorCo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="6">
			<img src="images/index_01.jpg" width="1024" height="15" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/index_02.jpg" width="217" height="753" alt=""></td>
		<td colspan="4">
			<img src="images/index_03.jpg" width="587" height="158" alt=""></td>
		<td rowspan="4">
			<img src="images/index_04.jpg" width="220" height="753" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_05.jpg" width="108" height="37" alt=""></td>
		<td>
			<img src="images/index_06.jpg" width="187" height="37" alt=""></td>
		<td>
			<img src="images/index_07.jpg" width="155" height="37" alt=""></td>
		<td>
			<img src="images/index_08.jpg" width="137" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/index_09.jpg" width="587" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
		     <img src="images/index_10.jpg"><div style="position: relative;top:  -500px;">text</div> 
	</tr>
</table>
</body>
</html>

Line Width Problem

Similar Tutorials

View Content

Hi, I am using tables in dreamweaver, making a bottom border for each cell, but I dont want it to go all the way across, I want a short bottom line, here is the code:

<td colspan="2" valign="top"style="border-bottom: 1px solid #AF0A10">

let me know how to make the bottom line at like 50%
Thanks!
-Sean

Html Line Problem

Similar Tutorials

View Content

I've create the line using html tag <hr> in my php program.
I modified the line style as <HR width="100%" COLOR="BLUE" SIZE="4" NOSHADE> but in the browser it doesn't show any color and line size as i modified.
It only shows a line with no effect (not blue color and size is normal).

When i tested it in the another php file, it works.
Is it becuase of my php coding in a file?or what?

My coding is
HTML Code:

<table id="content">
   <tr><td id="content" colspan="2"><HR width="100%" COLOR="BLUE" SIZE="4" NOSHADE></td>
   </tr>
  <tr>
    <td align="left"><?php if ($breadcrumb != ""): ?>
   <?php print $breadcrumb ?>
<?php endif; ?></td>
    <td><div align="right"><font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.yahoo.com" target="_blank">Yahoo</a> | <a href="http://www.google.com" target="_blank">Google</a></font></div></td>
  </tr>
</table>

Any idea or suggestions are welcome.

Table Problem Causing Vertical Line

Similar Tutorials

View Content

Something in this page is causing a vertical white line on the right hand side of the main table.

Can anyone help me figure this out?

www.massagelaunch.com

Thanks.

Html Canvas Line Width Problem

Similar Tutorials

View Content

I have found what seems to be a rather big problem in the HTML canvas

When drawing circles, and I presume all shapes, the size of the circle is different based on whether one is filling it, or sketching it.

If we have a circle of radius 10 and line width k, and we decide to fill it, that line width will be evenly dispersed about the perimeter of the circle such that half the line width is inside the circle, and half is outside the circle.

If, however, the same circle is sketched, the line width will still be the same, but it will now be dispersed entirely on the outside of the circle, thus making it larger.

If I am wrong, and this is how figures are supposed to be drawn, or if I am simply not using the right settings, please let me know =)

How To Put All Of This On One Line?

Similar Tutorials

View Content

I have this div:
Code:

<div>
Last Name
<input name="data[Provider][last_name]" type="text" class="input_style" maxlength="100" value="" id="ProviderLastName" />
<input class="submit_style" type="submit" value="Search" />
</div>

The way it's being displayed is having the last name string first and then the input and submit (both of them) under that last name string.

I would like for all of these values to be on the same line. How can I do that? <p> doesn't work, tried it. Anything I can do in CSS?

How To Make Put All This In One Line

Similar Tutorials

View Content

How make all of this on one line? (The div is the element that is not on the line)
Thanks!

HTML Code:

<input type=image value="Click Me!" src="http://sites.google.com/site/sam01110011/Home/face-grin.png" id="butCount" onClick="buttonClicked()">
<input type=image value="Reset" src="http://sites.google.com/site/sam01110011/_/rsrc/1258518796363/Home/face-sad.png" id="butReset" onClick="resetCounter()">
<div id="content_div" style=""></div>

How Do I Get Rid Of These Line Breaks?!

Similar Tutorials

View Content

Okay, so here's what I'm trying to do-

This is a short excerpt of my page, the part that is causing the problem:

HTML Code:

&lt;font color=#333333&gt;&lt;b&gt;Category: <div id="category" align="left">Category</div>&lt;/b&gt;&lt;/font&gt;

I want to DISPLAY the Html code on my site, so I'm using < and > to achive this. Its working perfectly.

Now, in the code that is being displayed- is an actual HTML code, that I want to turn into html. Here's where the problem is.

As you can see- the actual Html code is:

HTML Code:

<div id="category" align="left">Category</div>

I made sure not to change the tags, so that the browser will accept it as html.

Now- my problem is that when I publish this on my site, an ugly page break appears before & after the real html code. I want to be able to copy the code that appears, and just simply paste it onto another part of the site- BUT, because of the line break that occurs, the HTML isn't displayed properly.

Normally, a simple line break like this one won't affect anything- but I'm using WORDPRESS for my pages, and wordpress recognizes every time a line break happens, it makes a <br> code. So even if you press the enter key in HTML, it automatically ends up being a <br> code and breaks the whole html code.

How will I make it so that the line break DOESN"T happen?

TL;DR:

I want to display HTML code on my site, but I want to have an ACTUAL HTML CODE inside the html code to be displayed. When I do this, a line break happens before and after the ACTUAL HTML CODE. How do I get rid of this? What my page currently looks like:

HTML Code:

&lt;font color=#333333&gt;&lt;b&gt;Category: <div id="category" align="left">Category</div>&lt;/b&gt;&lt;/font&gt;

Please help, everything is greatly appreciated!

Vertical Line

Similar Tutorials

View Content

Is there an easy way to make a vertical line?

For example, some equivalent to <HR> ?

Thank you.

Html Line Help

Similar Tutorials

View Content

hello, Im a noob at HTML and was wondeirng if you guys/gals could help me.
Im trying to make a bracket and I am not sure how to make the line centered with the other lines.

here is the code
Code:

td {
vertical-align: middle;
width: 10em;
margin: 0;
padding: 0;
}

See how each horizontal lines are centered with the 2 horizontal lines that come before it in this example?
http://sharkspage.com/jpgs3/2007bracket2.gif

my problem is the code i'm using centers the horizontal line with the words on the lines, not the actual 2 horizontal lines. So if the word on the top line is 50 characters taking up 3 rows, and the word on the bottom line it 5 characters using 1 row, the line is way off-centered.

Here is my messed up Bracket
http://warchant.0catch.com/WarchantBracket.html

here is the HTML, couldn't fit the whole thing here so I only went as far as Region 1
HTML Code:

Warchant Movies
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Page Title</title>
<!-- link rel='stylesheet' href='style.css' type='text/css' -->
<style type="text/css">
<!--
table {
  border-collapse: collapse;
  border: none;
  font: small arial, helvetica, sans-serif;
}
td {
  vertical-align: middle;
  width: 10em;
  margin: 0;
  padding: 0;
}
td p {
  border-bottom: solid 1px black;
  margin: 0;
  padding: 5px 5px 2px 5px;
}
-->
</style>
</head>
<body>
<table summary="Tournament Bracket">


 <tr>
  <td><b>Region 1</b><p>1. Star Wars: Episode IV - A New Hope</p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
  <td rowspan="8"><p></p></td>
  <td rowspan="16"><p></p></td>
  <td rowspan="32"><p></p></td>
  <td rowspan="64"><p></p></td>
  <td rowspan="128"><b>Champion</b><p></p></td>
 </tr>
 <tr>
  <td><p>32. Wizard of Oz</p></td>
 </tr>
 <tr>
  <td><p><br>16. Fight Club</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>17. Old School</p></td>
 </tr>
 <tr>
  <td><p><br>9. Blazing Saddles</br></p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
 </tr>
 <tr>
  <td><p>24. Deer Hunter</p></td>
 </tr>
 <tr>
  <td><p><br>8. Tombstone</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>25. Clockwork Orange</p></td>
 </tr>
 <tr>
  <td><p><br>4. Saving Private Ryan</br></p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
  <td rowspan="8"><p></p></td>
 </tr>
<tr>
  <td><p>29. Star Trek II: The Wrath of Kahn</p></td>
 </tr>
 <tr>
  <td><p><br>13. The Longest Day</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>20. The Longest Yard (Original)</p></td>
 </tr>
 <tr>
  <td><p><br>12. Apocalypse Now<br></p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
 </tr>
 <tr>
  <td><p>21. Jaws</p></td>
 </tr>
 <tr>
  <td><p><br>5. Raiders of the Lost Ark</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>28. Boyz in the Hood</p></td>
 </tr>
<tr>
  <td><p><br>2. Braveheart</br></p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
  <td rowspan="8"><p></p></td>
  <td rowspan="16"><p></p></td>
 </tr>
 <tr>
  <td><p><br>31. Say Anything</br></p></td>
 </tr>
 <tr>
  <td><p><br>15. Bridge Over the River Kwai</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>18. The Magnificent Seven</p></td>
 </tr>
 <tr>
  <td><p><br>10. The Incredibles</br></p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
 </tr>
 <tr>
  <td><p>23. The Quiet Man</p></td>
 </tr>
 <tr>
  <td><p><br>7. The Godfather</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>26. Tora, Tora, Tora</p></td>
 </tr>
 <tr>
  <td><p><br>3. The Big Labowski</br></p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
  <td rowspan="8"><p></p></td>
 </tr>
 <tr>
  <td><p>30. Return to Me</p></td>
 </tr>
 <tr>
  <td><p><br>14. Young Frankenstein</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>19. Rocky IV</p></td>
 </tr>
 <tr>
  <td><p><br>11. A Bridge Too Far</br></p></td>
  <td rowspan="2"><p></p></td>
  <td rowspan="4"><p></p></td>
 </tr>
 <tr>
  <td><p>22. A Few Good Men</p></td>
 </tr>
 <tr>
  <td><p><br>6. Full Metal Jacket</br></p></td>
  <td rowspan="2"><p></p></td>
 </tr>
 <tr>
  <td><p>27. Goodfellas</p></td>
 </tr>
<br>

Appreciate any help

Line Breaks...is There A Better Way?

Similar Tutorials

View Content

Forgive me for this rather elementary question...I'm a T-shirt printer and I've learned enough html to build my own website, but I have a lot more to learn about it...Anyway the problem I'm having is when I add an image and want the next paragrah, or headline to display below the image, I've been accomplishing it by adding line breaks until it appears below rather than off to one side. Sometimes I have to add as many as seven or eight <br />'s to achieve my purpose. Is there a better way to make something appear below an image?

Tables Don't Line Up In I.e.

Similar Tutorials

View Content

Hello all, I'm trying to do some simple table work for a webpage. The basic set up is this:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Team Funcom</title>
    </head>
	<body background="background.jpg">
		<table border="1" align="center";  cellpadding="0">
	  		<tr>
	    		<td width="100%" valign="top">		
					<table border="1" width="100%">
						<tr>
							<td colspan="3" align="center">
								STUFF
							</td>
						</tr>
						<tr>
							<td colspan="3" align="center">
							        STUFF					
							</td>
						</tr>					
						<tr>
							<td colspan="2">
								STUFF
							</td>
							<td rowspan="2" align="center">
								STUFF
							</td>
						</tr>
						<tr>
							<td align="center">
								STUFF
							</td>
							<td align="center">
								STUFF
							</td>			
						</tr>
						<tr>
							<td colspan="3">
								STUFF
							</td>
						</tr>	
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

I'm using some CSS to do some transparancy and some JavaScript to change some menu images onmouseover, not shown here.

The problem is that when I put the rest of my code into the above tables, things line up in Opera, but not in I.E. I am using a table within a table, so that I can line things up in the center of the page, and that seems to be causing the problem. In Opera the outer table centers and is only as wide as it needs to be, but in IE the outer table's width takes up the whole page. Also, as I make the page smaller in I.E., the tables seems to overlap. Firefox makes things line up a bit better, but there are still some problems.

Any thoughts here? I've attached the full code I'm working with. I had to change it to .txt so that I could upload it as an attachment.

Here's what the page looks like in Opera at the moment.

Components On New Line

Similar Tutorials

View Content

Hi,

I've a grid and a charting component included in my form. I haven't included any new line between the grid and chart, but in the display they're on different line.

I tried the following:

1. Increased the body width.
2. Tried increasing the <div> height & width.

Eventhough the width increases they're still on different line. What might be the problem?

Here is the code snippet:



Thanks for your time,
SD