AnuMohan
-
Posts
3 -
Joined
-
Last visited
AnuMohan's Achievements
Newbie (1/5)
0
Reputation
-
Need an another help in using CSS with PHP File I created a Php File to create Div's (three blue boxes) in the same row of the webpage. but when I zoom the webpage for 3 or 4 times, the boxes go one below another. My Php File is "index.php" <!doctype html> <head> <title>Test</title> <link rel="stylesheet" href="stylesheet.css"/> </head> <body> <div id=”Container” align="center"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> </body> </html> My CSS File is "Stylesheet.css" #Container{ margin: 0 auto; width: 1200px; } #left{ background-color: blue; height:300px ; width: 100px; display:inline-block; } #center{ background-color: blue; height:300px ; width: 100px; display: inline-block; } #right{ background-color: blue; height:300px ; width: 100px; display: inline-block; } How to make website contents stay in the same row no matter how much we zoom the browser window Please help. Thanks in advance.
-
Need a help in using CSS with PHP File I created a Php File to create Div's (three blue boxes) and I want to align the boxes to the centre of the browser in a same row. My Php File is "index.php" <!doctype html> <head> <title>Test</title> <link rel="stylesheet" href="stylesheet.css"/> </head> <body> <div id=”Container”> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> </body> </html> My CSS File is "Stylesheet.css" #Container{ margin: auto; width: 1200px; } #left{ background-color: blue; height:300px ; width: 300px; float:left; margin-right: 10px; margin-left: 10px; } #center{ background-color: blue; height:300px ; width: 300px; float:left; margin-right: 10px; margin-left: 10px; } #right{ background-color: blue; height:300px ; width: 300px; float:left; margin-right: 10px; margin-left: 10px; } I have tried to remove "float: left;", but then boxes are coming one by one in the next row, I mean not in the same row. Please help. I want to know how to align it in the same row to the centre of the website. Thanks in advance.
-
Need a help in using CSS with PHP File I created a Php File to create Div's (three blue boxes) and I want to align the boxes to the centre of the browser in a same row. My Php File is "index.php" <!doctype html> <head> <title>Test</title> <link rel="stylesheet" href="stylesheet.css"/> </head> <body> <div id=”Container”> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> </body> </html> My CSS File is "Stylesheet.css" #Container{ margin: auto; width: 1200px; } #left{ background-color: blue; height:300px ; width: 300px; float:left; margin-right: 10px; margin-left: 10px; } #center{ background-color: blue; height:300px ; width: 300px; float:left; margin-right: 10px; margin-left: 10px; } #right{ background-color: blue; height:300px ; width: 300px; float:left; margin-right: 10px; margin-left: 10px; } I have tried to remove "float: left;", but then boxes are coming one by one in the next row, I mean not in the same row. Please help. I want to know how to align it in the same row to the centre of the website. Thanks in advance.