Results 1 to 16 of 16
Thread: CSS - ( )
Hybrid View
-
10th August 2012 11:33 #1Registered User
Join Date: Mar:2005
Location: Sofia
Posts: 166
CSS - ( )
, , . margin, vertical-align...
(Content goes here) div (id="content")
:
<div id="container" style="width:500px; margin: 0 auto 0 auto; display:table;" >
<div id="header" style="background-color:#FFA500;"><h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;f loat:left;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript</div>
<div id="content" style="vertical-align:middle; display:table-cell; background-color:#EEEEEE;height:200px;width:400px;f loat:left;"><p>Content goes here</p></div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">Copyright W3Schools.com</div>
</div>
-
10th August 2012 11:37 #2
-
10th August 2012 11:41 #3Registered User
Join Date: Mar:2005
Location: Sofia
Posts: 166
float , .

: , float- , .
-
10th August 2012 11:44 #4
-
10th August 2012 11:51 #5Registered User
Join Date: Mar:2005
Location: Sofia
Posts: 166
<html>
<head>
</head>
<body>
<div id="container" style="width:500px; margin: 0 auto 0 auto; display:table;" >
<div id="header" style="background-color:#FFA500;"><h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;f loat:left;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript</div>
<div id="content" style="vertical-align:middle; display:table-cell; background-color:#EEEEEE;height:200px;width:400px;f loat:left;"><div style="height:200px; width:400px; text-align:center; vertical-align:middle; display:table-cell;"><p>Content goes here</p></div></div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">Copyright W3Schools.com</div>
</div>
</body>
</html>
--------- 11:51 --------- : 11:48 ---------
w3schools .
-
10th August 2012 12:00 #6
, . 1 3 . . . 2 "Main Title of Web Page" 1 . css-a. Display align- , . , ( "") .




Reply With Quote

Lenovo ThinkPad 15 IdeaPad 15
5th May 2023, 22:16 in