Re: [css-d] IE help for Rating system

[Els]

Kevin Old wrote:
> Hello everyone,

Hi :-)

> I've taken this rating system
> (http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/)
> and paired it with Prototype (http://prototype.conio.net) so
> that it reports the ratings via Ajax.
>
> I have a working version here (ajax is disabled though):
> http://kold.homelinux.com/rating_new/rating.html
>
> Problem is, the green stars don't "stick" like they do in
> Firefox.

In my own version of IE I have JavaScript disabled, which might 
be why I don't see the green starts stick, but apart from that, 
you are not using a doctype, which means IE is in quirksmode. Try 
Standards mode and see if IE then still doesn't wanna play.

For me (non JavaScript knowledgeable) it takes a static page in 
the "after JS was activated" situation, i.e. with markup and css 
as caused by the script, to figure out what it is that causes IE 
to not behave. Without that, it could just be a JavaScript 
problem instead of a CSS one.

The only place in the CSS I see a green star, is on the span, and 
with display:none.
The only way I can get a static green star in my browser, is by 
removing the display:none *and* setting the style to the  
instead of the , but that's in all browsers, so... can you 
provide a static 'after JS' page showing green starts in Firefox 
and white ones in IE?

-- 
Els
http://locusmeus.com/
http://locusoptimus.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] stumped x 3

[Dave Solko]

I have a three (most likely simple) CSS issues which are stumping me, 
and I would be grateful for some help.

At http://www.pixelalchemy.com/clients/vibe/sample.html (css at 
http://www.pixelalchemy.com/clients/css/sample.css) I cannot seem to 
get rid of the border around the 'close window' image. Things look 
fine in Safari, but not in Firefox.

How should I go about trying put a 4px shadow around the white 
content area? As you can see, the existing shadow (a background-image 
with repeat-y) has some banding issues. I also haven't been able to 
get the top or bottom shadows to tuck in nicely -- there's always a 
large, ugly gap. A mokup can be found at 
http://www.pixelalchemy.com/clients/vibe/sample.jpg

One last one while I'm asking. I tried modifying MaxDesign's 
floattutorial 8 to create my navigation at 
http://www.pixelalchemy.com/clients/vibe/test2.html (ignore the ugly 
coloured borders). It works/looks fine on a Mac, but horrendous on 
Windows. How should I go about making a vertical navigation with an 
image to the right? I'm shooting for something which looks like 
http://pixelalchemy.com/clients/vibe/master.gif

Please cc me, I'm on digest mode.
TIA for any help. I'll return to lurking.
__
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] IE display random errors

[~davidLaakso]

Bostjan Kern wrote:
> The URL in question is: http://url123.com/z6cer
>
> What do you guys think? Am I making some obvious mistake I can't seem to 
> notice?
>   
Backup your file. Run it through Tidy 
Online. Tidy will correct most of the 974+ 
markup errors. That does not, necessarily, mean that it will solve your 
problem. But presenting valid css and markup to the list will help 
others to de-bug it.
Regards,
~davidLaakso

-- 

Typography exists to honor content. 
--Robert Bringhurst


__
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] IE display random errors

[francky]

Bostjan Kern wrote:

>Hello,
>
>I'm posting for the first time here, so I hope I'm not breaking any rules
>(I've read the FAQ) :)
>
>The URL in question is: http://url123.com/z6cer
>
>Click the "Next" link - "Naslednja stran" and check the ads... The problem
>is IE (6.0) generating weird errors, like:
>- the "IE Duplication Bug"
>- sometimes blocks of text are missing
>- sometimes floating is broken and images run away from their container
>
>I'd really like to find and alternative without using tables, but I can't
>think of anything else to try.
>
>What do you guys think? Am I making some obvious mistake I can't seem to
>notice?
>
>Thanks!
>  
>
Hi Bostjan,
Welcome in the group!
Now your question. Also FF is generating errors - that is: FF is 
displaying the code generated errors. ;-)
Html-Tidy reports a missing  before  on line 116; and that is a 
repeating error in each block. Later it's is the  before the 
starting .
A small typing error ...and copy/paste will do the rest!

And there are an awful lot of unescaped &'s in the links...
See html-validator 
!

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] was look with a PC now: HELP

[~davidLaakso]

Terri Chicko wrote:
> I'm still very new at CSS. Could someone please look at it and tell  
> me where I've gone wrong]
> Terri
>   
Re:http://www.jungle-tamer.com/
Terri, I can't even fix my own stuff. But, there are people on this list 
who can fix anything. I hope one will come along and help out. In the 
meantime, I can, if nothing else, offer some simple advice from my 
personal experience.

Start with a layout that is known to work cross-browser, and plug your 
content into it. Avoid absolute positioning, and setting heights on any 
container. Going off into strange and weird tangents that are known to 
be problematic is always just that. Code to Opera, FF, and Safari. Check 
in on Win/IE from time to time. When you view your work, do so at 800, 
1024, and 1280. Set the fonts using percent so they'll scale in IE. A 
decent layout, and its contents will hold, without breaking or 
overlapping, at 200% zoom with the content p at default(100%).

Simple things that work are far better than complex concepts that fail.

These are some layouts you might consider. There are zillions more.



Regards,
~davidLaakso
Tidy Online and the Wiki are your friends. Use them often.


>
>   
>
>   


__
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] IE display random errors

[Bostjan Kern]

Hello,

I'm posting for the first time here, so I hope I'm not breaking any rules
(I've read the FAQ) :)

The URL in question is: http://url123.com/z6cer

Click the "Next" link - "Naslednja stran" and check the ads... The problem
is IE (6.0) generating weird errors, like:
- the "IE Duplication Bug"
- sometimes blocks of text are missing
- sometimes floating is broken and images run away from their container

I'd really like to find and alternative without using tables, but I can't
think of anything else to try.

What do you guys think? Am I making some obvious mistake I can't seem to
notice?

Thanks!
__
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] running multiple versions of IE

[Jan Brasna]

> I was wondering if anyone could recommend a way to run multiple versions of 
> IE on one computer

http://labs.insert-title.com/labs/Multiple-IEs-in-Windows_article795.aspx
http://browsers.evolt.org/?ie/32bit/standalone
http://weblogs.asp.net/jgalloway/archive/2005/12/28/434132.aspx

-- 
Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net
__
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] IE help for Rating system

[Kevin Old]

Hello everyone,

I've taken this rating system
(http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/)
and paired it with Prototype (http://prototype.conio.net) so that it
reports the ratings via Ajax.

I have a working version here (ajax is disabled though):
http://kold.homelinux.com/rating_new/rating.html

Problem is, the green stars don't "stick" like they do in Firefox.

Can anyone help me with this?

Any help is greatly appreciated!

Kevin
--
Kevin Old
[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] running multiple versions of IE

[Danny Sanchez]

Thanks for the great advice on this listserv. I was wondering if anyone could 
recommend a way to run multiple versions of IE on one computer without 
partitioning the hard drive. I was particularly interested in testing IE7 Beta. 
Any suggestions?
   
  Thanks,
  Danny Sanchez
  Senior, University of Florida
  [EMAIL PROTECTED]


-
Talk is cheap. Use Yahoo! Messenger to make PC-to-Phone calls.  Great rates 
starting at 1¢/min.
__
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] Site check and IE hack needed?

[Gunlaug Sørtun]

Erin Spangler wrote:

> http://www.frr.thedogsonline.com

> I'm sure that I need some sort of box model IE hack to force IE to 
> display the content along side the floated right column, but I don't 
> know which one I need. I try to design as "hack-less" as possible, 
> but IE makes it darn near impossible.

No hack needed, but a slight workaround for an IE bug is called for.

You have inadvertently triggered 'hasLayout' on #content by adding a
width on it, and that makes that container run out of space and drop
below the #rt-col.

Use this instead...

#content {
width: auto;
margin-right: 260px;
}

...and IE will line up better.

> Besides IE's destruction, could I get a site check of the index page 
> as well as the "Dog Products" page?
> 
> Also, could someone explain why my rounded rectangle box is sticking 
> so far out from the right side? It's margins and padding are set at 0
> and it's parent element (rt-col) only has a margin of 5 and 0 
> padding. (I'd remove the 5px margin, but I need it for the Dog 
> Products page to keep the text below the B&W photo off the border.

Another IE bug. IE will apply 'text-align: center' to whole containers
instead of just text and images. Thus it is centering the #navimg.
A small addition...

#rt-col {
text-align: left;
}

...will correct that.

You should also "tighten up" around that rounded bottom in the source
code, like this...



...as IE's whitespace bug is adding an extra line down there which makes
the background for the column show below the bottom-image.


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/

[css-d] Still need IE help

[Erin Spangler]

Thanks,

I added the html font-size that your recommended and I took the  
padding out of my body and used it instead in my paragraphs. I  
figured out why my rounded rectangle box didn't line up, but I'm  
still struggling with IE both in Windows and Mac.

I've checked the site in Windows Netscape, Firefox, Opera, IE and  
Mac's Safari, Firefox, Opera and IE. Everything looks great except  
for IE on both systems. In Windows, it's forcing the content of the  
page below the right side floated column. In Mac it's not honoring  
the 75% width and the border for the divs is going under the right  
column. What a mess.

Any suggestions to force IE to honor the float, or the page width, or  
whatever it's having problems with???

Thanks!


>
> http://www.frr.thedogsonline.com
>
>
> Erin Spangler
> http://www.thedogsonline.com
> Web Design and Hosting for the dog enthusiast
>
>
>
>
> __
> 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-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] Site check and IE hack needed?

[~davidLaakso]

Erin Spangler wrote:
> Besides IE's destruction, could I get a site check of the index page  
> as well as the "Dog Products" page?
>
> http://www.frr.thedogsonline.com
>
>
> Erin Spangler
>
>
>
>   
I don't have IE now Erin, but a quick look at the code shows that adding 
this to your css will defeat the IE font-resizing bug(when using em for 
font-sizes):
html {font-size: 100%;}
Another aside is that with IE, you need to be a little cautious adding 
horizontal padding to containers that specify width-- same for borders. 
Adding the padding to what is contained will often avoid some hacking. 
For example: add horizontal padding to the p that is contained within a 
width specified container( rather than padding the container). And 
allowing for a little leeway for IE's goofy expansion in the general 
structure of the base layout, sometimes helps, too.
Regards,
~davidLaakso

-- 

Typography exists to honor content. 
--Robert Bringhurst


__
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] Newbie layout question

[Mark Fellowes]

Francky,
Thank you for that page and comments! Very helpful.
And yes I have seen the WIKI and glad you pointed me back to it.  I've been 
digging around on various 
css sites, there is so much out on the web. Seems like there is a bit of a 
learning curve ;). I've been at this page layout for a week now.

Mark

From: francky[mailto:[EMAIL PROTECTED]
Sent: Monday, April 17, 2006 8:24 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Newbie layout question





Mark Fellowes wrote:



>This relates to the sideNav tag [see code below]

>While it's in the right position, just typing into it extends it passed the 
>width that's set.

>Do I need a rule for the  to control that or could it be done with the box 
>alone ?

>

>html: [...]

>css: [...]

>

>TIA 

>Stuart

>  

>

Hi Stuart,

Normally the sideNav box should stay in the same width. But there are 

some exceptions.

See your code and comments in a testpage 

. 



Greetings,

francky



btw:

You know the layout pages of the WIKI? 

 


__
Organize. Communicate. Share. @ http://www.goowy.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] Some sort of IE hasLayout issue on image thumbnail links

[Christian Montoya]

On 4/17/06, Ingo Chao <[EMAIL PROTECTED]> wrote:
> Christian Montoya wrote:
> > I have a problem at http://christianmontoya.com in IE 6. On the right
> > hand column are some photos. These photos do not float correctly in IE
> > 6 unless you hover them. I'm not sure why it's happening except that
> > it might be a hasLayout issue.
>
> #sidephotos a img { margin: 0 2% 0 0; width: 48%; }
>
> is triggering the quirky percentages bug on margins (test it with 0.5%
> to see the jump), and
>
>
> #sidephotos { ...
> width:100%;
> }
>
> should fix the initial misalignment.

Ah, so the hasLayout issue was on the containing div all along... all
this time I tried applying layout to the children, but that got me no
where. Thanks very much, problem solved!

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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] Site check and IE hack needed?

[Erin Spangler]

Hello,

I'm sure that I need some sort of box model IE hack to force IE to  
display the content along side the floated right column, but I don't  
know which one I need. I try to design as "hack-less" as possible,  
but IE makes it darn near impossible.

Besides IE's destruction, could I get a site check of the index page  
as well as the "Dog Products" page?

Also, could someone explain why my rounded rectangle box is sticking  
so far out from the right side? It's margins and padding are set at 0  
and it's parent element (rt-col) only has a margin of 5 and 0  
padding. (I'd remove the 5px margin, but I need it for the Dog  
Products page to keep the text below the B&W photo off the border.

http://www.frr.thedogsonline.com


Erin Spangler
http://www.thedogsonline.com
Web Design and Hosting for the dog enthusiast




__
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] Site check on Mac please

[~davidLaakso]

Webadmin - Tenbus wrote:
>  
>
>   
>> Simple is extremely hard to do. You've done it well. Neat stuff on
>> Linux-- no Mac, here.
>> 
>
> I've incorporated all your kind suggestions, I even made the nav links into
> a ul.
>   
re:

Lists are automatically indented from the left margin. The amount of 
indentation depends on the font-size. At default it's around 40px. When 
the fonts are zoomed the two word list item on your page breaks right. A 
simple method to fix this is to insert between the two words in 
the markup. Or changing or reducing the left margin-- however this may 
make the bullets go outside the container. Either way, you can eliminate 
the bullets by adding: list-type-style: none; to the css. And adding 
line-height to the ul(as a raw number, will modify the vertical spacing 
of the list items(if you want to do that).

As I mentioned before, you may want to color the links(they can be 
black, for that matter); but now, they are not specified in your CSS. 
This makes your page look unfinished(my default is blue and purple).

Your page is not on the server at the moment, so I can't be more 
specific than to say, I don't understand the paragraph indentation on 
some of the inside pages. It starts as a wide indentation, and then 
changes to what I would consider normal. How come?
Best,
~davidLaakso

>   
>> PS Ingo made an excellent choice. I'll have same as him...
>> 
>
> LOL!
>
> Thanks again!
> Spike
>
>
>
>
>
>
> __
> 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/
>
>
>
>   


-- 

Typography exists to honor content. 
--Robert Bringhurst


__
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] Newbie layout question

[francky]

Mark Fellowes wrote:

>This relates to the sideNav tag [see code below]
>While it's in the right position, just typing into it extends it passed the 
>width that's set.
>Do I need a rule for the  to control that or could it be done with the box 
>alone ?
>
>html: [...]
>css: [...]
>
>TIA 
>Stuart
>  
>
Hi Stuart,
Normally the sideNav box should stay in the same width. But there are 
some exceptions.
See your code and comments in a testpage 
.

Greetings,
francky

btw:
You know the layout pages of the WIKI? 

__
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] Some sort of IE hasLayout issue on image thumbnail links

[Ingo Chao]

Christian Montoya wrote:
> I have a problem at http://christianmontoya.com in IE 6. On the right
> hand column are some photos. These photos do not float correctly in IE
> 6 unless you hover them. I'm not sure why it's happening except that
> it might be a hasLayout issue. 

#sidephotos a img { margin: 0 2% 0 0; width: 48%; }

is triggering the quirky percentages bug on margins (test it with 0.5% 
to see the jump), and


#sidephotos { ...
width:100%;
}

should fix the initial misalignment.


Ingo

-- 
http://www.satzansatz.de/css.html
__
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] Site check on Mac please

[Webadmin - Tenbus]

 

-Original Message-
From: ~davidLaakso [mailto:[EMAIL PROTECTED] 
Sent: 17 April 2006 16:16
To: [EMAIL PROTECTED]
Cc: CSS Discussion
Subject: Re: [css-d] Site check on Mac please

> Simple is extremely hard to do. You've done it well. Neat stuff on
> Linux-- no Mac, here.

Many thanks David!

I've incorporated all your kind suggestions, I even made the nav links into
a ul.

> PS Ingo made an excellent choice. I'll have same as him...

LOL!

Thanks again!
Spike






__
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] Disabling wrapping elements within a div

[Donna Casey]

Mike Botsko wrote:
> Thanks, this worked perfectly!

You are very welcome!


__
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] Site check on Mac please

[Webadmin - Tenbus]

Comments in-line below Tedd!
 
-Original Message-
From: tedd [mailto:[EMAIL PROTECTED] 
Sent: 17 April 2006 14:50
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] Site check on Mac please

> 1. The size of the images are much larger than they should be. Check out:
>
> http://www.xn--ovg.com/emma  (for illustration only)
>
> Both images show the same thing, but yours is 40 times are large as the
other.

Thanks for that!

I appreciate that these images are well bloated. I'm waiting for some
additional/better images from my 'customer' and I'll be sure to compress
these appropriately.

> 2. Use of png images confuse some browsers, use jpg. (I may get an
argument from that
> statement, but that's been my experience).

Fair enough! I've never experienced a problem myself, but I'd be interested
in other people's opinions.

> 3. From your gallery, you can click to see a larger image. Make it such
that if you
> click the larger image, you return back to the gallery.

Good idea Tedd, I'll look into that, many thanks!

> Outside of that, it works/looks fine for me.  (Mac OS-X 10.4.6 -- Safari
2.0.3).

I really appreciate you taking the time help me with this!

Best regards!
Spike


__
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] Some sort of IE hasLayout issue on image thumbnail links

[Christian Montoya]

Listers,

I have a problem at http://christianmontoya.com in IE 6. On the right
hand column are some photos. These photos do not float correctly in IE
6 unless you hover them. I'm not sure why it's happening except that
it might be a hasLayout issue. Any help is appreciated. Thanks in
advance.

(this site is still under construction so please ignore all the other issues)

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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] dropping divs on text resize?

[~davidLaakso]

Design Groups wrote:
> Now I have a new question :)
>   
I'm not sure of anything, including your question. Be that as it may, 
try this menu. 
If you use line-height, as the author did, do not use px for it(it's 
some raw number-- line-height: 1.2; -- there is no unit of measure).
> However, I know that not *all* elderly folks out there are completely 
> computer illiterate, 
>   
If your goal is accessibility and usability for children of all ages 
then set the font-size on the body to default(100%). And do not set 
height on containers.
> If it helps, here's a link to the code in question:
>
> HTML (with tables): http://www.foolishvisions.com/site/stripped.html
> CSS (global): http://www.foolishvisions.com/site/css/stripped.css
>
>
> ~Shelly 
>
>
>   
Best,
~davidLaakso

-- 

Typography exists to honor content. 
--Robert Bringhurst


__
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] Disabling wrapping elements within a div

[Mike Botsko]

Thanks, this worked perfectly!

Michael Botsko
Web Developer
503.227.2571 x230
AIM: botskonet
TechTracker, Inc
www.techtracker.com


-Original Message-
From: Donna Casey [mailto:[EMAIL PROTECTED]
Sent: Monday, April 17, 2006 10:11 AM
To: CSS Discuss (E-mail)
Cc: Mike Botsko
Subject: Re: [css-d] Disabling wrapping elements within a div


Mike Botsko wrote:
> http://www.botsko.net/test.html
However, I don't want the link text itself
> to wrap, so that a link is broken between two lines. I just want the
> entire link to be pushed to the next line if the first line is too
> long, I don't want it to wrap the link itself otherwise the gray box
> starts on one line and ends on the next

for your  tags, add the following properties:

display: block;
width: auto;
float: left;
white-space: nowrap;

and then, just before the closing div of the container that surrounds 
all the links, add a clearing element:

.clearme {
clear: both;
height: 0px;
}

See this page. I set the #simulatedHeader to an 80% width so you can 
change the browser width and see that all the links behave as expected.

http://n2dreamweaver.com/n2dreamweaver/tips/nowrap.htm

HTH
Donna


__
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] Disabling wrapping elements within a div

[Mike Botsko]

Thanks. However, that causes the links to jump out of the containing header DIV 
in Firefox. In IE, the last item on each line is not wrapped, just wrapped 
within its own DIV, which expands the line-height. I'll try this using lists, 
but so far I'm still getting the weird wrapping in IE.

Michael Botsko
Web Developer
503.227.2571 x230
AIM: botskonet
TechTracker, Inc
www.techtracker.com


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Glenn E.
Lanier, II
Sent: Monday, April 17, 2006 10:00 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Disabling wrapping elements within a div


From: Mike Botsko
Sent: Monday, April 17, 2006 11:40 AM

> http://www.botsko.net/test.html

> That I am designing a very basic set of links. In the real 
> site, the header will limit this area to a min-width of 
> 600px. The number of links within this area will vary. If 
> there are too many, I want them to wrap to the next line. 
> However, I don't want the link text itself to wrap, so that a 
> link is broken between two lines. I just want the entire link 
> to be pushed to the next line if the first line is too long, 
> I don't want it to wrap the link itself otherwise the gray 
> box starts on one line and ends on the next - very ugly. I 
> need this to work in IE 6+, Firefox, Safari.

Add float:left; to your #subCatLinkBox a rule, i.e.,

#subCatLinkBox a 
{
  /* all your other rules */
  border: 1px solid #ccc;
  float:left; /* the new rule */
}

You *may* have to add a clear:left; to the section following your
div#subCatLinkBox.

However, you may want to look at marking these links as an unordered list
instead of many div's containing a single link. 

See the wiki for List tricks [1], which includes a link to Listamatic [2]
which should prove really helpful. If you want the links to appear in
columns, then the wiki multiple column lists [3] may help.

[1] http://css-discuss.incutio.com/?page=ListTricks
[2] http://css.maxdesign.com.au/listamatic/
[3] http://css-discuss.incutio.com/?page=MultipleColumnLists

--G

__
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-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] Disabling wrapping elements within a div

[Donna Casey]

Mike Botsko wrote:
> http://www.botsko.net/test.html
However, I don't want the link text itself
> to wrap, so that a link is broken between two lines. I just want the
> entire link to be pushed to the next line if the first line is too
> long, I don't want it to wrap the link itself otherwise the gray box
> starts on one line and ends on the next

for your  tags, add the following properties:

display: block;
width: auto;
float: left;
white-space: nowrap;

and then, just before the closing div of the container that surrounds 
all the links, add a clearing element:

.clearme {
clear: both;
height: 0px;
}

See this page. I set the #simulatedHeader to an 80% width so you can 
change the browser width and see that all the links behave as expected.

http://n2dreamweaver.com/n2dreamweaver/tips/nowrap.htm

HTH
Donna


__
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] Disabling wrapping elements within a div

[Glenn E. Lanier, II]

From: Mike Botsko
Sent: Monday, April 17, 2006 11:40 AM

> http://www.botsko.net/test.html

> That I am designing a very basic set of links. In the real 
> site, the header will limit this area to a min-width of 
> 600px. The number of links within this area will vary. If 
> there are too many, I want them to wrap to the next line. 
> However, I don't want the link text itself to wrap, so that a 
> link is broken between two lines. I just want the entire link 
> to be pushed to the next line if the first line is too long, 
> I don't want it to wrap the link itself otherwise the gray 
> box starts on one line and ends on the next - very ugly. I 
> need this to work in IE 6+, Firefox, Safari.

Add float:left; to your #subCatLinkBox a rule, i.e.,

#subCatLinkBox a 
{
  /* all your other rules */
  border: 1px solid #ccc;
  float:left; /* the new rule */
}

You *may* have to add a clear:left; to the section following your
div#subCatLinkBox.

However, you may want to look at marking these links as an unordered list
instead of many div's containing a single link. 

See the wiki for List tricks [1], which includes a link to Listamatic [2]
which should prove really helpful. If you want the links to appear in
columns, then the wiki multiple column lists [3] may help.

[1] http://css-discuss.incutio.com/?page=ListTricks
[2] http://css.maxdesign.com.au/listamatic/
[3] http://css-discuss.incutio.com/?page=MultipleColumnLists

--G

__
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] Disabling wrapping elements within a div

[Mike Botsko]

I have a test page:

http://www.botsko.net/test.html

That I am designing a very basic set of links. In the real site, the header 
will limit this area to a min-width of 600px. The number of links within this 
area will vary. If there are too many, I want them to wrap to the next line. 
However, I don't want the link text itself to wrap, so that a link is broken 
between two lines. I just want the entire link to be pushed to the next line if 
the first line is too long, I don't want it to wrap the link itself otherwise 
the gray box starts on one line and ends on the next - very ugly. I need this 
to work in IE 6+, Firefox, Safari.

Any ideas?

Michael Botsko
Web Developer
503.227.2571 x230
AIM: botskonet
TechTracker, Inc
www.techtracker.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] Newbie layout question

[Mark Fellowes]

This relates to the sideNav tag [see code below]    
While it's in the right position, just typing into it extends it passed the 
width that's set.
Do I need a rule for the  to control that or could it be done with the box 
alone ?

html:
body>

Content for  id "fd" Goes Here





css:

#page {
position: absolute;
width: 800px;
top: 20px;
left: 20px;
background-color: #2f2d4d;}


#sideNav {
width: 200px;
background-color: #6529df;
border-bottom: 1px white solid;
float: left;}

TIA 
Stuart

__
Organize. Communicate. Share. @ http://www.goowy.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] Site check on Mac please - emmajohn

[Webadmin - Tenbus]

Felix wrote:

Fine simplicity!

http://www.snugtech.com/safaritest/ will give you a look on Safari any time.

By adding 'body {font-size: 100%;}' you'll avoid IE user complaints from
their choice of text size settings other than medium. See:
http://css-discuss.incutio.com/?page=UsingEms

#leftnav would prefer a width set in em rather than 160px. It's getting
crowded with really high resolution and font size. Likewise, #container @
90% is rather arbitrary, and would benefit from an em width for those with
wide windows: http://mrmazda.no-ip.com/SS/spikten1.jpg

---

Many thanks Felix!

I've already incorporated your 'body {font-size: 100%;}' suggestion and
changed the width setting of #leftnav from 160px to 10em.

I'll have a play with setting the width of #container from % to em later.

Many thanks for your help!

FWIW the original website is here > http://www.emmajohnstoneceramics.com/
watch out if you have Flash disabled, the nav buttons are .swf . BTW -
Please note, I'm NOT responsible for the original design ;-)

Best regards
Spike



__
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] Site check on Mac please

[Ingo Chao]

Webadmin - Tenbus wrote:
> [mailto:[EMAIL PROTECTED] On Behalf Of Ingo Chao
>>> The URL is http://tenbus.co.uk/index.php .
>> If IEMac is required,
>>
>> div.thumb { ...
>>  
>>  /*\*//*/ width: 100px; /**/
>>  }
>> ...
> 
> May I ask how this hack (if I may call it that) works! I've searched the
> wiki and list archives but have been unable to find any reference to this.

It's the IE5mac band pass filter
http://www.stopdesign.com/examples/ie5mac-bpf/

IE5 CSS oddities are documented by Philippe
http://l-c-n.com/IE5tests/

> It is an important tip, but I think Emma charges at least GBP ...

This is reasonable for these bowls.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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] Site check on Mac please

[Webadmin - Tenbus]

 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Russell Baldwin
Sent: 17 April 2006 11:18
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Site check on Mac please

Nothing to do with mac, but some of your images could be made a bit smaller
for download without losing too much quality?

Russ

On 17 Apr 2006, at 9:40, Webadmin - Tenbus wrote:

-

Good point Russ! I'm waiting for some more/new images from my 'client', I'll
wait until I've got these and then compress them to something a bit more
manageable!

Thanks again!

Spike


__
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] Site check on Mac please

[~davidLaakso]

Webadmin - Tenbus wrote:
>  
> The URL is http://tenbus.co.uk/index.php .
>
> Any other comments welcome.
>
> Spike
>
>   
Simple is extremely hard to do. You've done it well. Neat stuff on 
Linux-- no Mac, here.
In keeping with that, if you state the font-family in the body it will 
inherit. No need to repeat it on each ruleset.
body { font-size: 101%; }
becomes:
body { font: 100%/1.3 sans-serif; } /*100 percent on 1.3 line-height -- 
uses no unit of measure. Personally, I'd use just sans-serif instead of 
the string you had, but that's your call;
and, either way, delete font-family: Arial, Verdana, Helvetica, 
sans-serif; throughout.
And:
#container
{/*line-height: 130%;no longer needed*/}
#content{/*font-size: 1.05em; no longer needed*/}
#content blockquote{/*font-size: 1em;no longer needed*/}
#leftnav p { /*font-size: 1em; no longer needed*/}

FWIW, no big deal, but the navigation is really a list(not p), and is 
customarily set as same(and that will eliminate the 's, too).
Setting something other than default for the states of a, a:link, 
a:visited, a:hover might be nice.
Regards,
~davidLaakso
PS Ingo made an excellent choice. I'll have same as him...




__
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] Site check on Mac please

[Webadmin - Tenbus]

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ingo Chao
Sent: 17 April 2006 11:11
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Site check on Mac please

Webadmin - Tenbus wrote:
>> The URL is http://tenbus.co.uk/index.php .
>
> If IEMac is required,
>
> div.thumb { ...
>   
>   /*\*//*/ width: 100px; /**/
>   }
>
> this would prevent the floating thumbs in gallery from taking 100% of the
width,
> as 'float' does > not shrink-wrap here. I guess this tip isn't important
enough
> to get a free moongold bowl, sight.
>

Many thanks for the tip Ingo!

May I ask how this hack (if I may call it that) works! I've searched the
wiki and list archives but have been unable to find any reference to this.

It is an important tip, but I think Emma charges at least GBP200 for her
'pots'!
I wonder if I should charge her for creating and hosting her
website?

Best regards
Spike


__
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] was look with a PC now: HELP

[Terri Chicko]

WOW David.. that is very helpful.
I'm still very new at CSS. Could someone please look at it and tell  
me where I've gone wrong. The Mac stuff is OK... the space between  
the content div & footer is too long. Suppose to butt up. But the Win  
IE, Opera, and seamonkey?? never heard of that one, are really bad.

Pulling hair out now.
Thank
Terri


> On Apr 16, 2006, at 6:19 PM, ~davidLaakso wrote:
>
>> Terri Chicko wrote:
>>> I just need a quick look to see if this site is blown out of the
>>> water on a PC.
>>> http://www.jungle-tamer.com/
>>> Terri
>>>
>> Some PC captures.
>> 
>> Linux SeaMonkey-- 24px min-font size.
>> 
>> Linux Opera
>> 
>> Regards,
>> ~davidLaakso
>>
>> -- 
>>
>> Typography exists to honor content.
>> --Robert Bringhurst
>> 
>>
>> _ 
>> _
>> 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/
>
> Terri Chicko
> [EMAIL PROTECTED]
> Illustration, Graphics and Web Design
> www.chickoart.com
> www.salishwinds.com
> www.the-point-casino.com
>
>
>

Terri Chicko
[EMAIL PROTECTED]
Illustration, Graphics and Web Design
www.chickoart.com
www.salishwinds.com
www.the-point-casino.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] Stumped

[Kenny Meyers]

Site fixed: 

 

 CSS Positioning Example 
  
 

 

Masthead


Navigation item 1 | Navigation item 2 | Navigation
item 3 | Navigation item 4 | Navigation item 5 | 
 

HeadlineArticle goes here




The stylesheet was fine, although I did change the div tag to an id of
content which you'll want to reflect in your stylesheet. The issue was the
formatted tags which are special characters that browsers don't recognize,
which Dreamweaver 8 doesn't do, btw, but Word is a culprit. 

Cheers,
Kenny



-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Design Groups
Sent: Monday, April 17, 2006 6:44 AM
To: Mark Fellowes; css-d@lists.css-discuss.org
Subject: Re: [css-d] Stumped

I know this seems stupid, and I'm probably going to sound like an idiot for 
saying this...but did the previous author (or whomever coded this stuff) use

soemthing like Dreamweaver (or God forbid, Microsoft Word) to code out this 
stuff?

The reason I ask is because I'm seeing some funky characters in spots they 
shouldn't be in, and I'm thinking it's possible that the browsers are 
reading those funky characters and dismissing them as invalid input - this 
rendering these weird issues.

For example:



See there?  your quotation marks are formatted - they aren't "text-only".

And in your body of the HTML, ALL of your quotation marks are formatted 
text - not text only.

I know it seems silly, but maybe that's the problem?

As for div#body - I think that's just the name he gave for the content area.

It's not because he wants to redo the body of the entire page - he just 
chose a poor name for it.  Normally, it'd be called "#content" or something 
along those lines.

HTH!

~Shelly 

__
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-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] Site check on Mac please

[tedd]

At 9:40 AM +0100 4/17/06, Webadmin - Tenbus wrote:
>
>Hello!
>
>I'm just about to release a redesigned site to the eagerly waiting world.
>I've checked it in FF, IE, Moz, and Opera, all running under WinXP. With the
>exception that IE6.0 does not understand max-width, it seems to work as I
>intend.
>
>I wonder if somebody could please have a look and see what a Mac will make
>of it please.
>
>The URL is http://tenbus.co.uk/index.php .
>
>Any other comments welcome.
>
>Regards
>Spike

Spike:

Three things:

1. The size of the images are much larger than they should be. Check out:

http://www.xn--ovg.com/emma  (for illustration only)

Both images show the same thing, but yours is 40 times are large as the other.

2. Use of png images confuse some browsers, use jpg. (I may get an 
argument from that statement, but that's been my experience).

3. From your gallery, you can click to see a larger image. Make it 
such that if you click the larger image, you return back to the 
gallery.

Outside of that, it works/looks fine for me.  (Mac OS-X 10.4.6 -- 
Safari 2.0.3).

hth's

tedd
-- 

http://sperling.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] Stumped

[Design Groups]

I know this seems stupid, and I'm probably going to sound like an idiot for 
saying this...but did the previous author (or whomever coded this stuff) use 
soemthing like Dreamweaver (or God forbid, Microsoft Word) to code out this 
stuff?

The reason I ask is because I'm seeing some funky characters in spots they 
shouldn't be in, and I'm thinking it's possible that the browsers are 
reading those funky characters and dismissing them as invalid input - this 
rendering these weird issues.

For example:



See there?  your quotation marks are formatted - they aren't "text-only".

And in your body of the HTML, ALL of your quotation marks are formatted 
text - not text only.

I know it seems silly, but maybe that's the problem?

As for div#body - I think that's just the name he gave for the content area. 
It's not because he wants to redo the body of the entire page - he just 
chose a poor name for it.  Normally, it'd be called "#content" or something 
along those lines.

HTH!

~Shelly 

__
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] Stumped

[John Sico]

It looks like it's because the author's used a div called  
"body"...which is kinda confusing.

>> HeadlineArticle goes here

It might make more sense to use "content" instead.

>> HeadlineArticle goes here

Then

>> div#content {
>> height:100%;
>> background-color:#ff;}

for the css.

--
John


On Apr 17, 2006, at 1:30 PM, Mark Fellowes wrote:

> I'm using a simple layout tutorial to build my understanding.  I  
> might have been going backwards (tried a few more complicated  
> ones), however this is confusing me because only the body  
> background is showing, and not the ones set for the div's.
>
> HTML:
> 
> 
> 
> CSS Positioning Example
>  charset=iso-8859-1”>
>  title="stage.css" />  
> 
> Masthead
> 
> Navigation item 1 |
> Navigation item 2 |
> Navigation item 3 |
> Navigation item 4 |
> Navigation item 5 |
> 
> HeadlineArticle goes here
> 
> 
>
> CSS:
> body {
> background-color:#efefef;
> font-family:arial, verdana, sans-serif;}
>
> div {
> width:800px;
> border:1px solid #00;
> margin:1px;
> padding:5px;}
>
> div#masthead {
> height:100px;
> background-color:#d6d6d6;color: #f93315;}
>
> div#navigation {
> height:40px;
> background-color:#66;
> color:#ff;}
>
> div#body {
> height:100%;
> background-color:#ff;}
>
> I was "sort of" wondering why the author chose to add the  
> "div#body", since i'd think the body would have been enough.  This  
> maybe where the color issues are coming from , however I haven't  
> tried to drop the rules for body or drop the div#body.  I want to  
> understant what the purpose is to have both.
>
> Stuart
> __
> Organize. Communicate. Share. @ http://www.goowy.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-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] Stumped

[Mark Fellowes]

I'm using a simple layout tutorial to build my understanding.  I might have 
been going backwards (tried a few more complicated ones), however this is 
confusing me because only the body background is showing, and not the ones set 
for the div's.

HTML:



CSS Positioning Example

  


Masthead

Navigation item 1 |
Navigation item 2 |
Navigation item 3 |
Navigation item 4 |
Navigation item 5 |

HeadlineArticle goes here



CSS:
body {
background-color:#efefef;
font-family:arial, verdana, sans-serif;}

div {
width:800px;
border:1px solid #00;
margin:1px;
padding:5px;}

div#masthead {
height:100px;
background-color:#d6d6d6;color: #f93315;}

div#navigation {
height:40px;
background-color:#66;
color:#ff;}

div#body {
height:100%;
background-color:#ff;}

I was "sort of" wondering why the author chose to add the "div#body", since i'd 
think the body would have been enough.  This maybe where the color issues are 
coming from , however I haven't tried to drop the rules for body or drop the 
div#body.  I want to understant what the purpose is to have both.  

Stuart
__
Organize. Communicate. Share. @ http://www.goowy.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] dropping divs on text resize?

[Design Groups]

Now I have a new question :)

I'm trying to make this site completely CSS-based.  This is something I can 
usually accomplish without an issue.  Most times, I can create a site with 
the problem I have now, and when the text is resized, if certain divs drop, 
it's no one's issue.  Things are still readable and all that, so no one has 
ever had a problem with it.

Well, here comes this fun new site.  Their target audience is the elderly. 
(This is the same site I was talking about before - with the text resize) 
You all helped me figure out how to make the text resize with a button 
click - and this is awesome because I can serve up a different stylesheet 
that will keep everything in place as needed - no problem.

However, I know that not *all* elderly folks out there are completely 
computer illiterate, and there will be some who come to the site and use the 
"View" button in the browser bar to resize the text - not being aware (or 
even looking for) a "click here to enlarge text" button.  So now I'm 
attempting the new issue of having the ability to resize text + and - 2 
sizes (as I usually do) *without* this div dropping problem.

So, here's the main thing.  In the header, I have a couple of sections that 
not only need to remain the same width (this is a fixed-width site at 760 
pixels), but if the text gets too big, the div container will be pushed 
wider (instead of the text wrapping as needed to retain the width) and cause 
the div to drop.  The main issue is in the navigation menu - it's horizontal 
and expands the width of the site.  At normal size and smaller, it's cool, 
but when you get *bigger* the last one or two menu items drop below the 
rest.

So far, I've managed to correct this issue by placing the questionable areas 
inside a table - man I haven't done that in a long time!  But I'd *really* 
rather not use the table.  Is there a way to somehow force the div "cells" 
to remain the same width, and force the text to wrap, so that each item 
doesn't drop below when text is made bigger?

If it helps, here's a link to the code in question:

HTML (with tables): http://www.foolishvisions.com/site/stripped.html
CSS (global): http://www.foolishvisions.com/site/css/stripped.css

I've taken out all the names and such, because I don't know how my "boss" 
will feel about posting a public link to the site before it's been made 
public by the company in question...so please bear with the ugliness as I 
try to retain the client's privacy and my sanity at the same time!

Anyway, you can see where I've placed the table cells: in the header and 
towards the bottom of the content areas, where the UL tags reside.  (The 
table cell to the right of the page *has* to stay a table - so that one 
shouldn't be bothered with - something about their database system)  I kept 
the footer tableless, but I'm considering putting that in a table as well, 
because it experiences the same issue: when made larger, the end items 
("Contact Us", etc) drop below the rest.

I'd appreciate any help/advice you all could give so very much.  I'd 
*really* like to avoid tables on this one, but if I can't find a solution, I 
may have to stick with them on this issue.

~Shelly 

__
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] Enlarging Text with a Link

[Design Groups]

Thanks all - for all of this info.  I really appreciate it.  Now, my issue 
is I'm told that the client is using a Windows server, with no PHP  Agh! 
Can this be any more fun for me?  Anyway, they're verifying this, but I 
swear I hope they're wrong.  Criminy.

Anyway, thanks a bunch - it's been very helpful!

~Shelly 

__
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] Site check on Mac please

[Russell Baldwin]

Nothing to do with mac, but some of your images could be made a bit  
smaller for download without losing too much quality?

Russ

On 17 Apr 2006, at 9:40, Webadmin - Tenbus wrote:

> I wonder if somebody could please have a look and see what a Mac  
> will make
> of it please.
>
> The URL is http://tenbus.co.uk/index.php .

__
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] Site check on Mac please

[Ingo Chao]

Webadmin - Tenbus wrote:
> The URL is http://tenbus.co.uk/index.php .

If IEMac is required,

div.thumb { ...

/*\*//*/ width: 100px; /**/
}

this would prevent the floating thumbs in gallery from taking 100% of 
the width, as 'float' does not shrink-wrap here. I guess this tip isn't 
important enough to get a free moongold bowl, sight.

Ingo
-- 
http://www.satzansatz.de/css.html
__
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] Site check on Mac please - emmajohn

[Felix Miata]

On 06/04/17 04:40 (GMT-0400) Spike apparently typed:

> I wonder if somebody could please have a look and see what a Mac will make
> of it please.

> The URL is http://tenbus.co.uk/index.php .

> Any other comments welcome.

Fine simplicity!

http://www.snugtech.com/safaritest/ will give you a look on Safari any time.

By adding 'body {font-size: 100%;}' you'll avoid IE user complaints from
their choice of text size settings other than medium. See:
http://css-discuss.incutio.com/?page=UsingEms

#leftnav would prefer a width set in em rather than 160px. It's getting
crowded with really high resolution and font size. Likewise, #container
@ 90% is rather arbitrary, and would benefit from an em width for those
with wide windows: http://mrmazda.no-ip.com/SS/spikten1.jpg
-- 
"Have nothing to do with the fruitless deeds of darkness, but
rather expose them."Ephesians 5:11 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/auth/auth
__
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 on Mac please

[Webadmin - Tenbus]

 
Hello!

I'm just about to release a redesigned site to the eagerly waiting world.
I've checked it in FF, IE, Moz, and Opera, all running under WinXP. With the
exception that IE6.0 does not understand max-width, it seems to work as I
intend.

I wonder if somebody could please have a look and see what a Mac will make
of it please.

The URL is http://tenbus.co.uk/index.php .

Any other comments welcome.

Regards
Spike


__
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] Site Check Please

[~davidLaakso]

Brian Gottier wrote:
> I'd appreciate a site check with other browser / OS configurations.
> Site is http://iamsentme.com
> Robert
>
>
>   
It seemed fine to me, Robert-- Linux Opera, FF, and SeaMonkey.
Some very /subjective/ thoughts:
For those who /do not/ set their font preferences for whatever reason 
they may choose(and there are a lot of people in the world like me), 
they /may/, as I did, default to TNR. That's not an easy read for the 
amount and kind of content text you have. You might consider Georgia on 
1.2, 1.25, or 1.3 falling back to TNR, serif. The red, blue, and black 
made concentration on reading difficult for me.
Best,
~davidLaakso

-- 

Typography exists to honor content. 
--Robert Bringhurst


__
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/