I've been struggling to make progress on this task over the past couple of days, encountering roadblocks with no clear solution in sight. The maze of nested divs I'm navigating through might be playing tricks on my mind, so having a fresh pair of eyes look at the code and provide some guidance would be greatly appreciated.
Current URL:
Desired URL structure:
I decided to revamp this website because the original version heavily relied on tables, and I'm on a mission to eliminate that practice from my coding repertoire. This revamp is essentially an exercise in moving away from table-based layouts for good!
The following CSS snippet can be found at:
@charset "utf-8";
#bodytext {
color: #6B6351;
font-family: arial, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14pt;
margin: 35px 0px 0px 30px;
width: 370px;
}
#logo {
float: left;
background: url(../images/logosmall.gif) no-repeat;
width: 75px;
height: 152px;
text-indent: -9999px;
}
#process_title {
clear: both;
float: left;
background: url(../images/process/process_title.gif) no-repeat;
width: 75px;
height: 347px;
text-indent: -9999px;
}
#header {
float: left;
background: url(../images/process/header.gif) no-repeat;
width: 163px;
height: 26px;
text-indent: -9999px;
margin-top: 1px;
}