Jump to content
Please Use CODE Tags

Slight Problem with PHP/CSS/divs

dialgarocksful
By dialgarocksful
in Programming
 Share
Posted

I already uploaded my things to my site. I got two problems:

 

1. There's an annoying ') in the left (CTRL+F and copying that string didn't found any match case)

2. I can't center the divs

 

Here's the scripts for the front-end as well as the back-end

Spoiler 

<html>
	<head>
		<title>Pinoy Part Picker</title>
		<?php
			include 'scripts.php';
		?>

		<style type="text/css">
			#contain
			{
				align-content: center;
			}
			#intelCont 
			{ 
				background: url("images/intelMenu.png"); 
				height: 464px; 
				border-radius: 15px 15px 15px 15px;
				margin: 0 auto;
				max-width: 332px;
			}
			#amdCont 
			{ 
				background: url("images/amdMenu.png"); 
				height: 464px; 
				max-width: 332px;
				border-radius: 15px 15px 15px 15px;
				margin: 0 auto;
			}
			p
			{
				font-size: 25;
				color: black;
			}   

		</style>
	</head>
	<body>
	<center>	
		<br/><br/>
		
		
			<div class="col-md-4" id="intelCont">
			    <table>
			    	<tr><td><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></td></tr>
					<tr><td><p align="center"><a href="Intel/gaming">Gaming Builds</a></p></td></tr>
					<tr><td><br/></td></tr>
					<tr><td><p align="center"><a href="Intel/productivity">Productivity Builds</a></p></td></tr>
					<tr><td><br/></td></tr>
					<tr><td><p align="center"><a href="Intel/enthusiast">Enthusiast Builds</a></p></td></tr>
					<tr><td><br/></td></tr>
					<tr><td><p align="center"><a href="Intel/legacy">Legacy Builds</a></p></td></tr>
				</table>
		 	</div>
			 	
		 	<div id="amdCont" class="col-md-4"> 
			    <table>
			    	<tr><td><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></td></tr>
					<tr><td><p align="center"><a href="AMD/ryzen">Ryzen Builds</a></p></td></tr>
					<tr><td><br/><br/></td></tr>
					<tr><td><p align="center"><a href="AMD/threadripper">Threadripper Builds</a></p></td></tr>
					<tr><td><br/><br/></td></tr>
					<tr><td><p align="center"><a href="AMD/legacy">Legacy Builds</a></p></td></tr>
				</table>
		 	</div>
		
	</center>
	</body>
</html>

 

Spoiler 

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">

		<link rel="icon" href="images/logo.png">
		<link href="css/bootstrap.min.css" rel="stylesheet">
   		<link href="css/bootstrap-theme.min.css" rel="stylesheet">
	</head>
	
	<body>
	
	<nav class="navbar navbar-default navbar-inverse" role="navigation">
	   <div class="container-fluid" id="navfluid">
	       <div class="navbar-header">
	           <button type="button" class="navbar-toggle" data-toggle="collapse">
	               <span class="sr-only">Toggle navigation</span>
	               <span class="icon-bar"></span>
	               <span class="icon-bar"></span>
	               <span class="icon-bar"></span>
	            </button>
	            <a class="navbar-brand" href="index.php"><img src="images/pppLogo.png"/></a>
	       </div>

	       <div id="navbar" class="navbar-collapse collapse">
			  <ul class="nav navbar-nav">
			
				<li class="dropdown">
				  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"  aria-expanded="true">Intel Builds<span class="caret"></span></a>
				  <ul class="dropdown-menu">
					<li><a href="Intel/gaming">Gaming</a></li>
					<li><a href="Intel/productivity">Productivity</a></li>
					<li><a href="Intel/enthusiast">Enthusiast</a></li>
					<li><a href="Intel/legacy">Legacy</a></li>
				  </ul>
				</li>
				
				<li class="dropdown">
				  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AMD Builds<span class="caret"></span></a>
				  <ul class="dropdown-menu">
					<li><a href="AMD/ryzen">Ryzen</a></li> 
					<li><a href="AMD/threadripper">Threadripper</a></li>
					<li><a href="AMD/legacy">Legacy</a></li>
				  </ul>
				</li>
							
			  </ul>
			</div>
	   </div>
	</nav>	
	</div>
	
	<script src="../js/jquery.min.js.download"></script>
    <script>window.jQuery || document.write(<script src="../../assets/js/vendor/jquery.min.js">)</script>
    <script src="../js/bootstrap.min.js.download"></script>
    <script src="../js/docs.min.js.download"></script>
    

	<svg xmlns="http://www.w3.org/2000/svg" width="1140" height="500" viewBox="0 0 1140 500" preserveAspectRatio="none" style="display: none; visibility: hidden; position: absolute; top: -100%; left: -100%;">
	<defs>
	<style type="text/css"></style>
	</defs>
	<text x="0" y="57" style="font-weight:bold;font-size:57pt;font-family:Arial, Helvetica, Open Sans, sans-serif">Thirdslide</text></svg>
	<div id="window-resizer-tooltip" style="display: none;">
		<a href="https://getbootstrap.com/examples/theme/#" title="Edit settings"></a>
		<span class="tooltipTitle">Window size: </span>
		<span class="tooltipWidth" id="winWidth">1920</span>
		x<span class="tooltipHeight" id="winHeight">1040</span>
		<br>
		<span class="tooltipTitle">Viewport size: </span>
		<span class="tooltipWidth" id="vpWidth">1920</span> x <span class="tooltipHeight" id="vpHeight">925</span>
	</div>
	
	</body>
	
</html>

 

 

q.png

 

Spoiler

 

Link to comment
https://linustechtips.com/topic/803461-slight-problem-with-phpcssdivs/
Share on other sites
Link to post
Share on other sites
Posted
15 minutes ago, dialgarocksful said:

I already uploaded my things to my site. I got two problems:

 

1. There's an annoying ') in the left (CTRL+F and copying that string didn't found any match case)

2. I can't center the divs

 

Here's the scripts for the front-end as well as the back-end

 

 

It's been a while since I developed a website, but the ")" seems to be coming from your scripts.php file, so check that one.

When it comes to the divs, you can set their display to be inline-block and then in the wrapper set text-align to center.

 

Example:

https://codepen.io/zwirek2201/pen/dRjdKB

Try, fail, learn, repeat...

Link to post
Share on other sites
Posted
  • Author
59 minutes ago, zwirek2201 said:

It's been a while since I developed a website, but the ")" seems to be coming from your scripts.php file, so check that one.

When it comes to the divs, you can set their display to be inline-block and then in the wrapper set text-align to center.

last problem. i copied the script on the example and enabled border (temporarily) on 1 tab. it worked, but the table (along with the contents) shifted left. any idea how-to?

q.png

 

Spoiler

 

Link to post
Share on other sites
Posted
5 minutes ago, dialgarocksful said:

last problem. i copied the script on the example and enabled border (temporarily) on 1 tab. it worked, but the table (along with the contents) shifted left. any idea how-to?

 

You should probably set the width of the table to either width of the container or 100%. Not sure though.

Try, fail, learn, repeat...

Link to post
Share on other sites
Posted
  • Author
8 minutes ago, zwirek2201 said:

You should probably set the width of the table to either width of the container or 100%. Not sure though.

found the fix by adding align="center" inside <table>. Kinda redundant but it worked. Thanks for the help

 

Spoiler

 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Programming

×