Results 1 to 16 of 16

Thread: CSS - ( )

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered 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>

  2. #2
    Web dev SuSaMeCa's Avatar
    Join Date: Jan:2010
    Location:
    Posts: 342

    . , align , "center". id css . css file

  3. #3
    Registered User
    Join Date: Mar:2005
    Location: Sofia
    Posts: 166
    float , .


    : , float- , .


  4. #4
    Web dev SuSaMeCa's Avatar
    Join Date: Jan:2010
    Location:
    Posts: 342
    , / .

    .

  5. #5
    Registered 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 .

  6. #6
    Web dev SuSaMeCa's Avatar
    Join Date: Jan:2010
    Location:
    Posts: 342
    , . 1 3 . . . 2 "Main Title of Web Page" 1 . css-a. Display align- , . , ( "") .

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Copyright © 1999-2011 . .
iskamPC.com | mobility.BG | Bloody's Techblog | | 3D Vision Blog |