W3C: CSS, <p id=>, and javascript issues!!

[abstract machines]

Hey guys! Thanks for looking at this.

 

I have an issue with this test URL I am messing around with.

 

http://www.houseofbadger.com/hob_index_demonic.html

 

THIS SEEMS TO BE THE PROBLEM:

MULTIPLE HEADERS AND STUFF IN CSS, AND

JAVASCRIPT EVENT HANDLER USING p id=.

 

CHECK IT: THIS LOOKS LIKE W3C HATES MY CONTAINING ELEMENTS.

 

WILLAMETTE WEEK: JANUARY 2009

 

"Blah blah here's a bunch of text 26 blah blah"

 

WILLAMETTE WEEK: JANUARY 2009

 

"Blah blah here's more text 25 blah blah blah blah i like to talk about myself"

 

 

SO, DUUUUDE. WHAT'S UP WITH THIS CRAP-OLA? W3C SAYS:

document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

 

AND W3C ALSO SAYS

* Line 189, column 12: there is no attribute "onClick"

 

WILLAMETTE WEEK: JANUARY 200

 

 

thanks,

Amanda

:o;):/

Edited February 11, 2009 by abstract machines

[falkencreative]

The first problem can be resolved by moving the and

elements outside of your

.

is meant to used as a header, not to enclose other elements.

 

The second issue I think you can safely ignore... I'd have to do some research on that, since I am not as familiar with that issue.

[abstract machines]

hey! thanks for responding!!

 

i want the text to appear small like the

text. right now, it looks small, and pretty.

 

when i just use

, the text is huge!

maybe i should change the css file?

 

houseofbadger.com/hobfloat.css

 

p {

font-size:14px;

border-bottom:1px dotted #000000;

text-decoration:none

}

 

will that solve the issue? hmmmmmmmm.

[abstract machines]

for line 186 i have tried

 

//makes text look pretty, gets W3C errors

 

no

//text gets huge and ugly

 

 

//text still huge and ugly

 

no

 

//

[abstract machines]

aargh help haha

[falkencreative]

Well, you'll first need to remove the wrapping

element -- that will clear up the validation problem (well, at least one of them). Then, adjust your CSS to match. Sounds like you need to adjust the font size here to use a smaller number:

 

p {

font-size:14px;

border-bottom:1px dotted #000000;

text-decoration:none

}

[abstract machines]

hey there! i did that, take a look and you'll see what's up.

 

houseofbadger.com/hob_index_demonic.html

 

now, i used

before "text 26", "text25" and a few others right below that. see how tiny that makes the fonts?

 

here's the problem:

 

i need a container.

within that container, i need a larger text size for the rollover expanding links,

and a smaller text size for the text that expands.

 

thanks!

[falkencreative]

Couldn't you do something like this for each of the news items?

 

[b][/b]

WILLAMETTE WEEK: JANUARY 2009



[b][/b]


[COOL JUSTICE] "I remember first seeing Grandaddy play in front of a screen filled with projections of running animals. It was my first firsthand music-multimedia experience and it was a buttered lobster for my senses. Local clan House of Badger happens to make a habit of adding rad visuals to complement its music?moody digi-rock that is the ideal companion for a visual-arts display. For those who love music videos so much they want to see one live, attend. What's more, the show benefits the Public Interest Law Project. With an appearance by ambient percussion pushers Deelay Ceelay, this is one show you can't ignore." 7:30 pm. Holocene, 1001 SE Morrison St., 239-7639. $10. 21+.


-MARK STOCK.


link here :: localcut

[abstract machines]

hey, that helped the text look better, good call!

 

w3c hates it:

# Line 186, column 11: XML Parsing Error: Opening and ending tag mismatch: h3 line 186 and b

 

 

 

//w3C hates the closing tag for the , aka the very last > after

[falkencreative]

Sorry, I bolded those items since I was under the impression they would show up in the code block in my post, so you could easily see the changes I had made -- they weren't supposed to be in the actual code. Remove the and around the

's.

[abstract machines]

hello falkencreative. thank you so much. you are right, the

makes it look better. however, it does not help to validate this site.

 

these are the error types that W3C throws back loads of:

 

document type does not allow element "h3" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

 

//and

 

document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

 

//i have about 40 errors, which simply amount to the same issue:

 

//these tags are not used correctly in my CSS/XHTML. It appears that the hierarchy is incorrect. Potentially I may need to list //these sequentially if i am to use them? ... if that is the case i would rather use some sort of other element besides Headings

//because I need to style up this sheet.

 

//i was under the impression that i could use H4 and H3 and p in the way i have been.

 

//the code isn't too bad on this site actually, just these types of errors and i am almost ready to go.

 

//i really appreciate this! thank you .

[abstract machines]

hahahah YAY HOORAY BENJAMIN! you rock.

 

i am down to ONE ERROR!

 

this is from 189 errors about 1.5 weeks ago.

 

it looks like a javascript error.

 

* Line 210, column 24: there is no attribute "onClick"

 

 

yay!!!!!!!

[abstract machines]

//ok, i am curious as to WHY? i am curious so as to learn and stuff. .... why did your code:

 

THERE STANDS THE GLASS BLOG :: DEC 2008

 

 

texty texty text text text text texty texty text text text

 

 

//why does your code work better than this did?

 

WILLAMETTE WEEK: JANUARY 2009:

 

 

//THANKS!!!!!!!!!! WOW!