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 Posted by Rappin' Ronnie Reagan (Member # 5626) on :
::cough::
Posted by mackillian (Member # 586) on :
Splits up on my PC.
Posted by Argèn†~ (Member # 4528) on :
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.
Posted by pooka (Member # 5003) on :
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.
Posted by Argèn†~ (Member # 4528) on :
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.
Posted by Annie (Member # 295) on :
I was just going to ask - are you guys in IE-5?
Posted by Ryuko (Member # 5125) on :
Splits up for me, and I'm in IE-6.
Posted by ClaudiaTherese (Member # 923) on :
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.
Nice layout!
Posted by Da_Goat (Member # 5529) on :
It works in Opera.
Posted by Annie (Member # 295) on :
Now if we could just get everyone to use Opera or Safari, we'll be set. Anyone know what it looks like in Netscape?
Posted by Bob_Scopatz (Member # 1227) on :
I have WIN98 and IE5 and it splits up.
Sacajawea has been beheaded!
Cool effect, but your clients may not appreciate it.
Posted by hugh57 (Member # 5527) on :
Splits up on my machines, Windows ME and XP, both IE6. Looks like IE's the problem Posted by Rappin' Ronnie Reagan (Member # 5626) on :
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 Posted by Da_Goat (Member # 5529) on :
Yeah, it works in IE, but get rid of the blue border.
Posted by Rappin' Ronnie Reagan (Member # 5626) on :
I don't see a blue border. Posted by Da_Goat (Member # 5529) on :
Around "artists"? It'd be purple if you clicked the link.
Posted by Rappin' Ronnie Reagan (Member # 5626) on :
Oh. Bugger. It didn't show up in either Safari or IE, but I tried Netscape and there it was. Bleh. I have no idea how to fix that.
[ January 24, 2004, 04:09 PM: Message edited by: Rappin' Ronnie Reagan ]
Posted by aka (Member # 139) on :
I have IE 6.0 and Win2000 professional on this laptop and it's still splitting on mine as of just now.
Posted by larisse (Member # 2221) on :
Hey Annie and RRR,
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.
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.
Posted by Farmgirl (Member # 5567) on :
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.
Farmgirl
[ January 24, 2004, 05:54 PM: Message edited by: Farmgirl ]
Posted by fugu13 (Member # 2859) on :
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.
Posted by aka (Member # 139) on :
Hey, no split now! And the mouseover works fine for me on the "artists" link. Looking good! Posted by Annie (Member # 295) on :
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. Posted by Hobbes (Member # 433) on :
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...
Hobbes Posted by Anna (Member # 2582) on :
Annie, I have Mozilla Firebird ans it seems to be OK.
Posted by Liquor and Fireworks (Member # 5785) on :
Also works fine for me with firebird on xp
Posted by fugu13 (Member # 2859) on :
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.
Posted by Liquor and Fireworks (Member # 5785) on :
I forgot about that, all well.
Posted by Bob_Scopatz (Member # 1227) on :
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?
Posted by Primal Curve (Member # 3587) on :
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?
Posted by fugu13 (Member # 2859) on :
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.
Posted by Annie (Member # 295) on :
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.
![[Smile]](smile.gif)
![[Big Grin]](biggrin.gif)
![[Dont Know]](graemlins/dontknow.gif)
![[Kiss]](graemlins/kiss.gif)