Skip to main content

Home/ CSS Evangelist/ Group items tagged padding

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Jamil Silva

<!DOCTYPE html P - 3 views

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">   <!-- Thi...

theme tumblr isadora blanch cultura visual bigtheme

started by Jamil Silva on 01 Sep 12 no follow-up yet
Al-Mehatb Shaikh

Getting Started with Chrome extension - Diigo help - 0 views

help.diigo.com/...tting-started-chrome-extension

Diigo Chrome

shared by Al-Mehatb Shaikh on 10 Mar 14 - No Cached
  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
yc c

Dynamic Drive CSS Library- Practical CSS codes and examples - 0 views

www.dynamicdrive.com/style

css examples sniplet

shared by yc c on 14 Feb 07 - Cached
  • var rate87=new rateit(87, "26", "090%") rate87.displaytext("26") 4.5 CSS Gradient Shadow var rate74=new rateit(74, "72", "078%") rate74.displaytext("72") 3.9 CSS Thick Tabs var rate47=new rateit(47, "71", "080%") rate47.displaytext("71") 4 SuckerTree Vertical Menu (v1.1) var rate52=new rateit(52, "60", "074%") rate52.displaytext("60") 3.7 Overlapping horizontal tabs var rate51=new rateit(51, "128", "080%") rate51.displaytext("128") 4 Animated link underlines var rate50=new rateit(50, "78", "075%") rate50.displaytext("78") 3.8 SuckerTree Horizontal Menu <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xm
Frederik Van Zande

Buttons & their paddings : reference for all browsers - 0 views

www.designdetector.com/...buttons-padding-demo.html

buttons crossbrowser css firefox form ie opera padding safari webdesign

shared by Frederik Van Zande on 06 May 08 - Cached
  • Frederik Van Zande on 06 May 08
     
    Here is a LIVE demo showing how input buttons are rendered in your browser. The 'Standard' column will look different depending on your operating system. The '+ Border' column shows the same buttons with a red border added. (This removes the default button style as seen in the first column.)
Vernon Fowler

Confused About REM and EM? | Jeremy Church - 0 views

j.eremy.net/confused-about-rem-and-em

typography webdesign css DIG252 media queries mediaqueries fonts rem sizing

shared by Vernon Fowler on 02 Mar 14 - No Cached
  • Use REM for consistent padding and margins
  • update font sizes and padding within a media query
  • @media screen and (min-width: 1400px) { &nbsp; html { font-size: 1.25em; } }
  • ...2 more annotations...
  • If a style sheet is built in a modular fashion, then rem shouldn’t be needed very often, but it can be handy at times.
  • The initial values are calculated by incrementing 1em(16px) at a 1:1.2 ratio.
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

css box-sizing webdesign css3

shared by Vernon Fowler on 21 Aug 12 - No Cached
  • The box-sizing CSS3 property can do just this. The border-box value (as opposed to the content-box default) makes the final rendered box the declared width, and any border and padding cut inside the box.
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Vernon Fowler

CSS3 Generator - 12 views

css3generator.com

css3 webdesign generator css tools web design

shared by Vernon Fowler on 24 Jul 10 - Cached
  • -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  • If you set it to border-box, the padding and border will render inside the box.
  • yc c on 24 Jul 10
     
     All the effects are fully customizable and you can choose from all the popular CSS3 properties.
yc c

A CSS Sticky Footer - 0 views

ryanfait.com/sticky-footer

css footer sniplet

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    /* STICKER - A valid, easy to use CSS sticky footer by Ryan Fait This is the basic CSS you need along with the one extra empty div and the wrapper required to achieve the effect. I suggest that you leave the * { margin: 0; } code in while testing and building your site because margins do have a tendency to mess things up a bit. Have fun! Copyright (c) 2006-2007 Ryan Fait */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 4em; /* .push must be the same height as .footer */ } /* TROUBLESHOOTING I've received a few comments about vertical margins causing a few problems with the layout. If you want space between paragraphs or headers, use padding instead of margin. It's as simple as that. */
mikhail-miguel

CSS Drive - 0 views

www.cssdrive.com

webdev css galleries showcases

shared by mikhail-miguel on 15 Feb 07 - Cached
  • MediaGirl (0) Posted on: 02/15/2007 var rate1995=new rateit(1995, "", "") rate1995.displaytext("") Eskymo Media (0) Posted on: 02/14/2007 var rate1974=new rateit(1974, "6", "060%") rate1974.displaytext("6") 6 FuzeCreative (0) Posted on: 02/13/2007 var rate1970=new rateit(1970, "3", "043%") rate1970.displaytext("3") 4.3 SilverPoint (0) Posted on: 02/13/2007 var rate41=new rateit(41, "2", "070%") rate41.displaytext("2") 7 Scrapbook (0) Posted on: 02/12/2007 var rate1958=new rateit(1958, "3", "060%") rate1958.displaytext("3") 6 Extendio (0) Posted on: 02/10/2007 var rate1956=new rateit(1956, "10", "085%") rate1956.displaytext("10") 8.5 Last 20 unreviewed submissions Random showcases The Ranch Brokers (0) Posted on: 01/29/2007 var rate1895=new rateit(1895, "4", "082%") rate1895.displaytext("4") 8.2 Cre8d Design (0) Posted on: 01/22/2006
1 - 10 of 10
Showing 20▼ items per page