Re: [css-d] validating, yet problems

[francky]

[EMAIL PROTECTED] wrote:

>Tried this one and the left column extends down through the footer to 
>the bottom or what they made h1, h2 with the background color;-(
>
>I guess when I come back to this tomorrow, I'll attempt 1 more time for 
>an answer from the expertise of this group and if none I'm copying the 
>table layout the client wanted minus the validating beacons;-( Don't 
>have the time vs. $ to bother anymore; it's all a loss leader from here 
>on out.
>
>Thanks for your attempted help at any rate!
>
>Regards,
>Scott
>
Welcome back!

HELP - no tables!
Hope this is arriving before take off.
I think I just invented a great thing: it is round, it can move, and 
I'll call it "wheel"!  ;-)
See testpage a 

and so on.
:-)

These "wheels" are working on the roads of IE6, FF1.07, Opera7.54, 
Opera8.01 and Mozilla1.71. [1]
They need as passengers some content, and a driver to guide them.
Html-validator and css-validator satisfied, and Bobby too (on automated 
check). [2]
Left sidebar is 18% of screen width, right sidebar has fixed with of 300 
px, center column will fill the rest in this example. Other variants are 
posible of course.
The 2 limo's just fit in a 800x600 resolution.
IE is glad it can present a scalable font-size to his visitors.

Maybe some use?
Greetings,
francky

[1] The other boys I don't know.

[2] Some hidden "jump to main content" and so can be added (and also 
proper headings in the main content), see FF View > Page Style: No Style.

btw: the head has some old meta descriptions from an other world.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Please give my site a sping.

[Gunlaug Sørtun]

Vinj Vinj wrote:
> I've been working hard on my site and feel that is close to complete.
>  I've replaced all table entries with divs and would love to get 
> feedback from the users on this list.
> 
> www.eswap.com

Well, it's no use validating the source-code since you have no doctype
to validate against, but I tried validating the front page anyway.

Looks like you're attempting on XHTML 1.0 (at least the validator thinks
so) - which gives 214 errors. No, that's not it!
Falling back to HTML 4.01 to avoid validating the (lack of)
"wellformedness" - only 56 errors. That's as good a result as that page
can get.

Most errors are "required attribute "ALT" not specified" and a number of
misplaced start and/or end tags / whole elements. All this should be
easy to fix, but you have to decide _which_ standard you want to follow
and not include bits and pieces from others.


CSS-validation: looks like fatal parse-error for
http://s3.amazonaws.com:80/eswap/_gz__all.css.

OK: http://s3.amazonaws.com:80/eswap/1024_2.css
OK: http://s3.amazonaws.com:80/eswap/ie.css

---

Browsers: renders more or less the same across the board, apart from a
few margin-defaults that hasn't been leveled out in your stylesheets.
The result seems to depend entirely on error-recovery though, so it is
not very reliable in any browser. Those misplaced tags/elements count
for most rendering-flaws.

---

The main part looks like tabular data to me, so I can't see why tables
should be replaced. After all: that's what tables are for, and the
result would be much cleaner, leaner and more reliable.

What you have now is an exercise in "divitis" for no good reason at all.
A div is a generic block-element for use when there are no appropriate
block-element(s) for a particular type of content. Divs are *not* meant
as replacement for other elements. Same with span for inline-stuff.

---

I have no idea how much work has gone into that layout, but I think the
only right thing is to start from scratch. Proper use of meaningful
elements (semantics) will produce better results. Writing consistent CSS
in accordance with the doctype (and avoiding inline-styles) will produce
an even better result.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Elastic faux columns - New technique?

[it]

Eystein Alnaes wrote:
> It's still pretty rough, but I'd love some comments on this :) An 
> example can be seen here: 

> Georg said: I prefer the 'equal height column' solution used here...

> ...mainly because no extra markup is needed. Older browser-versions do
need some help with that one also.

Here is a less elegant approach but works well. In a 3 column layout:
1. Wrap the 3 columns in a 3colwrap and repeat background to the left
for the leftmost columnu want faux
2. Wrap the left and center column in a 2 column wrap with a negative
margin and repeat background to the right for the rightmost column.

See an example here at http://www.outprize.com

Here is the relevant css

#threecolwrap { float:left; width:100%; background:
url(http://www.outprize.com/Assets/images_pres/faux_left.gif) repeat-y
top left;}
#twocolwrap { float:left; width:100%; /* background:
url(http://www.outprize.com/Assets/images_pres/faux_right.gif) repeat-y
top right; */
display:inline; /* stops IE
doubling  margin on float*/ margin-right:-1px; }

dino


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Navigation woes

[Tim Kadlec]

Vicki,

Not sure about your problem with Opera.

However, for IE, the problem is the padding below:

#nav li{ /* all list items */
position : relative;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
width : 188px;
/*width : 11em;*/
padding: 5px 0 0 3px;
}

Change it to:

#nav li{ /* all list items */
position : relative;
float : left;
line-height : 1.25em;
width : 188px;
/*width : 11em;*/
margin: 5px 0 -1px 3px;
}

The links will then work fine. You may find you need to add a little padding 
on the right to #nav though.

Tim Kadlec

Message: 4
Date: Sun, 20 Aug 2006 08:43:42 +1000
From: Vicki Stebbins <[EMAIL PROTECTED]>
Subject: [css-d] Navigation woes
To: css-d@lists.css-discuss.org
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset="us-ascii"; format=flowed

Hi all,

I've just begun a redesign of a site (a love job) and am having trouble
with my navigation div.

In IE the popout menu appears but you can only select the top menu item, in
other words if it shows:
* cats
* dogs
only cats can be selected and the menu disappears for dogs.

In Opera the width of the div grows to house the popout menu within the div
instead of popping out outside of the div.

Works fine in FF and validates well for the CSS and xhtml.

I'm trying to keep this site easy and clean and easy to update... the
previous site has ended up cluttered and difficult to maintain other the
cats and dogs.

The page is at http://www.animalrights.org.au/new/
CSS at http://www.animalrights.org.au/new/styles/arrg.css

I've used the menu before and didn't have this problem but this time I was
wanting the main nav to show as the boxes.

Hoping someone can help.

Many thanks

Vicki

"I'd put my money on the Sun and solar energy. What a source of power!
I hope we don't have to wait until oil and coal run out before we tackle 
that."
-Thomas Edison

_
On the road to retirement? Check out MSN Life Events for advice on how to 
get there! http://lifeevents.msn.com/category.aspx?cid=Retirement

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Heights and Widths not working in Firefox (I know!)

[Gunlaug Sørtun]

Henry Felton wrote:
> For once IE is working but not Firefox!

Yes, IE sure is buggy... :-)

Declaring dimensions on an element which has the declaration 'display:
inline' should result in "nothing", but IE doesn't understand that.

Of course, it doesn't help much on the final rendering that the page is
in Quirks mode (no doctype), but IE get it wrong in all modes because of
its 'hasLayout'[1] bug.

> The page is: http://www.henryfelton.co.uk/oscarlayout/ (the problem 
> is clearer if you see it in both browsers I think).

All decent browsers agree with Firefox on how to render your page,
so any decent browser will do.

> Any help would be very much appreciated (the CSS is embedded in the 
> page source).

Start by giving that page a suitable doctype.

http://www.w3.org/TR/html4/strict.dtd";>

...will do fine.

Then use the following styles for the list - float the list-items:

ul.navlists  {
padding:0;
margin: 0;
list-style-type: none;
clear: both;
}
ul.navlists li  {
float: left;
}

Browsers have different defaults, so you should declare complete margins
on this paragraph:

p.listenlivetitle {
...other styles...
margin: 0 0 0 14px;
}

...will work better.

---

Now you can start working on getting those dimensions right. All major
browsers will render the same, so you can trim values to perfection
across browser-land.

You should start by adding units on all declarations but the 'zero'
ones. This 'height: 256; width: 259;' doesn't make much of an impression
on browsers in 'Standard compliant mode'.
Make that 'height: 256px; width: 259px;' and they will react as intended.

---

Using an empty  to create curved edges is mis-use of the element.
Instead; add a suitable padding-right to those  and place the curved
edges 'top right norepeat' on them.

---

You will probably have to declare a width on that page - or just the
, as those lists will otherwise drop all over the place on narrow
windows.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page won't validate, strange error message

[~davidLaakso]

Kim Brooks Wei wrote:
> Hi People,
>
> I can't validate this page http://thewei.com/sandboxcar/menu.html
>
> I get a message showing an upside down question mark before the start 
> of the declaration header. But there is no such character in my text, 
> not even as an invisible character.
>   
The validation service is referring to the incorrect xml declaration 
above the doctype (you have a space where the should not be one)

Maybe better yet use this instead:

You also need to delete this to validate:

<< delete 
> I also need a header for xhtml transitional Spanish pages.  I can't 
> figure out how to write one.
>   
Me either, gringo :-) .
> Help much appreciated.
>   
Best,
~donQuixote

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Expandable, horizontal menus that work?

[Nick Urbanik]

Dear Folks,
On 21/08/06 11:11 +1000, Nick Urbanik wrote:

On 21/08/06 10:26 +1000, Nick Urbanik wrote:

Dear Folks,

On 20/08/06 11:39 +1000, Nick Urbanik wrote:

Dear Folks,

I've fixed my IE problem, but the Opera problem remains.


I have fixed the problem with Opera to the point where the menus work,
by explicitly setting the margins of the  tags to 0, as advised
here:
http://css.maxdesign.com.au/listutorial/sub10.htm

However, the position of the second level menus is wrong (and the
margin under the  has disappeared too), all in Opera 9.


Okay, fixed by setting the margins of the  to 0.

But I cannot put a margin under the list, with Opera.  I even put an
empty div underneath, wrapped a div around it, and still was unable to
get a gap between the menus and a following header.


Well, when I put a   inside the empty div, Opera recognised it,
so I finally have a vertical gap under the menu.  However, this looks
like a horrible hack, reminiscent of using tables for layout.

Why does Opera ignore the margin around the enclosing  (that I've
since removed)?


Any suggestions about what is happening here gratefully received.


Still hanging out for any ideas/explanations.

The site, again, is at http://linus.nicku.org/
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpz2EHaz0YxS.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page won't validate, strange error message

[Rahul Gonsalves]

Kim Brooks Wei wrote:
> I get a message showing an upside down question mark before the start 
> of the declaration header. But there is no such character in my text, 
> not even as an invisible character.

I've never seen this before either, but this may help. I think you 
probably also have to remove an empty paragraph tag.

http://www.masuga.com/2005/11/06/wtf-is-up-with-these-extra-characters/
"It’s a character encoding issue. Those three characters are: 0xef 0xbb 
0xbf (or U+FEFF, a zero-width, non-breaking space) in Unicode, but 
represented in ISO-8859-1. This is a Byte Order Mark…"

http://forum.statcounter.com/vb/archive/index.php/t-19586.html
"I had 
but I was saving it in notepad as UTF-8. I guess that created the 
conflict. I now have:
 
and it works beautifully."

Hope this helps,
Regards,
- Rahul.


-- 

Rahul Gonsalves (Personal)
w: www.rahulgonsalves.com
e: [EMAIL PROTECTED]
-
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site check, please

[APC]

Hi everyone,

I would appreciate a site check for http://www.daddaily.com. Particularly 
interested in rendering in Mac browsers and Netscape.

Thanks,

Art 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] page won't validate, strange error message

[Kim Brooks Wei]

Hi People,

I can't validate this page http://thewei.com/sandboxcar/menu.html

I get a message showing an upside down question mark before the start 
of the declaration header. But there is no such character in my text, 
not even as an invisible character.

I also need a header for xhtml transitional Spanish pages.  I can't 
figure out how to write one.

Help much appreciated.
-- 
Kim Brooks Wei
1.201.475.1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Expandable, horizontal menus that work?

[Nick Urbanik]

On 21/08/06 10:26 +1000, Nick Urbanik wrote:

Dear Folks,

On 20/08/06 11:39 +1000, Nick Urbanik wrote:

Dear Folks,

I've fixed my IE problem, but the Opera problem remains.


I have fixed the problem with Opera to the point where the menus work,
by explicitly setting the margins of the  tags to 0, as advised
here:
http://css.maxdesign.com.au/listutorial/sub10.htm

However, the position of the second level menus is wrong (and the
margin under the  has disappeared too), all in Opera 9.


Okay, fixed by setting the margins of the  to 0.

But I cannot put a margin under the list, with Opera.  I even put an
empty div underneath, wrapped a div around it, and still was unable to
get a gap between the menus and a following header.

Any suggestions about what is happening here gratefully received.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpmRSqjZgyQ3.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Please give my site a sping.

[Vinj Vinj]

I've been working hard on my site and feel that is close to complete. I've 
replaced all table entries with divs and would love to get feedback from the 
users on this list.

Url: www.eswap.com 

Vineet





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] validating, yet problems

[videoscott1]

Tried this one and the left column extends down through the footer to 
the bottom or what they made h1, h2 with the background color;-(

I guess when I come back to this tomorrow, I'll attempt 1 more time for 
an answer from the expertise of this group and if none I'm copying the 
table layout the client wanted minus the validating beacons;-( Don't 
have the time vs. $ to bother anymore; it's all a loss leader from here 
on out.

Thanks for your attempted help at any rate!

Regards,
Scott

[EMAIL PROTECTED] wrote:

>
> for instance PIE's "Three Column Stretch 
> "


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Expandable, horizontal menus that work?

[Nick Urbanik]

Dear Folks,

On 20/08/06 11:39 +1000, Nick Urbanik wrote:

Dear Folks,

I've fixed my IE problem, but the Opera problem remains.


I have fixed the problem with Opera to the point where the menus work,
by explicitly setting the margins of the  tags to 0, as advised
here:
http://css.maxdesign.com.au/listutorial/sub10.htm

However, the position of the second level menus is wrong (and the
margin under the  has disappeared too), all in Opera 9.

Any ideas (apart from using unrelated techniques) would be much
appreciated, since I the focus here is on learning, not on satisfying
my corporate client (my six-year old son).
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpTbOloRwUTc.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Dropdown doesn't work in IE

[Nick Urbanik]

On 20/08/06 23:28 +0100, Ian Young wrote:

Hi all

Working on a drop down based on Suckerfish.

Doesn't work at all in IE6. Has JavaScript included (as per Suckerfish).
Also sidebar image doesn't appear until hovering over menu.


You have also got:
body {
behavior: url(csshover.htc);

}
which:
* is not necessary for use with suckerfish.js
* may (?) possibly interfere with sucjerfish.js
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgp5SqaqOlZqf.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Dropdown doesn't work in IE

[~davidLaakso]

Ian Young wrote:
> Working on a drop down based on Suckerfish.
>
> Doesn't work at all in IE6. Has JavaScript included (as per Suckerfish).
>   
I know from nothing about js, but is the .htc file on the server, and 
using the correct mime type?
> Also sidebar image doesn't appear until hovering over menu.
>   
The image rightbar.gif needs to be on both #wrapper /and/ #container.
#container {background: 
url(http://www.iyesolutions.co.uk/templates/lvsc/images/rightbar.gif) 
repeat-y right;}

> See:
> http://www.iyesolutions.co.uk/templates/lvsc/template.html css included for
> development purposes
>
> Any thoughts?
>   
Your page needs a background-color (I default to fuchsia to catch myself 
on this).
> Ian
>   
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Javascript: getElementsByTagName() getElementsById(): How getElementsByClass()?

[Nick Urbanik]

Dear Folks,

On 20/08/06 14:24 -0700, Paul Novitski wrote:

At 8/20/2006 01:29 PM, Nick Urbanik wrote:

This is tangentially related to this list


But not closely enough.  Here's a great JavaScript list for future 
scripting questions:

https://lists.LaTech.edu/mailman/listinfo/javascript


Thank you.


http://google.com/search?q=getElementsByClass


Doh!  Sorry.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpZve8F4tDw0.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Javascript: getElementsByTagName() getElementsById(): How getElementsByClass()?

[Nick Urbanik]

Dear Folks,
On 20/08/06 22:18 +0100, Christian Heilmann wrote:

Dear Folks,

As you can guess, I am totally new to Javascript, and a beginner at
CSS.


Yes, so why do you try to solve all the problems on your own?


Well, I have just finished reading "Cascading Style Sheets", 2e, by
Owen Briggs et al, and am actually trying to learn enough to do things
like this by myself.  A lofty ambition, but, hey, I can dream! :-)


http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
is an implementation of getElementsByClassName, and nearly every
JavaScript library out there has similar solutions.

As to implementing more than one multi level dropdown menus on a page:
Have you considered the users without CSS or JavaScript? Do they
really need all these options?


suckerfish.js is a very simple javascript function for IE only, a very
simple and clean alternative to csshover.htc.

It is only for the suckers who use IE.  If they turn off javascript,
they still see the top level menu items, which work.

If people use CSS incapable devices, they still see a  of links,
which should still have meaning to them.

After looking at how the various getElementsByClass() functions are
written, I realise that I can probably use some of the ideas from the
code to implement what I need.  Thank you.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpuickn5DP52.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] validating, yet problems

[videoscott1]

Ok I think I got the message;-) Your starting me off at the top of my 
design and then telling me to insert the "old" fluid 3 column into it 
between the horizontal gray bars? I just like doing things the hard 
way;^/ I'd like to reinvent the wheel for pot holes, nails, and speed 
and of course the crummy roads of IE like a bulldozer!

[EMAIL PROTECTED] wrote:

> Aha! I always do it by hand (Notepad), and put the css lines under 
> each other (like the result of the css-validator). Then I don't have 
> to scroll horizontally to compare styles of different classes and 
> id's. And it is easier to comment out parts, or add a tmp borderline 
> to see where I am. - For a quick view, the Golive result in 1 line per 
> element is not easy to see in the FF "edit css" sidebar > from Chris 
> Pederick's Webdeveloper Extension 
> .

Fixed it code level now! ;-) Yea, that Chris is a great guy!

>>
>> 2. What I see now aside from the problems you mention possibly in 
>> IE6, is the main problem I'm having with Safari & Opera showing the 
>> top "About Us"  looking padded big time on 
>> the top in Opera and on top of the 2nd  in Safari "> href="service.html">Services". NS 7.1 is showing things ok.
>>
>> I'm pretty sure the problem lies with the #sidebar & #sidebar ul. I 
>> added #sidebar li and tried setting the height but that messes stuff 
>> up. I'm now reaching the breaking point of taking the clients initial 
>> request of a tabled setup like this, sticking his content in it, and 
>> saying FINISHED! Please help! http://videointegrations.com/odyssey/
>
>
> I'm afraid it is something in the model that is not cross browser 
> proof (there are major problems in IE! See screenshot 
> ).
>  
>
>
> Some tested models you can choose from the CSS-Wiki page about 3 
> columns layouts 
> ,
> for instance PIE's "Three Column Stretch 
> "
>
> Now I've to prepare to get into my Limo to drive out of town: 
> holidays! :-)

Enjoy the ride!

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] UBER newbie question

[videoscott1]

Handled in a element structure such as:

 #content strong (or cite, etc.){ font: bold 0.75em/1.7em Verdana, 
Arial, Helvetica, sans-serif; text-decoration: underline; margin: 0 0 
16px; padding: 0 }

html: These words

Regards,
Scott

[EMAIL PROTECTED] wrote:

>I know that we should no longer be using the bold and underline html
>tags and the like, however I am not entirely certain how to handle
>performing this function on a page in the most elegant way. I know I
>can do it using span attributes or div attributes, but was wondering
>how the rest of you handle things like this. I already have a master
>css style sheet which pretty much controls the rest of how my pages
>look, so I could easily add a bold or underline div, or i could just
>do it right there as a span. What would you guys suggest for best
>practice?
>  
>

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Dropdown doesn't work in IE

[Ian Young]

Hi all

Working on a drop down based on Suckerfish.

Doesn't work at all in IE6. Has JavaScript included (as per Suckerfish).
Also sidebar image doesn't appear until hovering over menu.

See:
http://www.iyesolutions.co.uk/templates/lvsc/template.html css included for
development purposes

Any thoughts?

Ian
**IMPORTANT*
***

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.11.3/423 - Release Date: 18/08/2006
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] UBER newbie question

[Shiloh Madsen]

Ok, this is probably one of the most basic questions out there, but I
am not sure how I should be handling it.

I know that we should no longer be using the bold and underline html
tags and the like, however I am not entirely certain how to handle
performing this function on a page in the most elegant way. I know I
can do it using span attributes or div attributes, but was wondering
how the rest of you handle things like this. I already have a master
css style sheet which pretty much controls the rest of how my pages
look, so I could easily add a bold or underline div, or i could just
do it right there as a span. What would you guys suggest for best
practice?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Heights and Widths not working in Firefox (I know!)

[Henry Felton]

For once IE is working but not Firefox!

I have a series of s that have their heights, widths and background
images set in CSS. The background images are 1px repeats across the whole
.

Now, in IE the  fill all the space they should but in FF they just cover
the text in the  - nothing else.

The page is: http://www.henryfelton.co.uk/oscarlayout/ (the problem is
clearer if you see it in both browsers I think).

Any help would be very much appreciated (the CSS is embedded in the page
source).

Thanks,

Henry
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [OT] Javascript: getElementsByTagName() getElementsById(): How getElementsByClass()?

[Paul Novitski]

At 8/20/2006 01:29 PM, Nick Urbanik wrote:
>This is tangentially related to this list

But not closely enough.  Here's a great JavaScript list for future 
scripting questions:
https://lists.LaTech.edu/mailman/listinfo/javascript


>Now I can see that Javascript provides getElementsByTagName(),
>getElementsById() and getElementsByName().  My question is:

getElementsById() is incorrect, it should be getElementById() 
(singlular); ids are intended to be unique on a page.


>How do I implement the equivalent of getElementsByClass() (which as
>far as I can see, is not built into Javascript?).

http://google.com/search?q=getElementsByClass

Regards,
Paul 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [OT] Javascript: getElementsByTagName() getElementsById(): How getElementsByClass()?

[Christian Heilmann]

> Dear Folks,
>
> This is tangentially related to this list, since I am trying to
> improve the simple suckerfish.js code at
> http://www.htmldog.com/articles/suckerfish/hover/ to be able to use
> classes as well as ids, in my continued effort to to solve my problems
> with CSS horizontal menus mentioned above.
>
> Now I can see that Javascript provides getElementsByTagName(),
> getElementsById() and getElementsByName().  My question is:
>
> How do I implement the equivalent of getElementsByClass() (which as
> far as I can see, is not built into Javascript?).
>
> As you can guess, I am totally new to Javascript, and a beginner at
> CSS.

Yes, so why do you try to solve all the problems on your own?

http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
is an implementation of getElementsByClassName, and nearly every
JavaScript library out there has similar solutions.

As to implementing more than one multi level dropdown menus on a page:
Have you considered the users without CSS or JavaScript? Do they
really need all these options?

-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] validating site doesn't anti up

[videoscott1]

Partial guilt admitted;-) I should've subjected it  problem for the 
wiki. When I got no reply after an hour and needed to go for the last 
couple of days, I thought I'll re-word & hopefully clarify it for the 
specific problem I'm having with the ?padding?  or whatever it is, in 
the li's for which I hadn't gotten even a clue from you on that;-\ Much 
appreciated for the other stuff though!

Question here still stands. PLEASE! ;-)

[EMAIL PROTECTED] wrote:

> [EMAIL PROTECTED] wrote:
>
>> www.videointegrations.com/odyssey
>>
>> Trying to fix #sidebar & #sidebar ul problems and can't fix it. 
>> Safari & Opera look like there is padding on the top of the top 2 
>> li's yet there isn't. NS 7.1 is closest to what it should look like, 
>> and I haven't bothered yet with IE6. I added #sidebar li to try 
>> different things with it, like giving the li's height, no go;-( Am 
>> getting frustrated and need to get this site done by Monday so if 
>> someone would please lend me there expertise that would be great!
>>
>> thanks,
>> Scott
>>
> Hi double poster!
> I just replied your other topic about the same. :-)
> francky


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] [OT] Javascript: getElementsByTagName() getElementsById(): How getElementsByClass()?

[Nick Urbanik]

Dear Folks,

This is tangentially related to this list, since I am trying to
improve the simple suckerfish.js code at
http://www.htmldog.com/articles/suckerfish/hover/ to be able to use
classes as well as ids, in my continued effort to to solve my problems
with CSS horizontal menus mentioned above.

Now I can see that Javascript provides getElementsByTagName(),
getElementsById() and getElementsByName().  My question is:

How do I implement the equivalent of getElementsByClass() (which as
far as I can see, is not built into Javascript?).

As you can guess, I am totally new to Javascript, and a beginner at
CSS.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpfJ5ABk6unY.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] safari problem

[Kamil Grymuza]

Hello

My problem is showed here:

http://projectkaitsch.com/kontakt.php


When you click radio called 'zapytanie ofertowe' somee javascript show
additional content.

The layout is achieved by positiong footer absolute inside wrapper div
(height 100%). All the layout rules are in
http://projectkaitsch.com/layout.css and layout_ie.css

In every browser the layout works fine- that's not the problem (it is
resized either by left or right column). Even this ajax type form works
almost everywhere. The problem is only in safari.
My question is a little OT maybe, but I figured maybe someone had
similliar problem when resizing content dynamicaly.

plz help :)





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] removing HTML tables, redesign to use CSS

[bj]

>Hello, I am new to CSS. We have CMS (Content Management System). It
> uses a lot  of HTML tables to lay out design. For example, navigation
> menu on the right  is placed into table cell. My boss told me to
> redesign this site using CSS,  removing HTML tables. Any ideas how do
> I do it? Thank you in advance.

One problem, as Ingo pointed out, is the output of your CMS. Certain CMS 
programs output pretty awful code, and force you to use those tables you've 
been asked to get rid of. If the CMS your company has been using is one of 
those, you could end up pulling out all your hair and diving into that 50 
gallon drum of Aspirin ~dl~ has mentioned . . . 

One CMS I've had good luck with is ModX, which allows totally compliant and 
accessible layouts. It also has an importer so you can transfer all content 
from another CMS into ModX. Then you'll just have to build the xhtml/css 
template to match your company's "look".



I'd suggest starting with a modX template that is closest to what your company 
currently uses and customize from there. Once you have it up and running, this 
group can help you with css issues. ModX specific questions and templating 
questions will be better handled on the ModX forum.

Good luck!
bj



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Navigation woes

[francky]

Vicki Stebbins wrote:

>Hi all,
>
>I've just begun a redesign of a site (a love job) and am having trouble 
>with my navigation div.
>
>In IE the popout menu appears but you can only select the top menu item, in 
>other words if it shows:
>* cats
>* dogs
>only cats can be selected and the menu disappears for dogs.
>
>In Opera the width of the div grows to house the popout menu within the div 
>instead of popping out outside of the div.
>
>Works fine in FF and validates well for the CSS and xhtml.
>
>I'm trying to keep this site easy and clean and easy to update... the 
>previous site has ended up cluttered and difficult to maintain other the 
>cats and dogs.
>
>The page is at http://www.animalrights.org.au/new/
>CSS at http://www.animalrights.org.au/new/styles/arrg.css
>
>I've used the menu before and didn't have this problem but this time I was 
>wanting the main nav to show as the boxes.
>
>Hoping someone can help.
>
>Many thanks
>
>Vicki
>
Hi Vicki,
I guess it is something in the margins and paddings of the secondary 
menu, which is causing that IE loses focus and disappears.
I've made an example of a quite similair menu, maybe you can use some of 
that:
"The Keyboardfish" 


Greetings,
francky


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Navigation tabs

[francky]

Bob Easton wrote:

>ed gooddy wrote:
>  
>
>>Hi all,
>>   I am trying to work out how to create navigation tabs using images for the 
>> curved sides and backgroundsbut I am getting comfused. I have made three 
>> examples: http://www.villa-corti.com/indexnav.html
>>[...]
>>
>>
>It sounds like Douglas Bowman's "Sliding doors" technique is what you 
>need.  Ne created curved corner tabs that adjust to the width of text in 
>the tabs, and has been well tested in many browsers.
>
>http://alistapart.com/articles/slidingdoors/
>  
>
Yes, and some more literature:

* css-d Wiki page about list tabs
  
* the MaxDesign's Listamatic pages
  
* the Accessify's List-o-matic wizard
  
* an example with (css hoverable) image changing tabs
  

* some background theory in my Liquid Corners and Port Hole article,
  see index 

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] removing HTML tables, redesign to use CSS

[Arlen Walker]

On Aug 20, 2006, at 3:06 AM, Leo Ingson wrote:

> On Sat, 19 Aug 2006 19:48:15 +0400 Kimathi <[EMAIL PROTECTED]> wrote:
>
>> Hello, I am new to CSS. We have CMS (Content Management System). It
>> uses a lot  of HTML tables to lay out design. For example, navigation
>> menu on the right  is placed into table cell. My boss told me to
>> redesign this site using CSS,  removing HTML tables. Any ideas how do
>> I do it? Thank you in advance.
>
> Quite unspecific question. I guess the major issue might be
> configuration of the CMS output. Which CMS do you use?

First, pick up a copy of More Eric Meyer on CSS. He walks you through  
a practical example of doing just that.

Which CMS is a good question, but perhaps a better one would be which  
templating system does the CMS use?

I suspect there will be a lot of PHP code changes to make, which will  
be beyond the scope of this list, because I've yet to meet a CMS that  
actually does the job correctly, but the general procedure would be:

1) Save a copy of the source generated by the CMS.
2) Go through this copy, making changes to HTML and CSS until you  
have achieved the aim.
3) Go back to the templates used to generate this code, and edit them  
until they put out code identical to your creation.

Be aware going in to this, however, that depending upon the CMS it  
may not be possible to get it to generate table-free design. Joomla,  
for example,  will not let that happen, no matter how hard you try,  
without modifying some of the core code of the CMS, along with that  
of several 3rd party modules.

So, the first question that needs answered is "Is the CMS you're  
using capable of producing table-free designs?" And if the answer to  
that question is "No" then the next question is "Are you willing to  
go through the hassle of changing CMS engines?"



Have Fun,
Arlen

--
In God we trust, all others must supply data

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Navigation tabs

[Bob Easton]

ed gooddy wrote:
> Hi all,
>I am trying to work out how to create navigation tabs using images for the 
> curved sides and backgroundsbut I am getting comfused. I have made three 
> examples: http://www.villa-corti.com/indexnav.html 
>   In the first example- navtabs div -I have an image rightside.jpg which I 
> put on the A link and repeat which creates the background for the link text. 
> I put left_side.gif as the background image for the UL for the lefthand 
> curved sides.
> There is a problem with the tabs not being side by side. Is this a good way 
> to do it? How do I make the tabs side by side?
>   In the second example -navtabs1 div-I have an image rightside.gif which I 
> put on the A link and don`t repeat which creates the right curved sides. 
> I put left_side.gif as the background image for the lefthand curved sides.
> How do I put a background on the link?
>   The third example -navtabs2 div- is the same as the second example but I 
> put a background-color on the a link which covers the curved side. How do I 
> put a background- I don´t know how to put another image on the a link? What 
> is the solution?
>   I know there are various ways to do curved backgrounds usgin css without 
> images but at this stage I want to try and find the best way to do this with 
> images and then I will check and see if they work with different browsers.
>   Any comments greatly appreciated, Thanks!
> 

It sounds like Douglas Bowman's "Sliding doors" technique is what you 
need.  Ne created curved corner tabs that adjust to the width of text in 
the tabs, and has been well tested in many browsers.

http://alistapart.com/articles/slidingdoors/

-- 
Bob Easton
Accessibility Matters: http://access-matters.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Firefox height, min-height difference for internal 100% divs

[Tony Martin]

Hi,

I have tried the archives, cannot see an answer, but it must be a simple 
one.

I am writing a page specifically for firefox.

#outer {
  background-color: red; width: 100%; height: 400px;
}
#leftcol {
  background-color: blue; width: 30%; height: 100%; float: left;
}

gives me what I want - leftcol same length as outer,  but I also would like 
the outer div to expand, so I set it to min-height: 400px.
Now the leftcol 100%  becomes the height of the viewport.

i can get what i want by setting leftcol to also be min-height 400px, but 
what is it that changes in interpretation of height and min-height?


Thanks for any info
Tony


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Is this possible at all...

[KJ'[EMAIL PROTECTED]]

Excellent. Just what I was looking for. Thank you very much.

Gunlaug Sørtun skrev:
> KJ'[EMAIL PROTECTED] wrote:
>> I'm trying to get a fixed width div and an elastic div play together
>>  inside an elastic wrapper div. So now I'm wondering is that possible
>> at all?
>
> Yes, but you've locked up 'width' too much for your version to work.
> Better take the following (found through the CSS-D WIKI)...
> 
> ...and modify that until it suits you.
>
> I use that method a lot - like here...
> 
> ...but it isn't all that obvious since I have added so much *garbage*
> err... *styleable elements* into the mix :-)
>
> regards
> Georg
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] removing HTML tables, redesign to use CSS

[Leo Ingson]

On Sat, 19 Aug 2006 19:48:15 +0400 Kimathi <[EMAIL PROTECTED]> wrote:

> Hello, I am new to CSS. We have CMS (Content Management System). It
> uses a lot  of HTML tables to lay out design. For example, navigation
> menu on the right  is placed into table cell. My boss told me to
> redesign this site using CSS,  removing HTML tables. Any ideas how do
> I do it? Thank you in advance.

Quite unspecific question. I guess the major issue might be
configuration of the CMS output. Which CMS do you use?


Gruss, Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/