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.

Images not showing via css.

Featured Replies

It's because your div is empty and you haven't specifically declared a height for the top bar. Either add a   to your div like this:

 

<div class="topbar"> </div>

 

Or, set a height in your CSS:

 

.topbar {
background: url(../image/bar.png) repeat;
height: 15px;
}

The reason is because a div element automatically has 0 height, so it appears blank.

 

Lyndsey.

You need to specify height to the .topbar div, then the image shows.

There is no other background image in your CSS, which background image dd you mean?

  • Author

Hey both

 

Yeh i realised that i changed it didnt upload in time,

 

Teodora - The other image is the background in the body section on css.

Edited by David Cook

Possibly because you're loading the reset stylesheet after the main stylesheet, which is overriding the body attributes you've previously set! Try moving the reset above the general stylesheet:

 

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />

 

Yeah, that's definitely causing the issue. Let me know if you have any more issues :D

  • Author

cheers lyndesy it was because I have background:transparant in the reset that was overriding it, removed that and worked didnt matter about the order.

cheers lyndesy it was because I have background:transparant in the reset that was overriding it, removed that and worked didnt matter about the order.

 

Ok, awesome :)

god i sound thick, didnt even think of that, and i even said that to my friend who is having the site.

 

It's easily done :p

 

Looks good so far, I'm liking the colour scheme, good choice :)

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.