Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

ARRRGHHH....

Featured Replies

Well,

 

I have been on this forum getting help on this site, as its my first, for a while now.

 

And well if you look at it www.ttpromotons.com

 

you will see hat the heading is how i wan tit on all pages BUT the home page, asin it is all the way across on all other but the home page.

 

The home page is .php as it has a wordpress blog on there but how does that change the header ?

 

 

:S

 

help

My browser displays an error whenever trying to connect to your server. Can anyone else connect?

  • Author

i can connect through Safari and Firefox.

 

but if one person cannot connect... im sure others cant.

 

Is it just the index page or can you connect to the other pages ie. www.ttpromotions.com/kissmusic.html

You spelt the link wrong in your first post - www.ttpromotions.com

 

I'm on FF3 (Windows) and the headers seem fine to me? (assuming I'm looking at the right thing ;-)

Ok mate, first of all your code is a mess. lol

 

If you are using php, i will give you an adice.

 

The menu is something that you will have on all pages, and it will be the same on all pages

 

so why dont you do this:

 

1. Create a .php file named menu.php

2. Inside menu.php insert the code for the navigation bar.

<?php
print '

		<div id="nav">

		   <ul>

		   <div class="image_block">
		   <img src="images/menu_left.png" alt="#"/>
	 	   </div>
	<li class="red">
		<p><a href="index.php"><P>Home</a></p>

		<p class="subtext">Back to the front page</p>
	</li>
	<li class="red">
		<p><a href="Battleofthebands.html"><P>BOTB</a></p>
		<p class="subtext">Catch up on Battle of the Bands</p>
	</li>
	<li class="red">

		<p><a href="kissmusic.html"><P>Kiss Music</a></p>
		<p class="subtext">Get info on the next "Kiss" and previous "kisses"</p>
	</li>
	<li class="red">
		<p><a href="newsletter.html"><P>Newsletter</a></p>
		<p class="subtext">Sign up to our monthly newsletter</p>
	</li>

	<li class="red">
		<p><a href="contactus.html"><P>Contact Us</a></p>
		<p class="subtext">Get in touch with us!</p>
	</li>

	<div class="image_block">
		   <img src="images/menu_right.png" alt="#"/>
	 	   </div>
</ul>


		  </div>

';
?>

3. Open index.php and replace the code for the menu with:

<?php include_once ="menu.php";?>

 

Now, whenever you need to make a change to the navigatin bar you only need to do it in one file.

 

Ok now to fix your menu issue, try this:

 

CSS:

 

#main .container {  
min-height:400px;

 

 

I think that if you do this the menu background will take up 100% of the width of the screen.

 

Man to be honest im getting a headache to try and look through your code...

 

You have multiple <div id=> a div id has got to be unique. Use div class if you need to repeat it.

 

It is not bad for a first site but i would strongly recommend you re-doing everything from scratch.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.