June 27, 201016 yr 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? 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
June 27, 201016 yr 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
June 27, 201016 yr 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
June 27, 201016 yr 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>
June 27, 201016 yr 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?
June 27, 201016 yr 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