21 replies [Last post]
INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

I am beginning to think this is not possible. The code is below. The images are their but the two side ones are not showing up or they do not even work like the top leaves. I even dropped the 2 layers lft & rgt inside the top layer that does work and the top layer still works but the other 2 still don't, puzzling. Here are the link

http://www.lasalleboat.org/index2.htm

On number 2 the links do not work the leaves layer/DIV/AP Element is above the links layer

http://www.lasalleboat.org/index3.htm

On number three the links work but they move over the graphic and the links layer is above the leaves layer

I have tried adding two more layers one on each side of the page and put thin graphics.png in the layers so they clear the links and made the leaves graphic crop at the bottom of the trees line so it cleared the links neither of the two layers I added will work or show up withe code below so I tried putting the two lft & rgt layers inside the leaf layer and resize the leaf layer and that kind works but not you can see this at the next link.

http://www.lasalleboat.org/index4.htm

Any suggestions welcome.

INVT

Attach Code

#body { background:url(../leave_boarder_long.png) no-repeat fixed center top} #bodylft { background:url(../lft_boarder.png) no-repeat fixed left top } #bodyrgt { background:url(../rgt_boarder.png) no-repeat fixed right top }

PeterPan
PeterPan's picture
Offline
Enthusiast
London
Last seen: 9 years 48 weeks ago
London
Joined: 2008-03-13
Posts: 51
Points: 11

ok, dont really have an

ok, dont really have an answer for your question, but if i can just make a suggestion or 2...try not to name your styles, "style1", "style2", etc. The reason for this is because it makes the code kinda hard to read and to understand.

Also, just a thought, if all your pages are the same with out any structural changes, why not create some for of a template? So in your development stage you just need to test and fix 1 page. this would cut down the problem of having many pages with many different problems on them.

just a though!

INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

I Agree

This is an actual template that I am trying to prepare to use for all of the interior pages. Once I can get it to work the content layer is the only thing I will change. I will try your suggestion about the (style names).

Thanks for your suggestions!

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

INVT,

INVT,
I'm afraid a rebuild is in order. I (and others on this board) would be happy to help you. You first need to understand there are no layers - that's a DW concept. Then you need to lose all inline styling, all absolute positioning (it has it's place, but not where you've used it), and all presentational tags (br). A lot of your content is not marked up properly - divs and spans are structural tags and convey no meaning to it's content.

If you're willing to give this a try, post back with your new html and we'll critique it further. And then style it the way you want.

INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

A few questions and inside story

I'm afraid a rebuild is in order. I (and others on this board) would be happy to help you. You first need to understand there are no layers - that's a DW concept.

I assume you use the term "Div tags"

Then you need to lose all inline styling,

This was accidental and I never moved them to the style sheet I was using

all absolute positioning (it has it's place, but not where you've used it), and all presentational tags (br).

I assume you will tell me what to use here right, in place of the
?

A lot of your content is not marked up properly - divs and spans are structural tags and convey no meaning to it's content.

Can you explain what this means so I don't do it again when I revamp it?

If you're willing to give this a try, post back with your new html and we'll critique it further. And then style it the way you want.

Yes I am for several reasons to learn correct html and CSS and the following reason...

I want to let you know that up front that the design firm convinced the client to go else where to finish the development of the site. I had issues because of some of their requests that were not inline with standards like not using CSS and using graphics for text just to make the fonts look the way the wanted them to among other things. I expressed these issues with the client and because the design agency does their graphics but mostly politics, I am now left without the contract and proving to them they where wrong. I quoted this project based on my design and functionality but when awarded the contract I was told to take direction from a design firm and use their design who does not do web development or even have an experienced web designer in house.

To make a long story short this just happened in the last day or so but I am determined to finish the site regardless. I want to finish the site before they can finish what I already built. I will be handing over the server and copying the files to my server where I can work on them.

So as you can see I greatly appreciate your help. Sorry for the drama but I needed to get that off my chest and explain why I am switching servers.

Thanks,

INVT

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Here is how I see this page

Here is how I see this page in html (it's a quick throw together, not a 'this must be followed exactly because I said so'). I've assumed the booking info was meant to be in the footer?.

Page Title



Welcome aboard, next stop 1848

All Aboard!


Board the horse-drawn LaSalle Canal Boat, and enjoy the scenery, history and relaxation of a ride on the waterway that changed the face of the nation – the historic Illinois & Michigan Canal.


Your one-hour, roundtrip journey on a full-size replica canal boat will take you on the same hand-dug waterway that 19th century pioneers traveled. Your guides, dressed as Canal Era crew and passengers, will take you back in time to life on the American frontier and the Illinois prairie.


Spend the day, or spend the weekend. The popular Starved Rock State Park and a host of other attractions are only minutes away.


More coming soon






Your layers term can be translated to divisions, or divs for short. Notice that there is no anonymous text - text that does not lie between html tags, or directly in divs or spans (remember they're structural). Headings are marked up as such, paragraphs and anchors as well. Then I've divided the whole thing into a few divisions - content, nav, and footer; and wrapped then all in another division, the container. All this was done with the content in mind - not the design (although some thought was reserved, hence the divisions). Once you have your content marked up with valid html, the presentation can be tackled. We can address this next.

INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

I undertand... html first design and layout second...

I do have some questions..

I don't see a domain http://www.whatever.com/css/base.css and I don't have a base.css in my css folder how does this work. How is the nav text formatted with bullets and indented using li and ul tags.
Is it already in the browsers. I noticed they use these in some of the spry widgets css style sheet DW creates. I have used them to style an accordian widget that works really well.

I so have to say very clean both in code view and preview. I'm eager to see more.

I am assuming that we will tell the div tag how to look for the next step.

I do understand how you only have 4 div tags content, nav, footer, rapped by the container div. I looked at what I had and I see that each text tag had allot of crap and you just have one tag the opne and the close and there is fomatting "wierd".

I also noticed you are using xhtml1-strict.dtd for the page DOCTYPE
PAst trainings have said to use XHTML tranistional 1.0 is this not right?

I'm assuming what you used keeps the code honest or (strict).

Anyway what do you want me to do next?

By the way thanks!

INVT

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

INVT wrote:I don't see a

INVT wrote:
I don't see a domain http://www.whatever.com/css/base.css and I don't have a base.css in my css folder how does this work.
There currently is no stylesheet. I was just preparing for one. We can name it anything you want.
Quote:
How is the nav text formatted with bullets and indented using li and ul tags.
Is it already in the browsers. I noticed they use these in some of the spry widgets css style sheet DW creates. I have used them to style an accordian widget that works really well.
Most (if not all) browsers will have a default stylesheet built-in. Most will indent and bullet unordered lists. We can further style to our liking.
Quote:
I so have to say very clean both in code view and preview. I'm eager to see more.
I hope you're not relying on DW too much. I would not use preview mode at all (actually I don't use DW at all) but use actual browsers. The code is clean - that's sort of the whole point I'm trying to make. I've taken the content, marked it up as appropriate, and set some basic structure - all using current standards.
Quote:
I am assuming that we will tell the div tag how to look for the next step.
Coming up next.
Quote:
I do understand how you only have 4 div tags content, nav, footer, rapped by the container div. I looked at what I had and I see that each text tag had allot of crap and you just have one tag the opne and the close and there is fomatting "wierd".
Not that weird. Again, most browsers have default styles for most elements. So, in using semantically correct tags (p, hx, ul, li, etc) we've been treated to a simple default style.
Quote:
I also noticed you are using xhtml1-strict.dtd for the page DOCTYPE
PAst trainings have said to use XHTML tranistional 1.0 is this not right? I'm assuming what you used keeps the code honest or (strict).
If you're making quick changes to an old document, then transitional is probably best, but we're doing a total rebuild. There is great debate over which doctype to use. I'm not a diehard in this arena. I loosely believe that new documents should conform to current standards (not older deprecated ones), but I also believe there are exceptions. I also like xhtml over html - for the formatting practice only. As a document author I'm aware of the caveats of using xhtml over html, but still choose to do so. I would suggest a strict doctype - html or xhtml.
Quote:
Anyway what do you want me to do next?

I'm out for most of the day, but tonight I'll start work on the stylesheet.

INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

Thanks! Happy Easter

Smile Thanks!

Happy Easter

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Before I go too far styling,

Before I go too far styling, I need to sort out a few things. First, I just now noticed that effect you want to get with the content sliding under the leaves (my browser window was too large to see a scroll before). This is not a problem, but will be addressed almost last. The logo div - does that contain the company's logo/name? If so, that should probably not be a background image (I didn't pay much attention to it before). There's some content missing (I don't see it in FF anyway) - the 'watch for more on...' paragraph. Where does it belong? Where does the header banner belong - under the 'welcome aboard'?

INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

wolfcry911 wrote:Before I go

wolfcry911 wrote:
Before I go too far styling, I need to sort out a few things. First, I just now noticed that effect you want to get with the content sliding under the leaves (my browser window was too large to see a scroll before). This is not a problem, but will be addressed almost last. The logo div - does that contain the company's logo/name? If so, that should probably not be a background image (I didn't pay much attention to it before).

Yes it is the logo for the business and I am ok with that not neing a bcgrnd image.

There's some content missing (I don't see it in FF anyway) - the 'watch for more on...' paragraph.Where does it belong?

This was going temporary at the bottom.
Where does the header banner belong - under the 'welcome aboard'?

This is the old page I created http://www.lasalleboat.org
I can send you a static image of the proof the design company sent if that helps you see the finihsed product, let me know.

To be honest I think I have to many graphics and all I need to have is the the leaves boarder and anyhting underthat in a flat backround graphic. Let me know if this sounds right.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Quote:To be honest I think I

Quote:
To be honest I think I have to many graphics and all I need to have is the the leaves boarder and anyhting underthat in a flat backround graphic. Let me know if this sounds right.
That sounds about right, but you only need the leaves, not the border running down as part of the same graphic. Okay, given the new information, I've updated the html

Page Title





Welcome aboard, next stop 1848

For more information or booking call 815.588.1100


All Aboard!


Board the horse-drawn LaSalle Canal Boat, and enjoy the scenery, history and relaxation of a ride on the waterway that changed the face of the nation – the historic Illinois & Michigan Canal.


Your one-hour, roundtrip journey on a full-size replica canal boat will take you on the same hand-dug waterway that 19th century pioneers traveled. Your guides, dressed as Canal Era crew and passengers, will take you back in time to life on the American frontier and the Illinois prairie.


Spend the day, or spend the weekend. The popular Starved Rock State Park and a host of other attractions are only minutes away.


More coming soon






And now we can begin to style.

body { margin: 0; padding: 0; background: #273B6D; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 75%; } #container { margin: 0 auto; padding: 0; width: 760px; background: #273B6D url(containerbg.jpg) top left repeat-y; border-left: 2px solid #95AACF; border-right: 2px solid #95AACF; overflow: hidden; } #header { height: 180px; margin: 0; padding: 0; background: #6888C0 url(headerbg.jpg) top center no-repeat; } #header img { float: left; margin: 30px 0 0 30px; } #content { margin: 0; padding: 0 25px 40px 0; width: 525px; float: right; } #nav { margin: 0; padding: 0; width: 180px; float: left; } #footer { margin: 0 auto; padding: 0; width: 780px; } You can see how close it is with only basic styling. We'll fine tune things next. I've attached two of the images I used>

AttachmentSize
header.png 26.97 KB
containerbg.jpg 366 bytes
INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

Got it!

I updated the html to reference the correct directories and the style sheet and it looks great.

I need to look at the css closely. I am amazed that so much control can be applied with out much inline styling.

Very cool.

I need to work on the graphics but will do that when we are done.

Thanks

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Yes, I forgot to mention

Yes, I forgot to mention that the graphics are just rough cuts from screenshots and you'll need to redo them.

Now a little more styling:
body {
margin: 0;
padding: 0;
background: #273B6D;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 75%;
}

#container {
margin: 0 auto;
padding: 0;
width: 760px;
background: #273B6D url(containerbg.jpg) top left repeat-y;
border-left: 2px solid #95AACF;
border-right: 2px solid #95AACF;
overflow: hidden;
}

#header {
height: 180px;
margin: 0;
padding: 0;
background: #6888C0 url(headerbg.jpg) top center no-repeat;
}

#header img {
float: left;
margin: 30px 0 0 30px;
position: relative;
top: 90px;
}

#content {
margin: 0;
padding: 0 30px 40px 0;
width: 520px;
float: right;
}

#content h1 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
color: #CCC;
font-variant: small-caps;
font-weight: normal;
font-size: 2.4em;
}

#content h1:first-letter {
font-size: 1.25em;
}

#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.67em;
font-variant: small-caps;
text-transform: capitalize;
}

#content a {
color: #FDBB30;
text-decoration: none;
}

#nav {
margin: 60px 0 0 0;
padding: 0;
width: 180px;
float: left;
font-family: "TImes New Roman", Times, serif;
font-size: 1.25em;
}

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

#nav a {
display: block;
text-decoration: none;
padding: 4px 0;
color: #FFF;
}

#nav a:hover {
color: #FDBB30;
background: #95AACF;
}

#footer {
margin: 0 auto 30px auto;
padding: 10px;
width: 764px;
height: 114px;
background: url(footerbg.jpg) top center no-repeat;
}

It's getting very close. We'll add that leave 'layer' and fine tune things next.

AttachmentSize
footerbg.jpg 3.09 KB
INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

Works great

I am looking at the For more information or booking call 815-588-1100

Why does this have a class called "booking"

I have it posted http://www.invisualtechnologies.com/Lasalleboat/index5.html

The roll overs are unbelievable I am trying to make sense of it and I think

I get it...

<Nav> format's all of the button text
The <nav ul> sets the indents
The <nav a> sets the roll over and
the <nav hover> sets the color of the roll over

nice...

It looks exactly like what I had but simpler and easier to get around even in the CSS.

I am interested to see how the div for the leaves will play out..

Thanks!

//mod edit: The < character replaced with &lt; --gary.turner

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

looks like you need to use

looks like you need to use <code> tags in your post Wink

I've classed that p with booking to give it the necessary styling to create the border and pull it left - what you've done with the background image. I've been building this with the separate images so that the page is more flexible. With the single background image you have now problems will arise if you have more content, or a user increases font-size, etc.

INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

I understand.

The interior pages will not change form the content title and up so the content title will never change this light blue bar text is the same for all pages and the headline text size is the same for all pages. Not really sure why I was not thinking flexibility for the most part I was just guessing and did know what you would do for this part.

That's a bad habit I need to break.

:blushing:

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Sorry for the delay, I've

Sorry for the delay, I've been busy. Here's an updated html and css with a new leave graphic. The leaves png will need to be correct (add 8px in width in the middle). I've positioned the .booking class absolute because it sticks out the left of the content column - I could have used relative positioning, but because of the length IE would mess up that column. Because it's absolute, its taken out of the document flow and so the space between the h1 and h2 needed adjument - I put a larger top margin on the h2. Regarding the h1 and h2, I had not realized that these would be the same on most pages. If this is true, then they should probably not be marked up as major headings. I've added an empty div at the end of the source (which I generally don't like to do) to create the leaves overlay and positioned it fixed. IE6 will choke on both the positioning and the transparency in the png. Both can be addressed if you do some research.

Page Title





Welcome aboard, next stop 1848

For more information or booking call 815.588.1100


All Aboard!


Board the horse-drawn LaSalle Canal Boat, and enjoy the scenery, history and relaxation of a ride on the waterway that changed the face of the nation – the historic Illinois & Michigan Canal.


Your one-hour, roundtrip journey on a full-size replica canal boat will take you on the same hand-dug waterway that 19th century pioneers traveled. Your guides, dressed as Canal Era crew and passengers, will take you back in time to life on the American frontier and the Illinois prairie.


Spend the day, or spend the weekend. The popular Starved Rock State Park and a host of other attractions are only minutes away.


More coming soon






body { margin: 0; padding: 0; background: #273B6D; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 75%; } #container { margin: 0 auto; padding: 0; width: 760px; background: #273B6D url(containerbg.jpg) top left repeat-y; border-left: 2px solid #95AACF; border-right: 2px solid #95AACF; overflow: hidden; position: relative; } #header { height: 180px; margin: 0; padding: 0; background: #6888C0 url(headerbg.jpg) top center no-repeat; } #header img { float: left; margin: 30px 0 0 30px; position: relative; top: 90px; } #content { margin: 0; padding: 0 30px 40px 0; width: 520px; float: right; } #content h1 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; color: #CCC; font-variant: small-caps; font-weight: normal; font-size: 2.4em; } #content h1:first-letter { font-size: 1.25em; } #content h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.67em; font-variant: small-caps; text-transform: capitalize; margin-top: 2em; } #content a { color: #FDBB30; text-decoration: none; } .booking { position: absolute; top: 210px; left: 140px; width: 545px; padding: 4px 0 4px 70px; border: 2px solid #95AACF; background: #6888C0; font-family: Georgia, 'Times New Roman', Times, serif; font-variant: small-caps; letter-spacing: .15em; } #nav { margin: 60px 0 0 0; padding: 0; width: 180px; float: left; font-family: "TImes New Roman", Times, serif; font-size: 1.25em; } #nav ul { list-style: none; margin: 0 15px; padding: 0; } #nav a { display: block; text-decoration: none; padding: 4px 0; color: #FFF; } #nav a:hover { color: #FDBB30; background: #95AACF; } #footer { margin: 0 auto 30px auto; padding: 10px 20px; width: 744px; height: 114px; background: url(footerbg.jpg) top center no-repeat; }

.copy {
float: right;
font-size: .85em;
}

#leaves {
position: fixed;
top: 0;
left: 50%;
margin-left: -394px;
height: 154px;
width: 788px;
background: transparent url(leave_boarder.png) top left no-repeat;
}

AttachmentSize
leave_boarder.png 13.32 KB
INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

I am not getting it to work. I must being something wrong

Here is the CSS
@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
background: #273B6D;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 75%;
}

#container {
margin: 0 auto;
padding: 0;
width: 760px;
background: #273B6D url(../images/containerbg.jpg) top left repeat-y;
border-left: 2px solid #95AACF;
border-right: 2px solid #95AACF;
overflow: hidden;
position: relative;
}

#header {
height: 180px;
margin: 0;
padding: 0;
background: #6888C0 url(../images/containerbg.jpg) top center no-repeat;
}

#header img {
float: left;
margin: 30px 0 0 30px;
position: relative;
top: 90px;
}

#content {
margin: 0;
padding: 0 30px 40px 0;
width: 520px;
float: right;
}

#content h1 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
color: #CCC;
font-variant: small-caps;
font-weight: normal;
font-size: 2.4em;
}

#content h1:first-letter {
font-size: 1.25em;
}

#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.67em;
font-variant: small-caps;
text-transform: capitalize;
margin-top: 2em;
}

#content a {
color: #FDBB30;
text-decoration: none;
}
.booking {
position: absolute;
top: 210px;
left: 140px;
width: 545px;
padding: 4px 0 4px 70px;
border: 2px solid #95AACF;
background: #6888C0;
font-family: Georgia, 'Times New Roman', Times, serif;
font-variant: small-caps;
letter-spacing: .15em;
}

#nav {
margin: 60px 0 0 0;
padding: 0;
width: 180px;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.25em;
}

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

#nav a {
display: block;
text-decoration: none;
padding: 4px 0;
color: #FFF;
}

#nav a:hover {
color: #FDBB30;
background: #95AACF;
}

#footer {
margin: 0 auto 30px auto;
padding: 10px;
width: 764px;
height: 114px;
background: url(../images/footerbg.jpg) top center no-repeat;
}
.copy {
float: right;
font-size: .85em;
}

#leaves {
position: fixed;
top: 0;
left: 50%;
margin-left: -394px;
height: 154px;
width: 788px;
background: transparent url(../images/leave_boarder.png) top left no-repeat
}

Here is the html

Page Title





Welcome aboard, next stop 1848

For more information or booking call 815.588.1100


All Aboard!


Board the horse-drawn LaSalle Canal Boat, and enjoy the scenery, history and relaxation of a ride on the waterway that changed the face of the nation – the historic Illinois & Michigan Canal.


Your one-hour, roundtrip journey on a full-size replica canal boat will take you on the same hand-dug waterway that 19th century pioneers traveled. Your guides, dressed as Canal Era crew and passengers, will take you back in time to life on the American frontier and the Illinois prairie.


Spend the day, or spend the weekend. The popular Starved Rock State Park and a host of other attractions are only minutes away.


More coming soon





I went through twice but I cannot see what I am doing wrong.
Thanks,

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

what is not working for you?

what is not working for you?

INVT
Offline
Regular
Last seen: 10 years 23 weeks ago
Joined: 2008-03-21
Posts: 12
Points: 0

I am not sure why the div for the leaves is not showing up

Here is the page and what it looks like.

http://www.invisualtechnologies.com/Lasalleboat/index5.html

I updated the html and the css.

I posted the code in my last reply.

INVT

Zygote76
Offline
Regular
Ohio
Last seen: 9 years 35 weeks ago
Ohio
Timezone: GMT-4
Joined: 2007-08-20
Posts: 25
Points: 3

I think its because you

I think its because you haven't finished closing your leaves element in the CSS

#leaves { position: fixed; top: 0; left: 50%; margin-left: -394px; height: 154px; width: 788px; background: transparent url(../images/leave_boarder.png) top left no-repeat!!;!! } Try adding the semicolon (inside the !'s) to the end of the line where you are calling up the leaves

Hope that helps. Unfortunately all but the last 2 links posted are dead so I can not see the original problem. good Luck

Zygote