kakingho
Oct 4 2005, 05:04 AM
| | Easy teahnic, post the following codes between <head>and </head>
QUOTE <style type="text/css">
<!--
body{background-image: url(under.gif);
background-repeat:no-repeat;
background-attachment : fixed;
background-position: 10% 20%;}
-->
</style>
For red colour, change it to your image's location.
For green colour, it is used to set horizontal and vertical position of background image.
I hope it can help you.  |
Reply
Tyssen
Oct 4 2005, 05:25 AM
Be aware that background-attachment: fixed only works on the body tag in IE. Other browsers support it for all elements. A better way to do what you've done is with shorthand CSS: CODE
body {
background: url(under.gif) no-repeat fixed 10% 20%;
}
You can also use other values for your horizontal & vertical dimensions like pixels and ems.
Reply
kakingho
Oct 4 2005, 05:53 AM
QUOTE(Tyssen @ Oct 4 2005, 01:25 PM) Be aware that background-attachment: fixed only works on the body tag in IE. Other browsers support it for all elements. A better way to do what you've done is with shorthand CSS: CODE
body {
background: url(under.gif) no-repeat fixed 10% 20%;
}
You can also use other values for your horizontal & vertical dimensions like pixels and ems. O!! thanks a lot. I dont know that can use CSS. It is shorter than my code. I add this to my library website now 
Reply
Inspiron
Oct 4 2005, 03:03 PM
As Tyssen has noted about the compatibility with IE, I'll take this chance to say that having CSS on webpages can be cool and easy management of the look and feel of the webpages. However, CSS can also cause huge and major compatibility problems and errors on different browsers. Fortunately, Firefox browser is able to respond quite close to IE, but still a little issue if you have been noticing and developing webpages for long. Unfortunately, Opera and other browsers appear quite differently from Firefox and IE. Developing HTML webpages has been easy for me. Instead of javascripts, CSS is the real headache when I view my developed pages on different browsers as they need to look identical on different browsers to be of industrial standard. I took alot of time of this compatibility issue. Definately I'm not going to ignore the look and feel for Opera users and focus on Firefox and IE. The alternative method that Tyssen pointed is a very good example for the compatibility issue. Another one is the iframe transparency, which Opera doesn't follow the CSS methods that Firefox and IE does. Worst still, the usages for the CSS 2, a next generation of CSS, where multimedia can be added, from images to flash, audio to video, to provide the worst case compatibility issue. My point to we developers out there is to download different browsers and test your webpages on them before publishing on the Internet. I bet you wouldn't want visitors using different browsers to leave a bad impression on your site if the looks are not as what you expected.. Happy developing..
Reply
jlhaslip
Oct 4 2005, 07:24 PM
And how to add opacity to the above code listing? Is opacity an issue between browsers as well? I try to test using IE, Firefox and Opera to get 'similar' pages. Because of the browser compatibility issues they will never be 'the same', so I don't even try.
Reply
Tyssen
Oct 4 2005, 10:48 PM
Opera doesn't currently support opacity.
Reply
reatum
Oct 6 2005, 10:53 PM
I think that an easy fix to this issue would be to write a jscript that determines the browser type and have a different stylesheet for each browser.
Reply
Tyssen
Oct 6 2005, 11:32 PM
QUOTE(Re_Atum @ Oct 7 2005, 08:53 AM) I think that an easy fix to this issue would be to write a jscript that determines the browser type and have a different stylesheet for each browser.
For the most part, it's only IE that won't do the things you want it to or displays stuff differently (incorrectly) from other browsers. You can use IE conditional comments in your HTML to serve up different styles for IE which means your site won't look broken for people who have javascript turned off.
Reply
Lozbo
Oct 8 2005, 12:08 AM
What are those IE conditional comments? You mean for CSS? I usually dont like the back ground fixed, but if when you have the right image or design, it can look pretty cool...
Reply
leiaah
Oct 14 2005, 12:19 PM
You can also do it without having to use CSS. You just have to insert the property bgproperties to the body tag. There might be some are not good with CSS (or at least not yet).  CODE <body bgproperties="fixed" background="picture.jpg">
Reply
Recent Queries:--
css input with background image - 2.81 hr back. (1)
-
internet explorer 6 form background scroll - 6.96 hr back. (1)
Similar Topics
Keywords : fixed, background, image, reminder
- Background Question
:) (12)
Ok Background Help Please
html (4) OK so i've given up on the paint for background now how would i get it to look like this
http://img.photobucket.com/albums/v614/Dj1.../background.jpg without using paint and without it
coming out to look like this... http://img.photobucket.com/albums/v614/Dj169211/Damn.jpg like,
with just html code, not trying to use paint and do the BS any ideas?....
Help With Background Image
please? :) (6) Ok heres the scoop, i got a background that i made in paint for my website its just like 3 lines for
the nav bar, banner and other things ect. ect. now when i hosted it on a site and put in the This
is what it looks like in paint http://img.photobucket.com/albums/v614/Dj1.../background.jpg and
this is what it looks like when i put it into HTML
http://img.photobucket.com/albums/v614/Dj169211/Damn.jpg i dont want it tiled like that so is
there any way that i can change that? any ideas? :| Thanks in advance /smile.gif"
style="vertical-align:middle" emoid=":)" borde....
Background Image Picture On A Website
how do u make a pic a backround?? (3) ?email me if u know! Trap17 forum asks you to post contributes with substance. ....
Image Links
(5) Ok...another question...may sound stupid, but we're all stupid...how'd I be able to create
an image link. Uh...let me rephrase this: If I were to create an "Enter" image and wanted people to
click the image to enter to a certain page, how would I do it without some sort of the famous "Blue
Line" around it? Any help would be greatly appreciated... /unsure.gif"
style="vertical-align:middle" emoid=":unsure:" border="0" alt="unsure.gif" />....
Typing Over Image
(7) Is it possible to have a linked font over an image (not being a background image)? If so, how do I
accomplish that?....
Need Help With Image Wrapping
(13) ok my problem now is that i need it to auto width the image that needs to be use so then I can use
tags for the content without the need for the image to expand from left to right. heres the css for
the image wrap CODE <style type="text/css"> span { background-image:
url(images/gfxtrap_42.gif); background-repeat: repeat-y;
background-position: top left, bottom right; height: 200px; border: 0px; }
</style> heres the rest of the website code. CODE <!DOCTYPE html PUBLIC
"....
Image Roll Over Drop Down Menu Help
(2) Ok I been searching for days now on a half way descent tutorial on how to do a Image Roll Over Drop
Down Menu in CSS without the use of javascript, I been seeing alot of the suckerfish set up but of
course no one goes in to detail on how to set up the image rollover version of it. Plus I don't
want the dhtml or the javascript setup just good ole pure css. Also I need ot be able to control
multiple menus in one script as well. CODE <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict....
Getting An Image To Scroll On With Content
(13) ok, well i had had people review Hogwartsmagic.net and they said that i should get it to not be one
huge image as a layout..and i have figured most of it out and it has proven sucessful! but now i
am having diffuclty, i am pretty much only a basicl HTML kinda person... and i was wondering if
anyone knows an html code that will allow one image to scroll the entire length of a pages content?
for example, if i were to add 200 links to the right navigation..the image would go with the
content.. i am testing it out here HERE any help would be much appreciated....
Ie5 Mac Does Not See My Site
It shows the body bg image only... (11) Remember that site layout I was hacking down for IE? Which by the way I didnt really like, but it
was the customer's design... and yes, he is not a graphic designer hehe... Anyway I was really
surprised that I got to the solution and fixed it... but as I'm testing between browsers, I come
to see that Internet Explorer in Mac does not show nothing of my page, yet the source code is there,
if you click command + e in order to see the html source code, its all there! But all I can see
from the page itself is the body background-image... I tried removing the d....
Usemap And Table Background Image Changing
(5) I have a menu page that consists of links to other pages. The page has a background image of a
globe. The globe is divided into seperate sections for each menu item. As a user hovers over each
section I change the background image(The same globe with that section highlighted.) That is what I
have so far except that they have to hover over a small anchor tag that I put in not the whole
section. I want to change it so that they can actually hover over all of the section they are
selecting. I found usemap online but haven't found any examples where it will actually ch....
Image Doesn't Load
(6) Hi, Never hapened to me since HTML was invented. I've got a webpage ( h.shtml - I've also
tryed .htm, .html ) with the following code: Code: CODE <html> <head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta
name="ProgId" content="FrontPage.Editor.Document"> <meta
http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Horoscope</title> </head> <body> <div
align="center"> <cente....
Image.index.html
(10) hello there well i designed this image that includes text a logo i shall say i am aware that i need
to title it index.html when i upload the file i visit my website and it shows the file folder. now i
only want that image i designed on there so when clients visit my site it only goes to that page the
rest of my site isent done yet. i want it to be just like the sites you visit and it states
underconstruction. programs ive tried: indesign, image ready, incopy cs2, dreamweaver. and i
still dont understand please help meeh thanks oh and what classify's images html,....
Background Resize
(4) Does anyone have the javascript for a background to resize? I want my background to resize to
1024x768 if the visitor has resolution 1024x768, to 800x600 if the resolution is 800x600 etc.
Greets, ExplosioN /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> ....
Substitute Form Button For An Image
homemade images in forms buttons (3) Hi, I have the next formular : CODE <form method='post'
action='index.php?mode=2&id=1'> <input type='hidden'
name='name' value='Canon Digital Ixus 700'/> <input
type='hidden' name='id' value='1'/> <input
type='hidden' name='qty' value='1'> <input
type='hidden' name='cost' value='40'> <input
type='submit' value='Add to ca....
Background Fit Any Resolution
hmmm (6) Is it possible to do with html. I have found a few solutions but they dont seem to work. I know it
is possible in java. But anyone have the code for html? Would really appreciate it.....
Background Not Big Enough
(4) Hi: Ok, first off....moderaters, please move this topic to the appropriate category. I really
couldn't find a spot to put this in...so I just picked one. Here is the page I have a question
about: http://histology-world.com/articles/article9.htm The problem? Scroll down and you can
see. My background image is not long enough. I have gone into my photo editor and readjusted it,
just made the canvas size larger. But then I am starting to get concerned about file size. I want
the lights at the top. When the background image repeats itself, the lights are ins....
Simple Smil Question About Image Positioning
(3) Howdy all, I'm working on a project for college but ran into a "little" problem with SMIL,
concerning positioning images. You can see the smil presentation here:
http://www.ket.trap17.com/smil-show/index.html (its only a 15 second presentation and doesn't
take long to load. don't mind the language on the left image, its portuguese) What i want to
do, is to make the image on the right, to fade in in the same place as the left image. I tried
setting a region but that didn't work, I tried using the layout tags in the but that also
didn't work (o....
Looking for fixed, background, image, reminder
|
|
Searching Video's for fixed, background, image, reminder
|
advertisement
|
|
Jul 25, 2008
