Jump to content
Stef's Coding Community
Sign in to follow this  
abstract machines

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

Recommended Posts

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

:D:o;):/

Edited by abstract machines

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

}

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 .

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...