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
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 comment
Share on other sites
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 comment
Share on other sites
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 comment
Share on other sites
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 comment
Share on other sites
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

×