iweb published page colours look wrong

[reblevitan]

i'm trying to fix up my site on iweb, and adding code for a flash gallery, here are my problems...

1. the colours of the background are insanely saturated when published, and the text looks like its bleeding.

when it's still in iweb everything looks fine.

2. the new photos i've added of my work will not load, even though the code is right. is there a specific kind of jpeg to use? i've tried saving for web, and i've also made sure it's not a photoshop jpeg (the photos are edited in photoshop)

any help would be LOVELY.

i attached a screen shot that shows my iweb page, and my website (to see the difference) is www.rebeccalevitan.com

 

[akaalan225]

Hi Reblevitan:

I've been doing a lot of work in iWeb recently redoing my wife's website....don't know a lot of REAL technical stuff but I had the same problem with background color not publishing what I created. My asking around leads me to think not all colors are "acceptable" for the web and the computer's gonna publish what's closest to web-safe colors. The background color in the webpages is not as deep as I'd like, but it's what I got and I grew tired of fussing with it. (http://buzzcoren.us/Site is where I have it parked until I dismantle her current website). One thing you might try is messing with the color's opacity...in graphics inspector there's a color opacity slider at the very bottom that makes whatever color you've selected more or less opaque. I used it a lot to create transparent links when I wanted a distinct font color instead of their default grey. Don't know what you mean about text bleeding, looks OK to me. Also can't figure why your images don't load, they should easily drag and drop or import directly from iPhoto. Which version of iWeb are you on? BTW, your cover page is a cool idea. Good luck!

 

[Roy Hobbs]

Your screenshot and the website look the same to me.

 

[reblevitan]

help help

the background in the screen shot is a lot lighter, and when published it's almost as red as the bullseye....

the text (especially if you go beyond the first page) is too thick or something, maybe bleeding was the wrong word, but it is less sharp or detailed maybe??

the images were added with code, which i'm terrible at, so it's copy pasted, but it worked before, so i'm not sure what happened.

here is the code for the changed images as it looks in mass replace it...

find
Pictures_Go_Here_01

replace
<div class="highslide-gallery">

<a id="thumb1" href="/images/nw6.jpg" class="highslide" onclick="return hs.expand(this)">

<img src="/images/nwthumb.jpg" alt="Highslide JS"

title="Click to open" />

</a>

<div class="highslide-caption">

Cityscape Isolate, 2009

</div>

<div class="hidden-container">

<a href="/images/nw5.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>

<div class="highslide-caption">

Peck a Little, 2009

</div>


<a href="/images/nw7.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>

<div class="highslide-caption">

Follow me..., 2009

</div>


<a href="/images/nw2.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>

<div class="highslide-caption">

Wet Love, 2009

</div>


<a href="/images/nw1.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>

<div class="highslide-caption">

It Plays By Motion, 2009

</div>


<a href="/images/nw3.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>

<div class="highslide-caption">

Neutral, 2009

</div>


<a href="/images/nw4.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>

<div class="highslide-caption">

I've Been Thinking, 2009

</div>


</div>


</div>

 

[reblevitan]

seriously? why are the colours so much darker/redder??