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.

middle alignment

Featured Replies

hi - could someone advise me how to middle align my navigation text (top right)

 

thanks in advance - eighty0ne

 

LINK

  • Author

I think you need to fix your background images first.

 

hi & thanks for your reply

 

crumbs, what's going on there?

looks fine in my firefox

 

any idea how to fix that tyledogg?

Its the size of your background image. Basically your background image us 1280*1100. Anyone with a screen resolutions bigger than that (i.e mine 1440*900) its not going to fit there resolution because there resolution is bigger than the image itself. What you can do is either get a bigger background image or get a background image that you can repeat both on the Y & X axies.

 

Regarding your navigation bar.

 

What i would normally do when i have the same idea as you, is put your logo as a background image of the <div> itself, or create 2 more <divs> one being the left side and the size of your logo, and the other <div> being the remainder of the right.

 

You can then center your navigation within that <div>

 

Make sure that you float both the <divs> left and right and then clear them after wards using

 

<div style="clear: both;"></div>

  • Author

hey tyledogg, thanks for this - i think i've got a plan for the background issue

 

in terms of the navigation, i was hoping to vertical align the text if you see what I mean - at the moment, it sits up the top of the div - any thoughts?

 

ta, eighty0ne

Do you mean putting the text in the middle? I must be having a blond moment here (I'm not blond)

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.