Profile page with picture upload for data collection

Well, that’s the challenge I have, putting it where it should rightly be. I do not know what the do to get it exactly on the placeholder. I need help. Regards.

That is where the back-end processing comes in.
The html template may say:-

<img src="images/<?php echo $imageFileName ?>" width="200" height="200" alt="avatar">

Where $imageFileName may be set to placeholder.jpg before upload and uploadedimage.jpg after an upload.

Ok. But on which specific file/folder at the wp back-end do I need to address this?

Pardon please, this is not wp project. Let me check it up at my html code.

I don’t use Wordpress, so would not have a clue.
Maybe I move this to the WP forum?

Now what is the corresponding php code variable needed to check undefined index error message?

Sorry but this makes no sense at all. What are you trying to do?

I just want to understand what to do at the back-end to correct the image positioning. Of-course, I am still coding offline, not online.

I thought you were checking whether it is a WordPress site or not.

Not wp site, please. I am working off line to create database management system that will register taxpayers. When completed, it will be used online to capture taxpayers, upload their profile image, sort and view their revenue status per revenue head. So I am not using any CMS, not online. Please, assist me as much as you can. Thanks.

Hello, and how far?

How far what?

I’m struggling to follow this thread. I get you’re trying to develop a database system. That’s a big task, and I’m not clear how far you have got with it. Have you got the profile picture upload working yet? If not, there is no point in trying to work out how to display the profile pic.

Em. Profile picture upload is already working. see the sample I uploaded to this site yesterday. The only problem I had before joining this site has been on how to position the uploaded profile picture conveniently. That is where I need help for now.

What is the code you have presently which put the image on the top left?

The html, css, and php codes have been uploaded to this site yesterday. Well, if you can’t view them for some reason(s) please, let me know so I can send them specifically to your page. Regards.

The HTML that you posted here yesterday was invalid, as we pointed out at the time. I assume you have now corrected it, so please post the full, valid HTML and CSS for the page.

Yes, corrections were made as pointed out on this site. Thanks. See the working codes below:
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<html>
<head>
<div>
<title>Registration</title>
<p>KUGBUDU COMMUNITY</p>
<p>REVENUE DATABASE MANAGEMENT SYSTEM</p>

</div>
</head>
<body>
<hr></hr>
<p2>Online/Offline Solution.</p2>
<hr></hr>
<form name="newad" method="post" enctype="multipart/form-data" action="thumbs.php">

<fieldset>
<img style="margin-left:25px;" src="upload2/avatar.png" width="200" height="200" />
	
<input type="file" name="image" >
<input name="Submit" type="submit" value="Upload image">
<fieldset>
</form>


<h2>Register New Revenue Payer</color></h2>

<label for="ptin">Current TIN Of Business Owner</label>
<input type="text" name="ptin" class="mytext" maxlength="23">
</p>
<p>
<label for="fullname">Full Name</label>
<input type="text" name="name" class="mytext">
</p>
<p>
<label for="dob">Date Of Birth</label>
<input type="datetime-local" class="mytext">
</p>
<p>
<label for="address">Residential Address</label>
<input type="textarea" name="address" class="mytext">
</p>
<p>
<label for="full name">Personal Phone Number </label>
<input type="tel" name="tel" class="mytext">
</p>
</fieldset>
<fieldset>
<h2>Business Information</h2>
<p>
<label for="ptin">Current Company TIN </label>
<input type="text" name="ptin" class="mytext" maxlength="13">
</p>
<p>
<label for="bname">Business Name</label>
<input type="text" name="bname" class="mytext">
</p>
<label for="full baddress">Address Of Current Business Location </label>
<input type="textarea" name="baddress" class="mytext">
</p>
<p>
<label for="option">Revenue Sector</label>
<select>
<option id="sector">
<option value="edu">Education</option>
<option value="env">Environment</option>
<option value="agric">Agriculture</option>
<option value="tourism">Tourism Beaureu</option>
<option value="tourism">#</option>
<option value="tourism">#</option>
</select>
</p>
<p>
<label for="option">Revenue Lot</label>
<select>
<option id="rlot">
<option value="l1">Lot 1</option>
<option value="l2">Lot 2</option>
<option value="l3">Lot 3</option>
<option value="l4">Lot 4</option>
<option value="l4">Lot #</option>
<option value="l4">Lot #</option>
</select>
<button type="submit">Add Payer</button>
</fieldset>
</body>
</form>
</html>

CSS

<style type="text/css">
div p {
	color: white;
	text-align: center;
	font-size: 36;
}
 p 2 {
	color: white;
	text-align: left;
	font-size: 24;
}

fieldset img {
	display: block;
	float: right;
}
	fieldset input {
	float: right;
}
	form {
font-size: 22px;
color: blue;
}
	input {
display: block;
clear: both;
}
	fieldset {
margin: 1em 140;
background-color: pink;

}
	label input {
display: block;
color: red;
}
	body {
background: blue;

}
body p2 {
background: green;
font-size: 26;

}
.mytext{
	width: 300;
}
</style>

Your next step is to put that code into the validator.
And note what it says.

That code is still not valid; you still have tags which belong only in the body mixed into the head section, and an extra opening <head> and <html> tags.

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<html>
<head>
<div>
<title>Registration</title>
<p>KUGBUDU COMMUNITY</p>
<p>REVENUE DATABASE MANAGEMENT SYSTEM</p>

</div>
</head>

I haven’t looked any further than that.

Please check your code again, using the validator and correct any errors. https://validator.w3.org

You should also validate your CSS as several attributes are missing units. http://jigsaw.w3.org

Then post the corrected code here, following the formatting instructions given earlier in the thread.

Html: validated, errors noted. I’ll work on that. Regards.