56 users online (1 members and 55 guests)  


  Results 1 to 8 of 8

Related

  1. Two column text next to images    Forum: CSS Forum
    Replies: 2
  2. Moving Text and Images    Forum: CSS Forum
    Replies: 2
  3. Question about frames and swapping text    Forum: HTML Forum
    Replies: 1
  4. Jumping Images with tables and CSS    Forum: CSS Forum
    Replies: 5
  5. Pre-Loading Rollover Javascript Images...    Forum: Javascript Forum
    Replies: 6
  1. #1
    narcissistic's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2002
    Posts
    8

    Exclamation Jumping images, title on loading bar, triple frames, placement of text

    I'm new to this board, but I noticed the members provide excellent advice, so I have a few questions.

    1. On this website http://www.glamriot.com/users/hxte/ the user makes the images jump when you hover over them, is there a code anyone knows of to make this happen?
    2. I've seen, on some websites, down at the bottom of a MWIE window, down by the loading bar that shows progress, and says "done" when loaded, had customizbale text, such as welcome to....whatever. Am I looking in the right section, meaning does CSS offer this code?
    3. On the same website http://www.glamriot.com/users/hxte/ the user displays triple vertical frames. I'd like to do that also.
    4. I don't know if I'm just oblivious now or not, but I've seen that people have text displayed in odd places like, in the bottom left hand corner about 2 inches from each side.
    5. Is there a code to switch the horitzontal scrollbars from the bottom to the top

    Thanks so much for all future help I will receive, and

  2. #2
    geek987's Avatar
    Man Utd Fans

    Status
    Offline
    Join Date
    Apr 2002
    Location
    Canada
    Posts
    156
    here's the answers to your questions:

    1.The image didn't jump, he actually made a border around the image, when your mouse hovers over it. Here's the code:

    put this in your head section(between <head> and </head>):
    __________________________________________________

    <style>
    <!--
    a:hover { border: 1px dotted}
    -->
    </style>
    __________________________________________________

    and put this in your body section where you want the image to be at:

    __________________________________________________

    <a href="yourlink.html"><img src="yourimage.gif" border="0"></a>
    __________________________________________________


    2.Try this page for more diffrent tricks for your status bar:
    http://www.javascriptkit.com/script/cutindex19.shtml

    3.here's the code:
    __________________________________________________

    <frameset cols="30%,40%,*">
    <frame name="left" src="left.html">
    <frame name="middle" src="middle.html">
    <frame name="right" src="right.html">
    </frameset>
    __________________________________________________

    "cols" mean cutting the page in columms(the other attribute is "rows"), 30% is the width of the frame "left"(30% can also be replaced by a number in pixels), * means the remaining space left for frame "right"(in this case, 30%).

    4.sorry, but i don't really get what your mean. An example might help here.

    5.i couldn't find the code for making a horizontal scrollbar at the top instead of at the bottom, but i did found a script that makes your vertical scrollbar position itself on the left side instead of the right side. Maybe someone could change it and make it into a top horizontal bar instead!

    __________________________________________________

    <HTML DIR="rtl">
    <BODY>

    All your content here.

    </BODY>
    </HTML>
    __________________________________________________
    for one thing, i know that the attribute--rtl--means "right to left". so i tried to change that to btt (bottom to top), but it didn't work.

    Last edited by geek987; 08-25-2002 at 05:32 PM.

  3. #3
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    If you do want to make your links 'jump' this code in your <head> will do it -

    Code:
    <style type="text/css">
    a:hover {
    position: relative;
    top: +2px;
    left: +2px;
    }
    </style>
    Quite a nice little bit of code.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  4. #4
    narcissistic's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2002
    Posts
    8

    Exclamation Thanks!

    I'd like to thank the people who replied to this, providing me with great information. I would like to foloow up though, in detail, with a few more questions, if that isn't a problem.
    To continue on...
    1. Can you also make text jump with that same code, where it's colored like they do here?:http://www.glamriot.com/users/hxte/index2.html
    3. I am using the free webspace on geocities, and when you use the builder, you can only fit so much on the space. Does anyone know if the frames could be infinite in space since I am not using a builder?
    4. By misplaced text I mean like they "enter" text used here:http://www.star-fxckers.net
    5. I do have the code for rtl up and running. Perhaps is there someone who can make me a customized code? Could I do it myself? If so, how would I go about it?
    6. For some webmaster resources, does anybody know where I can find some pictures like the one used here?:http://www.star-fxckers.net

  5. #5
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi There -

    1) Like geek said, it jumps because there is a border around it on a:hover. To be honest, putting a border around a non-block element is a bad idea, but if you can make it work..

    These effects are controlled by CSS. CSS is the most flexible way of getting most style effects you need. It probably wouldn't hurt to have a look at the tutorial in my signature. It should be able to teach you all about using the colours etc.

    3) whilst not sure what you mean by 'infinite' space, if you are not using the builder (as you stated) then you should not have any constraints at all.

    4) The test in your example is where it is because the author has used a CSS technique called 'Absolute Positioning'. View the source on that page to see how they did it, and again, the CSS tutorial should help.

    5) You will need to explain this one better. Exactly what do you need/want? Thanks.

    6) Use www.google.com to search for free images, but you will never find images as good as the ones used at the site you mentioned, they look like they have been created specifically for the site.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  6. #6
    narcissistic's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2002
    Posts
    8
    Thanks again quietdean!
    What I was tlaking about for number 5 is:
    5. Some people specially create codes for themselves. I wanted to know if anyone knew of a palce where you can have some one custom make a code for you that makes the horizontal scrollbar switch to the top.
    6. Do you know of a good program that would design these types of pictures?
    Thanks for all the help!

  7. #7
    geek987's Avatar
    Man Utd Fans

    Status
    Offline
    Join Date
    Apr 2002
    Location
    Canada
    Posts
    156
    there's really no programs right now that actually help design specified pictures. but if you want a good graphic program, i would recommend Paint Shop Pro or Adobe Photoshop

  8. #8
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    I doubt anyone could make the scrollbar be @ the top without writing a new browser

    For gfx, also try the Gimp ( www.gimp.org ) . Its free!
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Tags for this Thread