Member Avatar for CMCDragonkai

Hello, I did this site in Dreamweaver, looked fine in my dreamweaver editor, uploaded it and voila everything goes nuts.

List of Problems: The Links are not positioned properly, not big enough plus the drop downs to the bottom and not to the right. That was properly my fault since I just copied a suckerfish method... But can someone help with this.

If you study the News Header in the CSS, it says it has a background image, how ever it doesn't show when I uploaded it. I know the url and the pic is correct cause it worked in Dreamweaver...

The background for "welcome" is all the way up there which isn't supposed to happen, it supposed to be right on top of the Hello text but that isn't happening either.

The hello and welcome are supposed to be aligned to the left of the right header.

Thats about it, please can someone help me. I've changed the format of this like 3 times just to get it correctly done, but nothings working.

It looks like Float Drop

Thank you

  • 2 Contributors
  • 2 Replies
  • 88 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by CMCDragonkai

Dani AI

Generated

A short, practical checklist for readers who hit the same layout quirks described — and a quick nod to 's point about styles defaulting when the stylesheet isn't visible.

First, confirm the image path and file case. Paths in a CSS file are resolved relative to the stylesheet, not the HTML page, and many hosts are case-sensitive; open the image URL directly in a browser to verify it loads. See the MDN note on background images for details: background-image (MDN).

Second, containing floats: if floated elements drop out of their parent, give the parent a clearfix or create a block formatting context (overflow:auto). Example clearfix:

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

Third, dropdowns and link hit areas: make the menu parent positioned so absolutely positioned submenus are anchored correctly, and make anchors display: block so padding expands the clickable area. Example pattern:

.nav li { position: relative; }
.nav li ul { position: absolute; left: 0; top: 100%; }
.nav li a { display: block; padding: 8px 12px; }

Finally, use browser devtools to inspect computed styles, check for unclosed tags, verify the linked stylesheet is the live one (cache clearing), and test direct URLs for images and CSS to confirm server-side availability. For details on positioning behavior see position (MDN).

Recommended Answers

All 2 Replies

Member Avatar for MidiMagic

I can't see the style sheet, so I can't help.

I'd say you have some styles which are assuming their default values.

Member Avatar for CMCDragonkai

Oh its sorted now, thanx

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.