Kompx.com or Compmiscellanea.com

Float bottom

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

Linux : Firefox 1.0+, Google Chrome / Chromium, Opera 7.5+, SeaMonkey 1.0+ [ 2 ], Hv3.

There is no "float: bottom" in CSS, but there is a way to achieve it by some other means. Example:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Float bottom

HTML / XHTML. Code:

<div class="box1">

<div class="content1">

<div class="left1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<div class="menu1">

<p><a href="#">Link 1</a></p>

<p><a href="#">Link 2</a></p>

<p><a href="#">Link 3</a></p>

</div>

</div>

<div class="bottom1">Float bottom</div>

</div>

CSS. Code:

.box1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 100%;}

.content1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 100%;}

.left1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 64%;}

.menu1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 36%;}

.bottom1 {position: absolute; bottom: 0px; right: 0px;}

/* Extra CSS, just styling the look */

.box1 {color: #ddd; text-align: center;}

.content1 {background: #bbb;}

.left1 {min-height: 100px; padding: 2%; text-align: justify; background: #006; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.menu1 {padding: 2%; float: right; background: #060; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.menu1 p {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 100%; padding: 0px; margin: 0px;}

.menu1 a {color: #ddd; text-decoration: none;}

.menu1 a:hover {text-decoration: underline;}

.bottom1 {padding: 2%; color: #eee; background: #600;}

There is a web page with a div box, containing its content - box1. There are two div boxes inside it:

1. "content1" with the content proper on the left and menu on the right.

2. "bottom1" after the content1. It is to be positioned visually inside content1, at its lower edge and stay there in the same place even if the content1 height changes. That is, as if to be of "float: bottom" within content1.

"Position: absolute" and "bottom: 0px" place bottom1 at the lower edge of content1. Here in the example the menu block of the page content is on the right, so bottom1 has to be also floated right - this is done by "right: 0px". Would the menu block be on the left in the content, bottom1 could be floated left by "left: 0px".


[ 1 ]

As well as Netscape 7.2+, Mozilla 1.5+.

[ 2 ]

As well as Netscape 7.2+, Mozilla 1.5+.


Aliosque subditos et thema

 

FTP in DOS

 

FTP in DOS. mTCP mTCP is a suite containing several utilities, one of which is FTP. It is similar to the FTP client of various Windows, running in Command Prompt. In order to install and use mTCP: 1. mTCP [ Home page ] 2. Packet driver for Ethernet network card: http://www.crynwr.com/drivers/ http://www.georgpotthast.de/sioux/packet.htm 3. Create a folder, for example C:\DRIVERS\. Put there: a packet driver for Ethernet network card. 4. Set up network. For example, by means of Microsoft Network Client 3.0 [ How-to page ] 5. Start packet driver. In the case discussed it is: C:\DRIVERS\PCIPKT.COM 0x60 6. Unpack the archive with mTCP into a folder, C:\SOFT\MTCP for instance, and create a tcp.cfg file in it with the strings: PACKETINT 0x60 HOSTNAME FTP_IN_DOS The value of PACKETINT - the interrupt number used in the packet driver starting. The value of HOSTNAME - any. 7. Start DHCP.EXE (DHCP will set up mTCP for work with the network): DHCP 8. Start FTP: FTP [ FTP address / host ] There will be a prompt for a name, after that - the password. Next, it is better to switch to passive mode: XFERMODE PASSIVE [ The list of the main commands supported by FTP of mTCP is available in ftp.txt, included in mTCP suite archive ] To exit: QUIT mTCP - GNU GPL v3.

CSS centering image

 

CSS horizontal centering of an image. Example: HTML / XHTML. Code: <div class="example"> <img src="image.jpg" alt="Image" /> </div> CSS. Code: .example {position: relative; left: 0px; top: 0px; height: auto; width: 100%; float: left; padding: 10px; border: 1px #ccc solid; background: #fafafa;} .example img {display: block; margin: 0 auto;} CSS properties of a container (here it is example) may vary, image centering is achieved by styles applied to the image itself: .example img {display: block; margin: 0 auto;}. [ 1 ] As well as Opera 4.0+, if shorthand CSS is not used in styles. That is, if it is .example img {display: block; margin-left: auto; margin-right: auto;}. [ 2 ] As well as Netscape 6.01+, Mozilla 0.6+. [ 3 ] As well as Netscape 6.01+, Mozilla 0.6+.