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

 

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.

JavaScript form submit

 

Submitting a form using JavaScript. A dropdown list (form + select + multiple options) is processed without any submit button. Example: --- Select a page --- Linux Windows DOS HTML / XHTML. Code: <form action="action.php" method="post"> <select name="page" required="required" onchange="this.form.submit()"> <option value="" selected="selected" disabled="disabled"> --- Select a page --- </option> <option value="http://www.kompx.com/en/os/linux-1.htm">Linux</option> <option value="http://www.kompx.com/en/os/windows-1.htm">Windows</option> <option value="http://www.kompx.com/en/os/dos-1.htm">DOS</option> </select> <noscript><input type="submit" value="Submit" /></noscript> </form> When an option has been chosen from the dropdown list, the form's state is changed. So the onchange event occurs and JavaScript code in onchange is executed: the process of the form submission in started by the script, not by clicking submit button which is absent. Some server-side script [ 3 ] is meant then to handle the form action. The script is supposed to get what the form sends and have it processed. A PHP script in action.php is used in the example: <?php if (isset($_POST["page"])) {     header("Location: $_POST[page]");     exit; } else {     echo "No options selected"; } $_POST is an array of variables passed to the current script via the HTTP POST method. So $_POST[page] contains the content of the value attribute in a select option. That is, a URL. It is passed from form to PHP script and the script redirects browser to the URL / page selected. HTML code of <noscript><input type="submit" value="Submit" /></noscript> is present in the form as a fallback in case JavaScript happens to be turned off. Then there is a submit button to appear and the form is usable anyway. [ 1 ] As well as Netscape 3.04+, Mozilla 0.6+. [ 2 ] As well as Netscape 3.04+, Mozilla 0.6+. [ 3 ] If a CMS is used, form action may be handled by some of its inbuilt means.