Re: [css-d] How can I avoid vertical scrollbar in frame?

[David Laakso]

Marie Ange wrote:
> Hi,
>
>  
>
> I have a frameset with a top frame with height=120px. 
>
> This page contains 3rows, with a total height of 120px. However, I have a
> scrollbar in the top frame in almost all browsers: FF, Chrome, Safari. IE
> has no scrollbar. 
>
> How can I disappear this scrollbar, without using "overflow hidden"?
>
>  
> http://users.telenet.be/MarieAnge/Mockup/INDEXFrame.html 
>
>  
>
> Thanks a lot.
>
>  
>
> Marie
>
>  
>
> PS: Advice to improve this code is welcome too. 
>
>  
>   




Marie,

A word of caution.

Frames were very popular in the 90s.  Nowadays, they are seldom used to 
construct new public facing sites because there are just so many 
problems and negative issues associated with them. CSS is sometimes used 
now to build "frame-like" sites without actually using "frames." One 
such example of a CSS page that emulates the traditional frame layout is 
this nice example by Georg Sortun a frequent contributor to this list: 


Best,
~d
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Opera form problem solved; new .box problem

[Kathleen R Dery]

All,

Apparently, without div's surrounding my Contact Info label/textfield  
pairs, Opera wouldn't show my label float.   It is solved.

I just have one more concern, and I honestly do not remember if I  
posted it to this list:

I have surrounded my lists with round-cornered boxes.  The problem is  
that the only .box that is breaking up is on the feedback page in IE  
only.   The other ones work fine.  What is different is that I have  
links with bullets and external link icons in that list on that page.   
Someone suggested that it is a margin or padding problem, but we  
couldn't get his code to work.  I hope someone can help.  I cannot  
find an error.

http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html
http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css

TIA
Kathleen


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How can I avoid vertical scrollbar in frame?

[Jay Tanna]

Have you tried changing the code to show:

SCROLLING=NO

As to advice to improve the site, I would strongly suggest that you use CSS 
with a header, two columns and footer.  If you want a source for this then 
please tell us.  I can certainly give you a very simple one to start with and 
this can be updated as you go along.

hth

--- On Thu, 11/12/09, Marie Ange  wrote:


> 
>  
> 
> How can I disappear this scrollbar, without using "overflow
> hidden"?
> 



  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] strange results on form in Opera

[David Laakso]

Kathleen R Dery wrote:
> Hi,
>
> Can anyone tell me of a fix for Opera's rendering of my form?  In  
> Firefox, everything lines up, but in Opera, all the form fields at the  
> top are askew.
>
> http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html
>
> Thanks!
>
> Kathleen
>   


I guess you have worked on this as it is relatively consistent in Opera, 
FF, Safari, Camino, Google, and IE 8/76. Only SeaMonkey is a little 
wonky with the width of the contact info breaking right (if this is of 
any concern).

Best,
~d
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] How can I avoid vertical scrollbar in frame?

[Marie Ange]

Hi,

 

I have a frameset with a top frame with height=120px. 

This page contains 3rows, with a total height of 120px. However, I have a
scrollbar in the top frame in almost all browsers: FF, Chrome, Safari. IE
has no scrollbar. 

How can I disappear this scrollbar, without using "overflow hidden"?

 
http://users.telenet.be/MarieAnge/Mockup/INDEXFrame.html 

 

Thanks a lot.

 

Marie

 

PS: Advice to improve this code is welcome too. 

 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 and 7 horizontal list shift

[David Laakso]

Steve Caramia wrote:
> I've corrected and validated the markup (thanks for the tutorial!) and  
> linked a separate ie css file. But I still can't correct the position  
> problem here in ie6 and 7.
>
> http://www.caramiadesign.com/
>
> ???
>
>
>
>
>   


Good!

Make the following changes to your CSS in the head of the document.

#table ul
{
overflow: hidden; <- :: add ::
margin: 22px 0 0 88px; <-- :: add ::
padding:0; <-- :: add ::
padding: 6px 0 0 0px; < :: delete::
}


You can delete the conditional comment and the ie 6/7 style sheet. It 
will not be necessary to hack IE 6 or IE 7.

Tested on a local file only in:

IE 6/7/8
Chrome
Opera
FF
SeaMonkey
Safari
Camino

Best,
~d


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 and 7 horizontal list shift

[Steve Caramia]

> Good!
>
> Make the following changes to your CSS in the head of the document.
>
> #table ul
> {
> overflow: hidden; <- :: add ::
> margin: 22px 0 0 88px; <-- :: add ::
> padding:0; <-- :: add ::
> padding: 6px 0 0 0px; < :: delete::
> }
>
>
> You can delete the conditional comment and the ie 6/7 style sheet.  
> It will not be necessary to hack IE 6 or IE 7.
>
> Tested on a local file only in:
>
> IE 6/7/8
> Chrome
> Opera
> FF
> SeaMonkey
> Safari
> Camino
>
> Best,
> ~d
>


In-credible! Thank you David!
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] styling linked headings

[Peter Hammarling]

> fter completion of a usability study on my site, one of the issues  
> uncovered was that some users did not know that some headings were  
> links, as link styling only appears on  :hover.I've been web  
> researching for ideas on how to style headings as links.  My issue  
> is that some headings on a page might be a link (to a page with more  
> detail) while other headings on the page are not links.  I want a  
> consistent site-wide style for the headings, but then they are not  
> readily identifiable as links.  I am looking for ideas/examples of  
> others who have come up with a successful styling solution.  I don't  
> consider "More..." link at the end of paragraph text as a solution  
> unless I can someone make that solution accessible to those who you  
> screen readers.
>
> Here are two  examples from my site:
>
> All headings as links:  
> http://checkoutacollege.com/ReadySetGo/Go/TopThingsToDo.aspx
>
> Page with some headings as links and others not:  
> http://checkoutacollege.com/Parents/ForParents.aspx



One can see why users don't realise that some headings are links. I  
don't think it's clear even on the page where ALL the headings are  
links. There's no concession to general web visual conventions unless  
you happen to mouse over a heading which then gives you a clue. So on  
pages where only some heads are links you oblige the user to mouse  
over all of them just to see if there's more information on the topic.

If you want to keep the design subtle but give users a hint on  
usability, how about at the very least, the dotted bottom border on  
the normal a: state, without the background colour? Though in fact,  
for a site like that I think you should be nice to the least web-savvy  
users and make the navigation as obvious as possible.

This probably isn't strictly a css issue, but I hope it's useful  
feedback anyway.

Regards, Peter H.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE6 and 7 horizontal list shift

[Steve Caramia]

I've corrected and validated the markup (thanks for the tutorial!) and  
linked a separate ie css file. But I still can't correct the position  
problem here in ie6 and 7.

http://www.caramiadesign.com/

???






__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] styling linked headings

[peter hyde-smith]

 Angela French  wrote: 
 I've been web researching for ideas on how to style headings as links.  I am 
looking for ideas/examples of others who have come up with a successful styling 
solution.

Angela,

Look in the center column of http://www.bildasfriesslakepub.com/ and you will 
see tiny symbols to the upper right of the links. the CSS is,

a[href^="http:"]{
background: url(externalLink.gif) no-repeat right top;
padding-right: 10px;
}

This indicates "external link". Wikipedia does the same thing. I don't think 
there is any reason why you couldn't do something similar with the headings. 
Adding a 1px dotted border-bottom is another way of indicating a link is 
present without being overly obtrusive.

Best regards,

Peter
http://fatpawdesign.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Is there a simple way to center in an iframe?

[Brian Cummiskey]

I guess the question here is how are you invoking the iframe change?
if your using javascript to do that, you can probably add a style set 
via JS at the same time.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] styling linked headings

[Angela French]

Hello,
After completion of a usability study on my site, one of the issues uncovered 
was that some users did not know that some headings were links, as link styling 
only appears on  :hover.I've been web researching for ideas on how to style 
headings as links.  My issue is that some headings on a page might be a link 
(to a page with more detail) while other headings on the page are not links.  I 
want a consistent site-wide style for the headings, but then they are not 
readily identifiable as links.  I am looking for ideas/examples of others who 
have come up with a successful styling solution.  I don't consider "More..." 
link at the end of paragraph text as a solution unless I can someone make that 
solution accessible to those who you screen readers.

Here are two  examples from my site:

All headings as links:  
http://checkoutacollege.com/ReadySetGo/Go/TopThingsToDo.aspx

Page with some headings as links and others not:  
http://checkoutacollege.com/Parents/ForParents.aspx

Many thanks for any responses.


Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
http://www.checkoutacollege.com

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] why does Firefox add padding?

[G. Sørtun]

r...@catjuggling.com wrote:
> I have tried this page in Chrome, Safari, IE6, and Firefox. In the first 
> three browsers I get the result I expect, but Firefox is doing its own 
> thing.
>
> http://www.mcmullincreative.com/crows/

I guess you want it to appear like this...



...which means you'll have to modify your styles as Philippe has 
suggested, and do a bit of cross-browser and accessibility styling while 
you're at it.

Stylesheet: 


See all styles for .content-item and .sidebar-item, and the children of 
these elements. There's more going on there...

regards
   Georg



__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Is there a simple way to center in an iframe?

[David Dorward]

2009/11/11 Alan Gresley :
> Hello, Michael, since iframe is a deprecated inline element.

Iframe is not deprecated (although is discouraged).

> There are two options using depreciated elements or depreciated
> attributes

Why would we use deprecated parts of HTML to do this? Especially when
the question asks for a CSS solution?

> that will work.

No, they won't. The two suggestions you make would center the iframe,
but the question was about centring the image loaded into the iframe.

The content of an iframe is a separate document. It can't be styled
from the parent document, so you have to load an HTML document in the
frame instead of the image directly. Any styling can then take place
in that document.

-- 
David Dorward 
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Is there a simple way to center in an iframe?

[Philippe Wittenbergh]

On Nov 11, 2009, at 8:55 PM, Alan Gresley wrote:

> since iframe is a deprecated inline element.
>
> http://www.w3.org/TR/html401/present/frames.html#edef-IFRAME

In html4, yes, but it is part of html5
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-iframe-element.html#the-iframe-element

> There are two options using depreciated elements or depreciated
> attributes that will work.
>
> 
>
> content of iframe
>
> 

That will centre the iframe (unless otherwise specified, a 300px by  
150px box), but not the content of the iframe.

If you want to style (centering or whatever) the content of the  
iframe, you need to apply the styling to -and from- the page/document  
that loads in the iframe.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Is there a simple way to center in an iframe?

[Alan Gresley]

Michael Newberry wrote:
> I'm pasting images into an iframe using a simple click on a link. The image 
> always appears at the 0,0 scroll position inside the iframe. Is there a 
> simple css way to center it? I've tried using  text-align:center.
> 
> Thanks,
> 
> Michael


Hello, Michael, since iframe is a deprecated inline element.

http://www.w3.org/TR/html401/present/frames.html#edef-IFRAME

There are two options using depreciated elements or depreciated 
attributes that will work.



content of iframe






content of iframe




Pick your poison.

BTW, this is a HTML question. I suggest that you learn these.


1. 
2. 


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/