posted
I'm building a webpage for a naive client and I'm trying to do CSS, which I've never done before.
The page is here, and apparently on some computers the graphic splits up and goes under the text.
Does it look that way to all PC users? Input greatly appreciated. And if anyone knows what they're doing, that's greatly appreciated too Posts: 8504 | Registered: Aug 1999
| IP: Logged |
posted
Yes, the graphic is being split up. I hear this site is good for getting ideas, but I'm lost trying to figure any of it out.
Posts: 346 | Registered: Jan 2003
| IP: Logged |
posted
Yeah, it splits up on Windows 98 also. I really should do web design since I have a Mac (OS X), Win 98, and XP. Live long enough and you can own it all.
Posts: 11017 | Registered: Apr 2003
| IP: Logged |
posted
If you write compliant code, then you should only need one operating system. It's the different browsers you have to have available, and I believe that IE is the least standards-compliant at the moment. It's not about who makes the machine you use, it's about what browser you view it in.
Posts: 346 | Registered: Jan 2003
| IP: Logged |
posted
Annie, looks great in Opera browser (i.e., no split).
The only suggestions I'd make would be to give some definition/shading to the moon (? -- in upper left corner) and to think about streamlining the use of various fonts. Switching back and forth between serif and sans-serif styles can be jarring.
posted
Now if we could just get everyone to use Opera or Safari, we'll be set. Anyone know what it looks like in Netscape?
Posts: 8504 | Registered: Aug 1999
| IP: Logged |
posted
I'm helping Annie with the site and I just added a mouseover to the first link. Here's the page again. Does the mouseover work for everyone? Thanks Posts: 1658 | Registered: Sep 2003
| IP: Logged |
posted
I have IE 6.0 and Win2000 professional on this laptop and it's still splitting on mine as of just now.
Posts: 5509 | Registered: May 1999
| IP: Logged |
I use Windows 2000 Pro. In IE 6.0, the image splits between the navigation and text body. In Netscape 7.1, the image looks fine.
In order to get rid of the border, try adding border="0" within the img src tag. You might also want to add some alt tags which are used for text based browsers, those who turn off graphics, and, I think, browsers for the visually impaired.
quote:<img src="mo_artists.jpg" name="artists" etc. border="0">
I was wondering about something. What is the 'etc.' in that code above.
Oh... after looking at your code, I realized you could make that large graphic of Sacajawea a background that is positioned to the right and fixed.
posted
Heh... I don't know what that "etc." is for. I just copied the code from some site since I don't know javascript. But it must not be needed since I just deleted it. Yay! No border now! Thanks! I'll try that background thing.
Posts: 1658 | Registered: Sep 2003
| IP: Logged |
posted
Well, on my Win XP Professional, IE 6.0 at 1024 resolution, it still splits -- have you uploaded your fix? It begins to load fine, but then splits at the end of the load.
In your code (I do some web design) I notice for the pic you're using <div id="contentright"> whereas I would probably just use <div align="right"> if I were coding it. But I haven't really scruntinized the code, so maybe I don't see what you're doing.
Let me know when you're all done with it! My mom is a huge Lewis & Clark fan, and would probably like to read about the gallery. She has already read almost every book about their journey.
posted
Farmgirl -- an id is just a unique identifier that tells the browser which styles from the stylesheet to use for that tag (among other things). align="right" is an attribute that indicates right alignment. They're not really related. The name of the id attribute is just a reminder for which element it goes to.
Posts: 15770 | Registered: Dec 2001
| IP: Logged |
posted
I am going to have to bake everyone here a big virtual cake. Thanks for all the help!
I feel like one of those really famous artists who comes up with all the concepts and has her "people" make it happen. I love my people, and I will not act like an arrogant idiot when this is done. Special thanks to RRR and Fugu.
When we finally get this baby on the water, I'll let everyone know. Posts: 8504 | Registered: Aug 1999
| IP: Logged |
posted
I like it! Though I would suggest adding in a mapquest link or something to tell people how to get there. Unless you're already planning on doing this in which case...
posted
One of the cool things about the Moz project is, for a given version of the engine the site will render the same, regardless of which platform the browser is being run on.
Posts: 15770 | Registered: Dec 2001
| IP: Logged |
posted
The RRR fix looked great on my setup from home.
But is it just me or does Sacajawea's face look like a slightly browner version of Thomas Jefferson?
Posts: 22497 | Registered: Sep 2000
| IP: Logged |
posted
Annie, have you considered the crop job you did on that Sacajawea picture? It's alright, but some of the edges are too bright for the black background (I can tell it used to have a lighter, possibly white, background.)
Have you considered running a tool around the edges to make it blend better?
Posts: 4753 | Registered: May 2002
| IP: Logged |
posted
Easiest way to do it is to save it on a dark background that's not a color in the picture, then in photoshop's save for web map the dark color onto transparent.
That creates the right edge.
Posts: 15770 | Registered: Dec 2001
| IP: Logged |
posted
actually, I lifted the cropped Sacajawea from a newspaper ad I did for the gallery last fall and didn't even re-vamp it while making the graphics for the site.
Anyway - after I get all the content up, I'll go back and tweak colors.
The copper color of the text also looks a lot better on my machine than on a pc. Yeesh! I looked at it today and it was heinous. I'll be doing some tweaking there as well.
Thanks for the input! Posts: 8504 | Registered: Aug 1999
| IP: Logged |
Printer-friendly view of this topic
![[Smile]](smile.gif)
![[Big Grin]](biggrin.gif)
![[Dont Know]](graemlins/dontknow.gif)
![[Kiss]](graemlins/kiss.gif)
