Are you over 18 and want to see adult content?
More Annotations
A complete backup of stopwapenhandel.org
Are you over 18 and want to see adult content?
A complete backup of oldmutualusa.org
Are you over 18 and want to see adult content?
A complete backup of sydneymetro.info
Are you over 18 and want to see adult content?
A complete backup of migliori-casino-legali.space
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of https://balkanje.com/turske-serije/izgubljeni-2010/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/turske-serije/osmeh-2016/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/turske-serije/oluja-2021/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/turske-serije/osmeh-2016/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/turske-serije/gumus/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/latino-serije/varalica-2015/
Are you over 18 and want to see adult content?
Text
CSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS Styling disabled form controls with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING SUBMIT BUTTONS WITH CSS Styling submit buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read theSTYLED SELECT BOXES
Styled select boxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these select boxes: STRUCTURE AND PRESENTATION STYLING SINGLE SELECTION MENU CONTROL OPTION GROUPS Styling single selection menu control option groups (optgroup elements) with CSSThis demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. 456 BEREA STREET: ARTICLES AND NEWS ON WEB STANDARDS Articles and news on web standards, accessibility, usability, and other things related to web development and web design. SITEMAP | 456 BEREA STREET A directory of most of the content on 456bereastreet.com. Sitemap. Here are links to most content on this site. Standalone pages are listed first, followed by blog posts by THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. STYLING LEGEND ELEMENTS WITH CSS Styling legend elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please STYLING MULTIPLE SELECTION MENU CONTROL OPTIONS (OPTION Styling multiple selection menu control options (option elements) with CSSThis demo page is related to the article Styling form controls withCSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS Styling disabled form controls with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING SUBMIT BUTTONS WITH CSS Styling submit buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read theSTYLED SELECT BOXES
Styled select boxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these select boxes: STRUCTURE AND PRESENTATION STYLING SINGLE SELECTION MENU CONTROL OPTION GROUPS Styling single selection menu control option groups (optgroup elements) with CSSThis demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. SITEMAP | 456 BEREA STREET A directory of most of the content on 456bereastreet.com. Sitemap. Here are links to most content on this site. Standalone pages are listed first, followed by blog posts by THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. STYLING BUTTON ELEMENTS WITH CSS Styling button elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the STYLING MULTIPLE SELECTION MENU CONTROLS (SELECT ELEMENTS Styling multiple selection menu controls (select elements) with CSSThis demo page is related to the article Styling form controls with CSS, revisited.For more INVERTED SLIDING DOORS TABS Inverted Sliding Doors tabs. This is an explanation of how I adapted Doug Bowman’s Sliding Doors technique to work with inverted tabs for a recent redesign of netrelations.se (my colleague Tobias Nilsson did the design). By inverted tabs I mean that they are bottom-aligned, and as text size is increased, more and more of the tabs is revealed from the top down, instead of from the bottom up STYLING CHECKBOXES WITH CSS Styling checkboxes with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each checkbox control consistsof this HTML:
STYLING MULTIPLE SELECTION MENU CONTROL OPTION GROUPS Styling multiple selection menu control option groups (optgroup elements) with CSSThis demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article.STYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: (X)HTML | DEVELOPING WITH WEB STANDARDS | 456 BEREA STREET Developing With Web Standards – Recommendations and best practices. Roger Johansson, 456 Berea Street Warning! Old content ahead. The latest update was 2008-11-01. FLOAT + NEGATIVE MARGIN BUG IN SAFARI, WORKAROUND Float + negative margin problems in Safari, workaround. This test case demonstrates a workaround to the float + negative margin problem with Safari 1.3 and 2.0. In this document, position:relative has been added to the CSS declaration for the floated elements with negative margins. The related discussion is in the post Safari Wishlist.. Aliquam wisi. 456 BEREA STREET: ARTICLES AND NEWS ON WEB STANDARDS Hiding inline SVG icons from screen readers. Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, soI’d like
ABOUT | 456 BEREA STREET About 456 Berea Street. Hi, I’m Roger Johansson. I’ve been working as a front-end web developer since the mid 1990s, paying special attention to accessibility for the past 20 years or so. So much so that I am a member of the International Association of AccessibilityProfessionals and a
THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on stuff that I’ve come across on the web, on mailing lists, in books, andother places.
STYLING LEGEND ELEMENTS WITH CSS The following CSS rules are used to style the legend elements: fieldset {position:relative} /* For legend positioning */. #el01 legend {padding:0} /* Remove padding */. #el02 legend { /* Text and background colour, blue on light gray */. color:#00f; background-color:#ddd; } STYLING MULTIPLE SELECTION MENU CONTROL OPTIONS (OPTION Styling multiple selection menu control options (option elements) with CSSThis demo page is related to the article Styling form controls withCSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS The following CSS rule is used to style the disabled form controls: { /* Text and background colour, medium red on light yellow */. In your current browser, with your current settings, disabled form controls look like this: And here are screenshots from several browsers on different operating systems:STYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: STYLING RADIO BUTTONS WITH CSS Styling radio buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each radio button control consists of this HTML: STRUCTURE AND PRESENTATION FLOAT + NEGATIVE MARGIN BUG IN SAFARI, WORKAROUND Float + negative margin problems in Safari, workaround. This test case demonstrates a workaround to the float + negative margin problem with Safari 1.3 and 2.0. In this document, position:relative has been added to the CSS declaration for the floated elements with negative margins. The related discussion is in the post Safari Wishlist.. Aliquam wisi. 456 BEREA STREET: ARTICLES AND NEWS ON WEB STANDARDS Hiding inline SVG icons from screen readers. Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, soI’d like
ABOUT | 456 BEREA STREET About 456 Berea Street. Hi, I’m Roger Johansson. I’ve been working as a front-end web developer since the mid 1990s, paying special attention to accessibility for the past 20 years or so. So much so that I am a member of the International Association of AccessibilityProfessionals and a
THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on stuff that I’ve come across on the web, on mailing lists, in books, andother places.
STYLING LEGEND ELEMENTS WITH CSS The following CSS rules are used to style the legend elements: fieldset {position:relative} /* For legend positioning */. #el01 legend {padding:0} /* Remove padding */. #el02 legend { /* Text and background colour, blue on light gray */. color:#00f; background-color:#ddd; } STYLING MULTIPLE SELECTION MENU CONTROL OPTIONS (OPTION Styling multiple selection menu control options (option elements) with CSSThis demo page is related to the article Styling form controls withCSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS The following CSS rule is used to style the disabled form controls: { /* Text and background colour, medium red on light yellow */. In your current browser, with your current settings, disabled form controls look like this: And here are screenshots from several browsers on different operating systems:STYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: STYLING RADIO BUTTONS WITH CSS Styling radio buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each radio button control consists of this HTML: STRUCTURE AND PRESENTATION FLOAT + NEGATIVE MARGIN BUG IN SAFARI, WORKAROUND Float + negative margin problems in Safari, workaround. This test case demonstrates a workaround to the float + negative margin problem with Safari 1.3 and 2.0. In this document, position:relative has been added to the CSS declaration for the floated elements with negative margins. The related discussion is in the post Safari Wishlist.. Aliquam wisi. SITEMAP | 456 BEREA STREET IE 8 still does not resize text sized in pixels. WCAG 2.0 recommends using luminosity contrast ratio to check colour contrast. The alt attribute is for images only. It’s “class”, not “CSS class”. No more pixel perfectionism in IE 6. Results from the WebAIM screenreader survey. Use
CSS | DEVELOPING WITH WEB STANDARDS | 456 BEREA STREET A CSS rule consists of a selector and one or more declarations. The selector determines which HTML element or elements the rule affects. Each declaration consists of a property and a value. The declaration block is surrounded by { and }, and each declaration ends with a ; STYLING FILE SELECT CONTROLS WITH CSS Styling file select controls with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING BUTTON ELEMENTS WITH CSS Styling button elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the STYLING CHECKBOXES WITH CSS Styling checkboxes with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each checkbox control consistsof this HTML:
STYLING SINGLE SELECTION MENU CONTROL OPTION GROUPS Styling single selection menu control option groups (optgroup elements) with CSSThis demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING FIELDSET ELEMENTS WITH CSS Styling fieldset elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page INVERTED SLIDING DOORS TABS Inverted Sliding Doors tabs. This is an explanation of how I adapted Doug Bowman’s Sliding Doors technique to work with inverted tabs for a recent redesign of netrelations.se (my colleague Tobias Nilsson did the design). By inverted tabs I mean that they are bottom-aligned, and as text size is increased, more and more of the tabs is revealed from the top down, instead of from the bottom upSTYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: HTML5 INPUT TYPES TEST PAGE HTML5 input types test page. This page contains examples of the form controls that can be created with the new values for the `input` element’s `type` attribute in HTML5. 456 BEREA STREET: ARTICLES AND NEWS ON WEB STANDARDS Hiding inline SVG icons from screen readers. Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, soI’d like
ABOUT | 456 BEREA STREET About 456 Berea Street. Hi, I’m Roger Johansson. I’ve been working as a front-end web developer since the mid 1990s, paying special attention to accessibility for the past 20 years or so. So much so that I am a member of the International Association of AccessibilityProfessionals and a
THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on stuff that I’ve come across on the web, on mailing lists, in books, andother places.
STYLING LEGEND ELEMENTS WITH CSS The following CSS rules are used to style the legend elements: fieldset {position:relative} /* For legend positioning */. #el01 legend {padding:0} /* Remove padding */. #el02 legend { /* Text and background colour, blue on light gray */. color:#00f; background-color:#ddd; } STYLING MULTIPLE SELECTION MENU CONTROL OPTIONS (OPTION Styling multiple selection menu control options (option elements) with CSSThis demo page is related to the article Styling form controls withCSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS The following CSS rule is used to style the disabled form controls: { /* Text and background colour, medium red on light yellow */. In your current browser, with your current settings, disabled form controls look like this: And here are screenshots from several browsers on different operating systems:STYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: STYLING RADIO BUTTONS WITH CSS Styling radio buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each radio button control consists of this HTML: STRUCTURE AND PRESENTATION FLOAT + NEGATIVE MARGIN BUG IN SAFARI, WORKAROUND Float + negative margin problems in Safari, workaround. This test case demonstrates a workaround to the float + negative margin problem with Safari 1.3 and 2.0. In this document, position:relative has been added to the CSS declaration for the floated elements with negative margins. The related discussion is in the post Safari Wishlist.. Aliquam wisi. 456 BEREA STREET: ARTICLES AND NEWS ON WEB STANDARDS Hiding inline SVG icons from screen readers. Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, soI’d like
ABOUT | 456 BEREA STREET About 456 Berea Street. Hi, I’m Roger Johansson. I’ve been working as a front-end web developer since the mid 1990s, paying special attention to accessibility for the past 20 years or so. So much so that I am a member of the International Association of AccessibilityProfessionals and a
THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on stuff that I’ve come across on the web, on mailing lists, in books, andother places.
STYLING LEGEND ELEMENTS WITH CSS The following CSS rules are used to style the legend elements: fieldset {position:relative} /* For legend positioning */. #el01 legend {padding:0} /* Remove padding */. #el02 legend { /* Text and background colour, blue on light gray */. color:#00f; background-color:#ddd; } STYLING MULTIPLE SELECTION MENU CONTROL OPTIONS (OPTION Styling multiple selection menu control options (option elements) with CSSThis demo page is related to the article Styling form controls withCSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS The following CSS rule is used to style the disabled form controls: { /* Text and background colour, medium red on light yellow */. In your current browser, with your current settings, disabled form controls look like this: And here are screenshots from several browsers on different operating systems:STYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: STYLING RADIO BUTTONS WITH CSS Styling radio buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each radio button control consists of this HTML: STRUCTURE AND PRESENTATION FLOAT + NEGATIVE MARGIN BUG IN SAFARI, WORKAROUND Float + negative margin problems in Safari, workaround. This test case demonstrates a workaround to the float + negative margin problem with Safari 1.3 and 2.0. In this document, position:relative has been added to the CSS declaration for the floated elements with negative margins. The related discussion is in the post Safari Wishlist.. Aliquam wisi. SITEMAP | 456 BEREA STREET IE 8 still does not resize text sized in pixels. WCAG 2.0 recommends using luminosity contrast ratio to check colour contrast. The alt attribute is for images only. It’s “class”, not “CSS class”. No more pixel perfectionism in IE 6. Results from the WebAIM screenreader survey. Use
CSS | DEVELOPING WITH WEB STANDARDS | 456 BEREA STREET A CSS rule consists of a selector and one or more declarations. The selector determines which HTML element or elements the rule affects. Each declaration consists of a property and a value. The declaration block is surrounded by { and }, and each declaration ends with a ; STYLING FILE SELECT CONTROLS WITH CSS Styling file select controls with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING BUTTON ELEMENTS WITH CSS Styling button elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the STYLING CHECKBOXES WITH CSS Styling checkboxes with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each checkbox control consistsof this HTML:
STYLING SINGLE SELECTION MENU CONTROL OPTION GROUPS Styling single selection menu control option groups (optgroup elements) with CSSThis demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING FIELDSET ELEMENTS WITH CSS Styling fieldset elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page INVERTED SLIDING DOORS TABS Inverted Sliding Doors tabs. This is an explanation of how I adapted Doug Bowman’s Sliding Doors technique to work with inverted tabs for a recent redesign of netrelations.se (my colleague Tobias Nilsson did the design). By inverted tabs I mean that they are bottom-aligned, and as text size is increased, more and more of the tabs is revealed from the top down, instead of from the bottom upSTYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: HTML5 INPUT TYPES TEST PAGE HTML5 input types test page. This page contains examples of the form controls that can be created with the new values for the `input` element’s `type` attribute in HTML5. 456 BEREA STREET: ARTICLES AND NEWS ON WEB STANDARDS Hiding inline SVG icons from screen readers. Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, soI’d like
ABOUT | 456 BEREA STREET About 456 Berea Street. Hi, I’m Roger Johansson. I’ve been working as a front-end web developer since the mid 1990s, paying special attention to accessibility for the past 20 years or so. So much so that I am a member of the International Association of AccessibilityProfessionals and a
THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on stuff that I’ve come across on the web, on mailing lists, in books, andother places.
STYLING LEGEND ELEMENTS WITH CSS The following CSS rules are used to style the legend elements: fieldset {position:relative} /* For legend positioning */. #el01 legend {padding:0} /* Remove padding */. #el02 legend { /* Text and background colour, blue on light gray */. color:#00f; background-color:#ddd; } STYLING MULTIPLE SELECTION MENU CONTROL OPTIONS (OPTION Styling multiple selection menu control options (option elements) with CSSThis demo page is related to the article Styling form controls withCSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS The following CSS rule is used to style the disabled form controls: { /* Text and background colour, medium red on light yellow */. In your current browser, with your current settings, disabled form controls look like this: And here are screenshots from several browsers on different operating systems:STYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: STYLING RADIO BUTTONS WITH CSS Styling radio buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each radio button control consists of this HTML: STRUCTURE AND PRESENTATION FLOAT + NEGATIVE MARGIN BUG IN SAFARI, WORKAROUND Float + negative margin problems in Safari, workaround. This test case demonstrates a workaround to the float + negative margin problem with Safari 1.3 and 2.0. In this document, position:relative has been added to the CSS declaration for the floated elements with negative margins. The related discussion is in the post Safari Wishlist.. Aliquam wisi. 456 BEREA STREET: ARTICLES AND NEWS ON WEB STANDARDS Hiding inline SVG icons from screen readers. Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, soI’d like
ABOUT | 456 BEREA STREET About 456 Berea Street. Hi, I’m Roger Johansson. I’ve been working as a front-end web developer since the mid 1990s, paying special attention to accessibility for the past 20 years or so. So much so that I am a member of the International Association of AccessibilityProfessionals and a
THE CSS, HTML, AND JAVASCRIPT LAB The CSS, HTML, and JavaScript Lab. This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on stuff that I’ve come across on the web, on mailing lists, in books, andother places.
STYLING LEGEND ELEMENTS WITH CSS The following CSS rules are used to style the legend elements: fieldset {position:relative} /* For legend positioning */. #el01 legend {padding:0} /* Remove padding */. #el02 legend { /* Text and background colour, blue on light gray */. color:#00f; background-color:#ddd; } STYLING MULTIPLE SELECTION MENU CONTROL OPTIONS (OPTION Styling multiple selection menu control options (option elements) with CSSThis demo page is related to the article Styling form controls withCSS, revisited.For
STYLING DISABLED FORM CONTROLS WITH CSS The following CSS rule is used to style the disabled form controls: { /* Text and background colour, medium red on light yellow */. In your current browser, with your current settings, disabled form controls look like this: And here are screenshots from several browsers on different operating systems:STYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: STYLING RADIO BUTTONS WITH CSS Styling radio buttons with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each radio button control consists of this HTML: STRUCTURE AND PRESENTATION FLOAT + NEGATIVE MARGIN BUG IN SAFARI, WORKAROUND Float + negative margin problems in Safari, workaround. This test case demonstrates a workaround to the float + negative margin problem with Safari 1.3 and 2.0. In this document, position:relative has been added to the CSS declaration for the floated elements with negative margins. The related discussion is in the post Safari Wishlist.. Aliquam wisi. SITEMAP | 456 BEREA STREET IE 8 still does not resize text sized in pixels. WCAG 2.0 recommends using luminosity contrast ratio to check colour contrast. The alt attribute is for images only. It’s “class”, not “CSS class”. No more pixel perfectionism in IE 6. Results from the WebAIM screenreader survey. Use
CSS | DEVELOPING WITH WEB STANDARDS | 456 BEREA STREET A CSS rule consists of a selector and one or more declarations. The selector determines which HTML element or elements the rule affects. Each declaration consists of a property and a value. The declaration block is surrounded by { and }, and each declaration ends with a ; STYLING FILE SELECT CONTROLS WITH CSS Styling file select controls with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING BUTTON ELEMENTS WITH CSS Styling button elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the STYLING CHECKBOXES WITH CSS Styling checkboxes with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. Each checkbox control consistsof this HTML:
STYLING SINGLE SELECTION MENU CONTROL OPTION GROUPS Styling single selection menu control option groups (optgroup elements) with CSSThis demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page, please read the article. STYLING FIELDSET ELEMENTS WITH CSS Styling fieldset elements with CSS. This demo page is related to the article Styling form controls with CSS, revisited.For more info on the purpose of this page INVERTED SLIDING DOORS TABS Inverted Sliding Doors tabs. This is an explanation of how I adapted Doug Bowman’s Sliding Doors technique to work with inverted tabs for a recent redesign of netrelations.se (my colleague Tobias Nilsson did the design). By inverted tabs I mean that they are bottom-aligned, and as text size is increased, more and more of the tabs is revealed from the top down, instead of from the bottom upSTYLED CHECKBOXES
Styled checkboxes. This page is related to the articles Styling form controls and Styling even more form controls.For more info on what the image on this page shows, please read the articles. The following CSS rules were used to style these checkboxes: HTML5 INPUT TYPES TEST PAGE HTML5 input types test page. This page contains examples of the form controls that can be created with the new values for the `input` element’s `type` attribute in HTML5. Skip to main content* About
* Archive
* Lab
LATEST POSTS
HIDING INLINE SVG ICONS FROM SCREEN READERS Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG . There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, so I’d like to share a little tip about that. Posted on September 30, 2016 in Accessibility LINTING CSS WITH STYLELINT I use stylelint to keep my CSS in order. Here’s how I configure it. Posted on April 3, 2016 in CSS WHY I DON’T USE CSS PREPROCESSORS I don’t use CSS preprocessors they way many people do. Here’s an attempt to explain why. Posted on March 27, 2016 in CSS CUTTING DOWN ON VENDOR PREFIXES A number of CSS3 properties that you can use unprefixed or with just a single vendor prefix. Posted on November 13, 2013 in CSS FULL-WIDTH JUSTIFIED VERTICALLY CENTERED NAVBAR Two different ways of creating a full-width navigation bar with vertically centered links whose entire height is clickable. Posted on October 13, 2013 in CSS ,JavaScript
RESPONSIVE SCROLLABLE TABLES A responsive technique for making data tables (or any other element) wider than their parent horizontally scrollable. Posted on September 21, 2013 in CSS ,JavaScript
HEIGHT IN PERCENT WHEN PARENT HAS MIN-HEIGHT AND NO HEIGHT Giving an element a height in percent may not do what you expect if its parent does not have an explicit height set. Posted on June 28, 2013 in CSS HOW TO PROPORTIONALLY SCALE IMAGES THAT HAVE DIMENSION ATTRIBUTES Images that have dimension attributes in the HTML will retain their height when scaled down with CSS unless you add a height:autodeclaration.
Posted on June 13, 2013 in CSS More posts are in the archive . 2003-2020 Roger Johansson. Powered by the power of HTML, CSS, and Eleventy . There is a sitemap . You can also subscribe to my RSS feed and follow @rogerjohansson on Twitter .Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0