Kompx.com or Compmiscellanea.com

CSS centering absolutely positioned elements

Windows : Internet Explorer 8.0+, Firefox 1.0+, Google Chrome, Opera 5.0+, Safari 3.1+, SeaMonkey 1.0+ [ 1 ].

Linux : Firefox 1.0+, Google Chrome / Chromium, Opera 5.0+, SeaMonkey 1.0+ [ 2 ], NetSurf 2.6+.

CSS horizontal centering of an absolutely positioned element. Example:

Image

HTML / XHTML. Code:

<div class="example">

<img src="image.jpg" alt="Image" />

</div>

CSS. Code:

.example {position: relative; left: 0px; top: 0px; height: 90px; width: 100%; float: left; padding: 10px; border: 1px #ccc solid; background: #fafafa; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.example img {position: absolute; left: 0px; right: 0px; margin: 0px auto; width: 68px;}

An absolutely positioned img is centered in the example. But this method of horizontal centering also works with other both inline and block absolutely positioned elements.

The width of an absolutely positioned element may also be in percent or other units.

CSS properties of a container (here it is .example), holding an element to be centered, may vary. The element's centering is achieved by styles applied to the element itself: .example img {position: absolute; left: 0px; right: 0px; margin: 0px auto;}.


[ 1 ]

As well as Netscape 8.01+, Mozilla 1.5+.

[ 2 ]

As well as Netscape 8.01+, Mozilla 1.5+.


Aliosque subditos et thema

 

Bold numbers in ordered lists

 

Numbers in an ordered list made bold without having any extra HTML tags added: List item List item List item HTML / XHTML. Code: <ol> <li>List item</li> <li>List item</li> <li>List item</li> </ol> CSS. Code: ol {counter-reset: item;} ol li {display: block;} ol li:before {content: counter(item) ". "; counter-increment: item; font-weight: bold;} There is no obvious way at the moment to style only numbers marking ordered list items. A workaround is to use a CSS counter instead of the default automatic numbering of ordered lists. The way a CSS counter is started allows to style specifically the marking numbers. Like in the example, where numbers in an ordered list are styled bold. This method also lets to use other characters after the numbers - besides dots. Like a parenthesis / round bracket instead of a dot. Or handling of space between the number, punctuation mark and the content proper of list item. [ 1 ] As well as Netscape 9.0+. [ 2 ] As well as Netscape 9.0+.

Arachne. Graphical web browser for DOS

 

Jump to: Arachne web browser. Installing and setting up for internet connection via Ethernet Arachne web browser. Installing and setting up for dial-up internet connection Versions : Configuration and use : Download links Arachne is a full-screen graphical web browser for DOS on PC computers. Originally developed by Michael Polák. First release - 22th December 1996. The last Arachne version by Arachne Labs was released on 22th January 2001. Arachne source code was opened in November of 2003 and the subsequent versions are released under GNU GPL license. Arachne is distributed as a software suite containing, besides web browser, built-in e-mail client, FTP, internet connection wizard, WAV files player. More add-ons are available: image viewer, PDF, file managers, mplayer, Telnet client, IRC and more. Arachne supports Windows-1251 and KOI8-R Cyrillic after additional packages are installed. Internet connection is via serial ports (COM) and Ethernet. There are also Arachne for Linux / SVGAlib. Versions GPL versions of Arachne. The main line of Arachne development. Major changes and updates take place within its framework. Maintained by a group of enthusiasts who also develop GPL version for Linux / SVGAlib. Arachne Labs versions. Arachne Labs, xChaos software initially, were the main structure engaged in development of Arachne until 2003, when Arachne source code was opened and the GPL versions of the browser became the main line. The last Arachne Labs version was released on 22th January 2001: Arachne 1.70 Release 3. Ray Andrews version. A GPL Arachne variation. PTS-DOS version. Similar to the corresponding versions of Arachne, but to some extent integrated with the PTS-DOS distribution. DR-WebSpyder. Based on Arachne. Basically - different web browser, for which Arachne is just an ancestor. Later the browser was renamed as Lineo EmBrowser. Configuration and use Arachne web browser was created in DOS and for DOS (the Linux version stands somewhat apart). Therefore, even though Arachne will run under many versions of Windows, Windows XP for instance, it is working under DOS when Arachne qualities are revealed best. Arachne web browser works in all major DOS variants, for example MS-DOS, FreeDOS or PTS-DOS. System requirements are low. The minimum: 80x86 CPU, 500 KB DOS base memory, 1 MB XMS/EMS memory, 512 KB SVGA video, 5 MB HDD space. Although requirements for using maximum screen resolution, maximum color depth are higher. But in this case too they are extremely small by today's standards - 486, better Pentium I computer, 640 KB base memory, 8+ MB XMS/EMS memory, 2+ MB SVGA video. Yet it depends - using 640x480 screen resolution, installing Arachne on RAM disk let to have Arachne running quite well on 386 CPU computer; if only there are enough of RAM and video adapter capabilities. Besides traditional hard disk installation, DOS LIVE CD by Roman Karpach may be used ( www.fdd5-25.net/doslivecd ), where Arachne web browser is among the software present. The characteristics of Arachne web browser installation process make the main settings be set right from the beginning. These settings for the most part are the responsibility of operating system on computers running Windows, Mac OS X or Linux, but in DOS Arachne browser takes care of everything itself.