Frustrated Friday poast, I will try to keep this quick.

I am doing a second site in Dreamweaver. I'm self-taught, so I still have a lot to learn. Site will be almost exactly the same as this:

http://www.redefinedesignnc.com

...except I am trying to add a Spry accordion in place of the Spry Tabbed panels where the employee bios are for an office with more employees. I can't add the accordion (or can I?) directly in the webpage without it affecting the settings on the accordion in the "projects" tab, so I planned to use an iframe and build the needed accordion on another page.

However, when I define the height and width of the spry accordion in a new .html file, it still changes the size of the accordion which already exists in the "projects" tab of the separate home.html file. I can't figure out how to define these two widgets by two different sets of parameters. This is really frustrating for me, because the site is nearly finished otherwise. Any advice here would be greatly appreciated.


[Edited on October 28, 2011 at 3:05 PM. Reason : .]

10/28/2011 3:02:57 PM

Call Gary Wright.

10/28/2011 3:07:37 PM

if you're not using notepad, no one can help you

10/28/2011 3:50:01 PM

use jquery instead

10/28/2011 3:59:41 PM

Quote :

"if you're not using notepad, no one can will help you"

FTFY

But in all seriousness, there's been times when I've gone to doing it that way for particular pieces because it's just easier.

[Edited on October 28, 2011 at 4:14 PM. Reason : *]

10/28/2011 4:14:21 PM

omg so much wrong ITT I don't even know where to begin

10/28/2011 6:06:51 PM

10/28/2011 6:30:52 PM

please guys, i have a match tonight

10/28/2011 9:47:54 PM

Y'all are useless.

10/31/2011 11:26:35 AM

The first thing I would recommend is that you cut your facial hair

10/31/2011 11:53:39 AM

notepad++

10/31/2011 3:25:32 PM

Your projects are using this:
<div class="AccordionPanel">

So you just need to call your employee bio's this:
<div class="AccordionPanel1">

And copy & rename the style in your CSS
http://www.redefinedesignnc.com/SpryAssets/SpryAccordion.css

So all your styles will need to be copied and renamed with a digit or different name than the default.

For example instead of this:

Quote :

" .AccordionPanel { margin: 0px; padding: 0px; } "

You'd need this:

Quote :

" .AccordionPanel { margin: 0px; padding: 0px; } .AccordionPanel1 { margin: 0px; padding: 0px; } "

[Edited on October 31, 2011 at 3:37 PM. Reason : .]

10/31/2011 3:36:15 PM

accordion controls are the devil

10/31/2011 4:41:48 PM

^^

.accordionPanel,
.accordionPanel1 {
  margin:0;
  padding:0;
}

10/31/2011 4:49:45 PM

It's not bad habits, he said he wanted the code DIFFERENT... I was giving a random example, it's more likely he would change .AccordionPanelTab anyhow.... Sorry I forgot to change one of the settings....

Quote :

"I can't figure out how to define these two widgets by two different sets of parameters. "

[Edited on October 31, 2011 at 5:02 PM. Reason : .]

10/31/2011 4:59:53 PM

Quote :

" bad habits"

Quote :

"accordionPanel1"

10/31/2011 5:21:35 PM

I was trying to make a point based on his existing code.

I guess I should have said:

.accordionPanelEmployees {

10/31/2011 5:25:27 PM

I'd be like .accordion_panel.employees

10/31/2011 6:00:54 PM

You mean .accordion_panel .employees (with space) so you could use a subclass and just specify it once, yea that's probably best.

10/31/2011 6:07:54 PM

Nah, I mean like .accordion_panel.employees, assuming that the Employees accordion is a variation on the basic accordion panel. I didn't actually read anything above my picture, though.

10/31/2011 6:15:55 PM

The period is not valid in a class name or any other CSS identifier: http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names/449000#449000

10/31/2011 11:21:54 PM

http://www.w3.org/TR/2011/REC-CSS2-20110607/selector.html#class-html

Quote :

"To match a subset of "class" values, each value must be preceded by a ".". For example, the following rule matches any P element whose "class" attribute has been assigned a list of space-separated values that includes "pastoral" and "marine": p.marine.pastoral { color: green } This rule matches when class="pastoral blue aqua marine" but does not match for class="pastoral blue". "

10/31/2011 11:32:49 PM

lewisje you dumb as hell

11/1/2011 7:49:54 AM

you tell him Ernie

11/1/2011 11:38:17 AM

It's okay phaeton.

Keep using Dreamweaver, I believe you can get me through the niiiihiiiiiiiight.

11/1/2011 11:43:04 AM

^appropriate use of "h." not sure why it is niiiihiiiiiight but it is

11/13/2011 8:03:06 PM