SITE REVIEW: Celandine Web Design

  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post November 1st, 2007, 11:40 pm

I agree with jameson5555
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 1st, 2007, 11:40 pm

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 2nd, 2007, 1:08 am

I just saw something else I would like you to fix aswell ... Quickly follow these steps and see what happens ...

1.On the "home" page click on the "english" link.
2.Click on the "portfolio" link.
3.Hover over one of the images (to see the big picture).
4.Now click on the image.
5.Notice that the language changes.

I think if you cahange the following
Code: [ Select ]
<td><a href="celandineportfolio.html" onmouseover="Tip('<img src=\'images/greensite400.jpg\' width=\'400\'>.')">
      <img src="images/greensitethumb.jpg" width="180" height="140" class="pictureframe" /></a></td>
  1. <td><a href="celandineportfolio.html" onmouseover="Tip('<img src=\'images/greensite400.jpg\' width=\'400\'>.')">
  2.       <img src="images/greensitethumb.jpg" width="180" height="140" class="pictureframe" /></a></td>

to
Code: [ Select ]
<td><a href="#" onmouseover="Tip('<img src=\'images/greensite400.jpg\' width=\'400\'>.')">
      <img src="images/greensitethumb.jpg" width="180" height="140" class="pictureframe" /></a></td>
  1. <td><a href="#" onmouseover="Tip('<img src=\'images/greensite400.jpg\' width=\'400\'>.')">
  2.       <img src="images/greensitethumb.jpg" width="180" height="140" class="pictureframe" /></a></td>

on all of those images, you won't have that happening anymore ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post November 2nd, 2007, 1:16 am

ok the index page is fixed now..... r_t please confirm? :) (it's only the index page, i.e. the one with the menu in serbian. all others will hopefully be done during today.

except the image-as-link thing doesn't work................ it's valid code, but not quite functioning code........ ah

anyone got any other ideas...............................?

re r_t's latest discovery - uh-oh..... :) well spotted, I wouldn't have caught that in a million years.... does it happen on the 'catalogue' page as well? I suppose it must, they were made the same way.......... I'll try and fix it this afternoon
thanks for taking the time to look at all this. you're really helping a lot. much appreciated........
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 2nd, 2007, 1:32 am

Both the "home" pages (languages) look the same, but in the english one, there is one less link than in the srpski one ... there is 6 in english and 7 in srpski ... why is that?

And yes exactly the same thing happens on the "catalogue" page ...

I like the new blue, it works well ... (for the visited links) ...

Congrats ... Your page is now Valid XHTML1.0 Strict! ... as you can see here ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post November 2nd, 2007, 1:39 am

thanx for the confirmation - feels so nice to be valid :)
now for the other pages.............

the difference in page number is because the serbian version includes a FAQ page which I thought would be far to basic for the international market - Serbia is not very tech-savvy, so I wrote little paragraphs on 'why would I want a website?' 'what is hosting?' 'why is an internet presence important?' etc etc. just thought it would seem a little patronising to include it in the English version.

I like the new blue as well (it's teal actually) it feels a lot better than the green............. again, good call...........
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 2nd, 2007, 2:07 am

Something that I'd like to know ... Those rollover images you created on the "portfolio" page, do you mind sharing that javascript with me ... My javascript skills are nonexistent ... and that is really awesome ... The one you have in "stm31.js" ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post November 2nd, 2007, 3:07 am

no, "stm31.js" is my horizontal navbar javascript... that was created automatically through Sothink DHTLM Menu (nifty little programme :)

the rollover images js is the "wz_tooltip.js" file (the rollover images are actually just glorified tooltip boxes, you just substitute image for text)
It uses two other little scripts to define it - "tip_centerwindow.js" and "tip_followscroll.js".

then you put this into the <body> tag (right after it, preferably)

Code: [ Select ]
<script type="text/javascript" src="wz_tooltip.js"></script>


and you put a html tag around every thing you want to display the tooltip on mouseover, something like this:

Code: [ Select ]
<a href="celandineportfolio.html" onmouseover="Tip('<img src=\'images/chantalvega400.jpg\' width=\'400\'>.')"><img src="images/chantalvegathumb.jpg" class="pictureframe" /></a>

(you href to the page you're on - and this, incidentally, is what's making the problem you spotted with clicking on images - the rollover hrefs point to the serbian page instead of the english one! By the way, the reason for all the backslashes is that the doublequote serves as a delimiter for the onmouseover eventhandler. So you use single quotes and mask them with a preceding backslash)

of course instead of the img.src you can put in a link or text or whatever you like......................................

what shall we do about the js files, do you want me to mail them to you or can you take them directly from my directory? (feel free to help yourself to any of my script, of course)

and another question - illustrating perhaps exactly what a rookie I am - I know you can read someone's html through the 'view-source' option. but how do you get at their css?
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post November 2nd, 2007, 3:13 am

actually I'm making unnecessary complications................ you can download the js and find usage instructions here......... probably a lot clearer than what I wrote...................

http://www.walterzorn.com/tooltip/tooltip_e.htm
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 2nd, 2007, 3:21 am

There are two ways of viewing the CSS ... In firfox ... download the "Web Developer" Add-On, and then you can just click the "View CSS" button in the toolbar ... with the "Web-Developer" Add-on you can also edit stylesheets live (very good for problem solving) and view exactly where every element (div,td,p, etc) is by hovering over something and then it tells you exactly what it is and shows you it's CSS ...

In IE I usually click to view source, then I read whatever the stylesheet's name is, and for yours it is "stylesproba.css" then I type in the domain/stylesheet for example http://www.celandinedesign.com/stylesproba.css ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 2nd, 2007, 3:24 am

One more thing I just saw ... When I click on the "english" link, the text that says "srpski" is not totally on the left hand side of the block underneath it, and with the "english" text it is ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post November 2nd, 2007, 3:29 am

Yes - that's temporary until I fix the other pages - it's because the serbian index page now works properly (and validates! yay! :) and the english first page is still error-ridden like the others. will be fixed by end of today hopefully, as my boss is out of the country and I'm free to waste my worktime on the joys of programming......

I'll get the "web developer" add on as soon as I get home (don't have administrator rights here, can't download anything... also don't have firefox at work...........)
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 2nd, 2007, 3:46 am

After the index pages are valid all the other pages are still to be done ... hmmm rough ... On the english side you still have left the following:

about(88)
services(77)
portfolio(151)
catalogue(150)
payment(69)
contact(78)
Let's leave all our *plum* where it is and go live in the jungle ...
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post November 2nd, 2007, 4:09 am

it probably looks worse than it is - most of it is two or three same errors repeated over and over and over again........... (forgetting to self-close tags is about 70% of it I think) so it will be easy now that I know what I'm looking for... just take a bit of time......... thanks for running the check for me though
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post November 2nd, 2007, 7:19 am

celandine wrote:
except the image-as-link thing doesn't work................ it's valid code, but not quite functioning code........ ah


Are you still having trouble with this? If so, what page is it on or what's the code you have so far?
phoenix web design
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post November 2nd, 2007, 11:04 am

it's on the index page. currently the serbian index is the only one I've validified - if you try clicking on the main (and only :) image on the serbian index page, you'll notice it'll take you nowhere. If you switch to the english front page, clicking on the image should take you to the 'about us' page. but that was achieved by using invalid code - like this -

Code: [ Select ]
<a href="aboutcelandine_en.html">
<div id="slika" style="position:absolute; z-index:2; left: 0px; top: 0px;" class="prvaslika"></div></a>
  1. <a href="aboutcelandine_en.html">
  2. <div id="slika" style="position:absolute; z-index:2; left: 0px; top: 0px;" class="prvaslika"></div></a>

and that, though it's a butcher's method of hrefing an image, seems to work fine (even though it only shows a hand cursor in firefox, and an arrow in IE6)

on the serbian index page, in order to get it to validate, I did what you suggested - or at least my interpretation of what you suggested - like so:

Code: [ Select ]
<div id="slika" class="prvaslika"><a href="aboutcelandine.html" class="prvaslika"></a></div>

...which validates fine but doesn't work. the css goes like this:

Code: [ Select ]
.prvaslika {
    background-image: url(images/celandineilustracija.gif);
    background-repeat: no-repeat;
    height: 437px;
    width: 792px;
    margin-top: 64px;
}
  1. .prvaslika {
  2.     background-image: url(images/celandineilustracija.gif);
  3.     background-repeat: no-repeat;
  4.     height: 437px;
  5.     width: 792px;
  6.     margin-top: 64px;
  7. }

what am I doing wrong?
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 2nd, 2007, 11:04 am

Post Information

  • Total Posts in this topic: 34 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 68 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.