Sign In
Create Account
Follow Us on Twitter
Subscribe on Youtube
3
A
B
3 replies to this topic
#1
Posted 12 November 2011 - 05:23 PM
DenKain
-
- Members
-
- 29 posts
Newbie
Sorry I am not much of a web developer. How would I go about fixing the spacing issue in picture A to look like picture B which has been photo edited?
A
B
A
B
Back to top|
|
|
#2
Posted 12 November 2011 - 09:00 PM
Vaielab
-
- Members
-
- 547 posts
Programming God
Can you give us the code you have?
#3
Posted 13 November 2011 - 02:37 PM
DenKain
-
- Members
-
- 29 posts
Newbie
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Louisville IT Solutions</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1 class="active"><a href="/temp/index.html">Louisville IT Solutions</a></h1>
<h2><a href="/temp/index.html">No problems, just solutions</a></h2>
</div>
<!-- end div#logo -->
<div id="menu">
<ul>
<li><a href="/temp/portfolio.html">Portfolio</a></li>
<li><a href="/temp/about.html">About</a></li>
<li><a href="/temp/contact.html">Contact Us</a></li>
<li><a href="/temp/services.html">Services</a></li>
</ul>
</div>
<!-- end div#menu -->
</div>
<!-- end div#header -->
<div id="page">
<div id="content">
<div id="welcome">
<h1>Things you want</h1>
<div id="sample1" class="boxed">
<h2 style="color: #AA2808;">Business</h2>
<ul>
<b>Application Development</b>
<li><a href="/temp/services/custom-software-solutions.html">Custom Software Solutions</a></li>
<li>Application Testing and Debugging</li>
<li><a href="/temp/services/custom-application-development.html">Custom Application Development</a></li>
<li>Database Design</li>
<li>Re-Code Existing Project</li>
<br />
<b>Disaster Recovery</b>
<li>Data Recovery</li>
<li>Historic Preservation Counseling</li>
<br />
<b>Networking</b>
<li>Security Audits and Penetration Testing</li>
<li>*nix and Windows Server Administration</li>
<br />
<b>IT Consulting</b>
<li>Basic IT Consulting</li>
</ul>
</div>
<!-- end div#sample1 -->
<div id="sample2" class="boxedRight">
<h2 style="color: #AA2808;">Residential</h2>
<ul>
<li>Basic Troubleshooting Support</li>
<li>Installing and Securing Home Networks</li>
<li>Anti-Virus and Anti-Malware Services</li>
<li>Data Preservation</li>
</ul>
</div>
<!-- end div#sample2 -->
<ol>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
<hr></hr>
<br />
<a href="https://twitter.com/#!/LouisvilleITSol" target="_blank"><img src="/temp/images/icons/twitter.png" alt="Twitter"/></a>
<a href="https://www.linkedin.com/company/louisville-it-solutions" target="_blank"><img src="/temp/images/icons/linkedin.png" alt="LinkedIn"/></a>
<a href="https://plus.google.com/115586803807887472090" target="_blank"><img src="/temp/images/icons/g-plus-icon-150x150.gif" style="width:32px;height:32px;" alt="Google+"/></a>
</ol>
</div>
<!-- end div#welcome -->
</div>
<!-- end div#content -->
<div id="sidebar">
<ul>
</ul>
</div>
<!-- end div#sidebar -->
<div style="clear: both; height: 1px"></div>
</div>
<!-- end div#page -->
<div id="footer">
<p id="legal">Copyright © 2011 Louisville IT Solutions. All Rights Reserved.</p>
<p id="links"><a href="/temp/privacy.html">Privacy Policy</a> | <a href="/temp/terms.html">Terms of Use</a></p>
</div>
<!-- end div#footer -->
</div>
<!-- end div#wrapper -->
</body>
</html>
#4
Posted 15 November 2011 - 12:43 PM
keivamp
-
- Members
-
- 10 posts
Newbie
Looks to me like its a problem with your style sheet because if you separate out the division with the list as a separate file it looks correct. Check the width measurements on your id="sample1" class="boxed" style elements.
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users
