scrawny
-
Posts
35 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by scrawny
-
-
Thank you, I'll tackle the fancybox app. I would love to embed the video in the page...much easier for me. Siteowner wants the other approach.
Thank you for your good advice.
-
Please please PLEASE don't pop up new windows on rollover. There's absolutely nothing in the page that indicates this will happen when the mouse is over the image, and if you happen to flick the mouse across multiple images, it pops up multiple windows, which is terribly frustrating/annoying. If you want to create new windows, you need to indicate to the user that this will happen (and, as a general rule, avoid creating new windows in the first place).
Here are a couple different ways to approach this:
-- rather than using rollover, have the user click on the image (and preferably the preview image itself has a play button or something that indicates it is a video)
-- rather than using popup windows, use a modal window. Something along the lines of a lightbox. For example, http://fancybox.net/ and http://colorpowered.com/colorbox/
-- You could embed the videos directly in the page, and just make sure the user has to click on them in order to start playback. I'm not sure why you aren't going with this approach?
-
I'm doing the most important thing first. Just on the index page, I've changed that 2000 px wide bar to a background repeating bar. I know the CSS is very crude but it looks like the job is getting done. I don't have an iphone so can you please tell me if the alignment problems you saw before when pulled up on an iphone are fixed? http://joshmorris3d.com
thank you
-
I'll try to wade thru all these mistakes I've made. Between my outdated knowledge and my game artist siteowner's wishes, it seems quite pathetic. Thank you so much.
-
That's what I did in my draft revision. If you check the source code, Scrawny, you'll see how it's done.
-
Now I'm in a panic. If we take out the 2000 px bar, will that fix the whole problem? or need to do something else?
-
I've generated a couple of little movies which popup okay when an image is mousedover in Firefox but don't work in Safari. I think my problem is that I've got an outdated WSIWYG (Adobe GoLive) and it's not using code which modern browsers use. I've been searching for code to fix this problem and can't find any. Could someone look at this page and see if you can help me? Thank you
-
That long bar was not my idea. The owner of the site wanted that, I told him he should try it on the iphone. I fear I will have a lot of redo on this site in future after people have seen it on different media.
-
The JavaScript doesn't fix your issue with the 2000px wide image. Almost everyone but the very few people who actually view at resolutions above 2000 will see a horizontal scroll bar - and those over will see the end of your line and just black afterwards.
You really should listen - this is NOT good practice. Also - as I mentioned before, the page does not look right on the iPhone- your content is very close to the left and not centered.
-
Thank you, I think I can manage it now. I appreciate all the help!
-
So I can take out all the <div /div> tags and that's what tells the elements to go to the style in the external stylesheet?
-
I'm still not getting the answer about how to tag the different elements. Just i.e., <div ="h1">Environment</div>
Is that all that's necessary? and to take out class in the following? <div class="h1">Environment</div>
-
Thanks, this is very good. The only thing I'm still not clear about is that after adding the code for the externally linked CSS, removing all embedded CSS except for any overrides I want. For instance, in my page for the first heading I have <div class="h1">
Environment</div> Would I just take out the word class? and leave everything else in order for it to find the h1 style in the external stylesheet?
-
I've created a page with internal stylesheets. I know how to create the external from the internal but I simply don't know how to then go back and tag the elements on the pages. How do I tag them? and what code should I remove from the first page which has the internal stylesheets attached?
-
I'm sorry that I am an idiot. After beating my head against a wall all day I finally realized that I simply had not uploaded the javascript code that my WYSIWYG had generously output for me. Nothing like learning the hard way, I always say. Thank you and I'm sorry for the trouble.
-
Thank you for all your efforts! Really nice of you. But the owner of the site is also a graphics person and he has wanted this to look exactly as it is. I've got everything on the first page done now according to his wishes. I created 2 different images for the rollovers in my navigation bar. One is a png and one is a gif. They're not working! I don't understand why. They worked perfectly in Preview mode with my WYSIWYG but now that I've uploaded them, no good. Please have a look. http://joshmorris3d.com
-
I've just got a bit of the first page done until this problem is worked out. He wants his header, his nav bar, his subheads and his captions to line up with his screenshots exactly as you see whether loading on a smartphone or an extra big gallery monitor. And the line between header and nav bar to stretch all the way across. After various tries at various things, this is the config I came up with to make it happen. I'm thinking I might have to create the 2 images for each of the nav. buttons and just forget about keeping that gif. I don't know if I can keep the alignment exactly lined up with the screenshot underneath if I do that.
Thank you for your help!
-
I had to put in the nav bar in the attached as a gif, which is a long story that has to do with getting the placement on the page exactly nailed down in a certain way regardless of the size of the monitor. Anyway, now the owner of the site wants rollovers on the navigation bar but when I create them then I have several images instead of just the one gif. This one gif is the only way I could find to keep the exact placement on the page that he wants. Is there anyway to create color-changing rollovers and still keep the gif? I can make image maps on the gif with my WYSIWYG app but I wonder if I could do something in the coding to also give a different appearance...or maybe another idea. Attaching a pic
-
I have a Flash website made from a template. We want to put a counter on the first page. I found a counter here: http://www.flash-counter.com/hit-counter-styles.html. I downloaded the index.htm from the site and pasted the code at the bottom of the page, just after the body tag and before the final html tag. but it doesn't appear. Am I putting the code in the wrong place? We want it at the very bottom of the page. Thanks!
-
onmouseover="Tip('
Veteran interviewer Becky Dixon turns the tables on Teresa and interviews her about her writing. 9/2008',BGCOLOR, '#FFCC99',BORDERWIDTH, 2,BORDERCOLOR, 'FF6633',WIDTH, -140)" onmouseout="UnTip()"
-
Thank you--this is the script I used--Walter Zorn's (made my donation too). Even I was able to use it! But altho with my WYSIWYG GoLive program, it's so easy to do what I want to do with the positioning of text and images and GoLive writes the html; when I try to drop that html inside the JS code, it doesn't work. I'll keep trying.
-
Thank you but I don't see where the spacing between the text and the image in the Sell Your House example is any better than what is already there with just the JS...did you look at my tooltips on http://writetv.okstate.edu?
-
I don't know CSS well enough to do this. The JS script works well, just have this problem finessing the spacing between the text and image. I was hoping I could find someone who knows Javascript well enough to tell me if this can be done with Javascript. Thanks for your help.
-
Hello--I've got "flyouts" on a list of names on this website, please take a look: http://writetv.okstate.edu. They are text with thumbnail images--I wonder if I can get the image to drop down alongside the text instead of staying above it--you'll see what I mean. Like a "drop cap" does as opposed to a "pop cap". Also what about padding on the image itself--so there would be a little more space between the image and the text. These are things I can accomplish with html but when I put it inside the javascrpt coding it doesn't work. Can anyone please help me?
rollover problem
in Advanced Web Design
Posted
Thank you! I checked it too last night on an iphone and was relieved to see that the home page was aligned correctly with an endless line.
I never would have figured it out, Josh Morris and I are in your debt. I'll put that on the other pages now.