How to view html files in browser


#1

How to view html files in browser

In the file written –

<img id="cursor" src="cursor.png">
<div class="container">
	<div class="balance">
	</div>
	<div class="transaction">
	</div>
</div>
<div class="full-screen">
	<div class="bank-container">
		<div class="header">
			<img src="logo.png" class="logo">
			<div class="header-right">
				<h3 class="sans">Welcome Back, <span class="username">Unknown</span></h3>
				<h4 class="sans">Current Balance: <span class="currentBalance"></span></h4>
			</div>
		</div>
		<div class="body home">
			<div class="centered">
				<a href="#" class="button sans btnWithdraw">Withdraw</a>
				<a href="#" class="button sans btnDeposit">Deposit</a>
				<a href="#" class="button sans btnTransfer">Transfer</a>
				<a href="#" class="button sans btnBalance">Balance</a>
				<a href="#" class="button sans btnQuick">Quick $100</a>
				<a href="#" class="button sans btnClose">Close Menu</a>
			</div>
		</div>
		<div class="body balance-container">
			<div class="centered">
				<div class="number-display"><p class="sans">Current Balance: <span class="currentBalance"></span></p></div>
				<a href="#" class="button sans btnWithdraw">Withdraw</a>
				<a href="#" class="button sans btnDeposit">Deposit</a>
				<a href="#" class="button sans btnHome">Home</a>
				<a href="#" class="button sans btnClose">Close Menu</a>
			</div>
		</div>
		<div class="body withdraw-container">
			<div class="form">
				<div class="notification"></div>
				<form id="withdraw-form">
          <input id="amount" type="text" placeholder="Amount" class="sans" required/><br>
          <button type="submit" id="submit" class="submit sans">Withdraw</button>
      </form>
			</div>
			<div class="centered">
					<a href="#" class="button sans btnHome">Home</a>
					<a href="#" class="button sans btnClose">Close Menu</a>
			</div>
		</div>
		<div class="body deposit-container">
			<div class="form">
				<form id="deposit-form">
          <input id="amount" type="text" placeholder="Amount" class="sans" required/><br>
          <button type="submit" id="submit" class="submit sans">Deposit</button>
      </form>
			</div>
			<div class="centered">
					<a href="#" class="button sans btnHome">Home</a>
					<a href="#" class="button sans btnClose">Close Menu</a>
			</div>
		</div>
		<div class="body transfer-container">
			<div class="form">
				<form id="transfer-form">
          <input id="amount" type="text" placeholder="Amount" class="sans" required/><br>
          <input id="toPlayer" type="text" placeholder="To" class="sans" required/><br>
          <button type="submit" id="submit" class="submit sans">Transfer</button>
      </form>
			</div>
			<div class="centered">
					<a href="#" class="button sans btnHome">Home</a>
					<a href="#" class="button sans btnClose">Close Menu</a>
			</div>
		</div>
	</div>
</div>

–But a blank page opens


#2

You’ve confused me a little, are you trying to open a webpage inside FiveM without using the steam browser? If so I’d suggest you look up NUIs, if your just coding HTML for fun, why post here…? I suspect the first, but better to clarify :+1:


#3

I think he means he doesnt want to have to have the game running in order to test his NUI code, and instead view it in browser


#4

You will need to modify the CSS so the elements are visible in order for it to display.


#5

In that case, html tags are gonna help :smile:

Agreed, assuming there is code on the page in the first place.

@rusprizrak212, can you show us the source of the page please? (Right click, view page source) Thanks.


#6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.