Topic: need some help on the width of a div please... (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=25135" title="Pages that link to Topic: need some help on the width of a div please... (Page 1 of 1)" rel="nofollow" >Topic: need some help on the width of a div please... <span class="small">(Page 1 of 1)</span>\

 
CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 03-01-2005 03:18

If you would, have a look at this page.

i know the colors are funky but i have to have it like that to make out the sections

the part of the "Main Content" section, the div is called .center

I need it to span out to the edge on the right but if i adjust the width, it screws up the menu. My eyes are bugging out so a fresh set would be great

thanks in advance!!!

Later,

C:\

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 03-01-2005 03:23

nevermind. 2 seconds after posting this i found it. it was the float-wrap div that needed to be adjusted first.

Later,

C:\

JKMabry
Maniac (V) Inmate

From: raht cheah
Insane since: Aug 2000

posted posted 03-01-2005 05:21

your body tag opener is missing

your paragraphs are tagged as such:
<p />paragraph o text...
instead of:
<p>paragraph o text...</p>

the layout seems like an odd way to go about things to me, could be much simpler. I was gonna post this hours ago and got off on a long sidetrack! You've answered yourself even

cheers mang

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 03-01-2005 17:38

hehehe.........stupid body tag

hmmm.......is it not OK to close the <p > tag that way?

Later,

C:\

JKMabry
Maniac (V) Inmate

From: raht cheah
Insane since: Aug 2000

posted posted 03-01-2005 19:40

Not ok no sir. Tags that used to not require closing in HTML like img, br, hr, meta, etcetc now need that "trailing slash" (for lack of a better term) but all other tags that had a closing tags stil do like div, p, h1, em, strong etcetc

classes are for reusable styles, you should use IDs for elements that will appear only once in the page, like the structural elements "wrapper" "outer" "inner" etc.

Your ID and class names should be descriptive, like "wrapper" is good, it tells you what it is, but "left" is a bit vague, try to write with other people in mind, would it make immediate sense to someone else? "left" could become "leftcol" or more generically/flexibly "secondarycol" in case you decided you wanted it on the right instead of left when you redesigned down the road.

"wide bottom" and "wide top" are pretty much universally known as "header" and "footer" if you'd like to take the preceding suggestion to heart, thought wide* is descriptive (and I kinda like "wide bottom" ). I didn't know you could use spaces in ID or class names (couldn't find a definitive answer, new one on me!). I just realized by looking at the css that those are 2 classes and not an id name, had 1 id stuck in my head

Anyhoo I monkeyed up a couple to show you what I'm talkin about, I know I like a picture to go with words.



edit: url fix

(Edited by JKMabry on 03-01-2005 19:41)

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 03-01-2005 21:12

To clarify on the <element /> issue a bit -

this method is used for what are referred to as "empty" tags. Meaning there would be no content to go in between an opening and a closing tag, thus making a two-tag system redundant and unsound.

any element that *does* contain content, needs the opening tag to tell the browser where the content starts, and the closing tag to tell it where it ends.

otherwise, it has no real way to be certain the content of that particular tag has ended.

JKMabry
Maniac (V) Inmate

From: raht cheah
Insane since: Aug 2000

posted posted 03-01-2005 21:57

aaaaaah clarity, a rare commodity around these parts thanks man, and well said

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 03-02-2005 18:11

well I was working with an ordered border layout and just used some of their css.

they were so dead set on getting the footer part with the copyright and stuff at the bottom that I was trying my best to do it. thought that if i could get at least the left column that holds the menu and the contents to be the same height, i could get it working. NO such luck.

I am going to try a different mark up and see if I can get it to flow a bit more.

thanks DL for that, but in saying that, the only tags that would be empty would be in the meta-tags...? Or am I just not understanding that correctly?

Oh, and thanks for the mockups you did.

Later,

C:\



(Edited by CPrompt on 03-02-2005 20:00)

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 03-02-2005 20:17

Any element in which you would have nothing to typw within the open and close tags.

An image - there will never be a case where you would have <img ...>type stuff here </img>

same with input, link, meta, hr, br, input, etc...

It's not empty in the sense that the tag doesn't display content...it's empty in the sense that you wouldn't be typing anything between the open and close tags.

make sense?

JKMabry
Maniac (V) Inmate

From: raht cheah
Insane since: Aug 2000

posted posted 03-02-2005 23:50

this old fart's a wizard and it sounds like what you're looking for with the footer at the bottom bit?

If Paul checks referrals and reads this I'm going to have to apologize for that old fart crack

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 03-03-2005 00:22
quote:
make sense?



very much so.

thanks for the link JK. I'll check out the old farts stuff

Later,

C:\



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu