Trying to put together what I would consider a simple box, using Visual Studio 2005 and a ASP 2.0 Web Project. I gutted everything except just the box I'm having trouble with, hoping someone may be able to help.
This is what it looks like in the VS IDE:
http://home.earthlink.net/~spectator1/ss/vside1.jpgIf I right click the project, View in Browser, it looks like this:
http://home.earthlink.net/~spectator1/ss/vib1.jpgHere is the web page hosted on my earthlink account:
http://home.earthlink.net/~spectator1/css/Default.aspxQuestion 1:
What I'm attempting to do is close the gap on the bottom between the main center content and the bottom of the box. I've been reading forums and internet web sites for a few days now, going nuts trying to figure it out.
Question 2:
Why does the content display different when I view it in the Browser from the IDE if anyone knows?
Here is the code on the main page:
CODE
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>Untitled Page</title>
<link rel="stylesheet" type="text/css" href="boxes.css" />
</head>
<body>
<form id="form1" runat="server">
<div id="quicklinks">
<div class="plainBox-top">
<div class="plainBox-cnt">
<ul class="none">
<li>
<a href="">
<img src="images/icons/acct_management.jpg"/>Account Management</a>
</li>
<li>
<a href="">
<img src="images/icons/acc_creation.jpg"/>Account Creation</a>
</li>
<li>
<a href="">
<img src="images/icons/retrieve_pwd.jpg"/>Retrieve Password</a>
</li>
</ul>
</div>
</div>
<div class="plainBox-bot"/>
</div> <!-- QuickLinks -->
</form>
</body>
</html>
Here is the CSS file content:
CODE
#quicklinks { width: 220px; }
#quicklinks .plainBox-top { height: 25px; background: url('images/sidebar-rt/ql-plainBox-top.jpg') no-repeat 0 0; }
#quicklinks .plainBox-cnt { margin-top: 25px; background: url('images/sidebar-rt/ql-plainBox-cnt-bg.jpg') repeat-y 0 0; }
#quicklinks .plainBox-bot { height: 13px; background: url('images/sidebar-rt/ql-plainBox-bot.jpg') no-repeat 0 0; }
This post has been edited by Cider123: 9 Jul, 2007 - 09:32 AM
9 Jul, 2007 - 09:24 AM
| 