(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
16. 03. 2013. | #3 |
Душан Бошкић
Qualified
|
Quirks, Standard Compliance mode i Doc Types ...
Quirks mode:
Kôd:
<html> <head> <style> #telosajta { top: auto; margin: auto; position: relative; width: 80%; height: 100%; } div div { border: 1px solid #000; float: left; width: 8%; margin: 0 1% 0 0; } .div10 { height: 10%; } .div20 { height: 20%; } .div30 { height: 30%; } .div40 { height: 40%; } .div50 { height: 50%; } .div60 { height: 60%; } .div70 { height: 70%; } .div80 { height: 80%; } .div90 { height: 90%; } .div100 { height: 100%; } </style> </head> <body> <div id="telosajta"> <div class="div10"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div20"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div30"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div40"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div50"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div60"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div70"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div80"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div90"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div100"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> </div> </body> </html> Kôd:
<!DOCTYPE html> <html> <head> <style> html, body { height: 100%; } #telosajta { top: auto; margin: auto; position: relative; width: 80%; height: 100%; } div div { border: 1px solid #000; float: left; width: 8%; margin: 0 1% 0 0; } .div10 { height: 10%; } .div20 { height: 20%; } .div30 { height: 30%; } .div40 { height: 40%; } .div50 { height: 50%; } .div60 { height: 60%; } .div70 { height: 70%; } .div80 { height: 80%; } .div90 { height: 90%; } .div100 { height: 100%; } </style> </head> <body> <div id="telosajta"> <div class="div10"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div20"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div30"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div40"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div50"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div60"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div70"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div80"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div90"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> <div class="div100"><img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" width="100%" height="100%" title="logo"></div> </div> </body> </html>
__________________
In brightest day, in blackest night ... |
|
|