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.

Image relection & using images from images folder to go on webpage

Featured Replies

Hi at all,

 

Also just a quick one to say .... ' come on Engerland! ' come on boys!!

 

Right now I got that out the way, I have been having a go at refelctive images /text in photoshop.

 

I have duplicated the text, rasterized type, transformed to flip the image then used the marque tool and press backspace / del to fade the text, opacity goes to approx 39% but if done higher the text does not look so refelctive ..... I also have to use the eraser tool to take some off the bottom of the refelective text as it is too big in height.... can I use a different technique to using the eraser tool or is this the most common way of doing it?

 

 

bubbletext.jpg

 

 

Also my images are loaded in the images folder through my cpanel, how do I get those images to display on my page, I notice my designer who I no longer use has put <div id="computer images"> on the index page unlike the normal http:// image link, I take it the image name he has put is linked to the image location in the images folder somehow?

 

 

Any help or understanding of this would be much appreciated, still learning lots as a nooby but getting there I think lol

 

Thanks, Jay

Hi Jay

 

if your images were in <div id="computer images">

 

then in your css you should see something like

 

#computer images {
background-image:url("images/yourimage.jpg");
height:60px;
width:900px;
}

 

Height and width being the height and width of your new image, you may have to use some positioning to get it where you want it.

 

HTH

 

Pat

  • Author

Hi Pat... how are you?

 

ok so I need to add it to the css sheet like before.

 

I will send you a link via pm of where I am looking to add the feedback image to the page

 

you watching the football?

 

What do you think of the reflection.... anything I could do to make it look better?

 

cheers, Jay

my designer who I no longer use has put <div id="computer images">

Are you sure he coded it like that? I don't think that works as id (or class) names should not have a space. This would work:-

<div id="computer_images">

with this style:-

#computer_images {
background-image:url("images/yourimage.jpg");
height:60px;
width:900px;
}

 

You can't combine two ids like id="computer images" but you can use two separate classes for the same element:-

.menu { color: red; }
.home { font-size: 20px; }

 

HTML:-

<div class="menu home">Menu links here</div>

  • Author

Hi pat,

 

the <div id="computer images"></div> is on the index html page, pn the css sheet it is how you put it? does that make things clearer?

 

for the feedback location I have <h2 class="style1">feedback</h2>

 

So if I added the image that I did for Feedback to the images folder and the css sheet what would I put instead of the <h2 code?

Hi pat,

 

the <div id="computer images"></div> is on the index html page, pn the css sheet it is how you put it? does that make things clearer?

 

for the feedback location I have <h2 class="style1">feedback</h2>

 

So if I added the image that I did for Feedback to the images folder and the css sheet what would I put instead of the <h2 code?

 

Add the feedback image to your images folder. Then where your <h2> is, add <div class="feedimage"></div>.

In your css add

 

.feedimage {

background-image:url("images/yourimage.jpg");

height:60px;

width:900px;

}

 

or whatever your dimensions are.

 

 

 

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.