Helps Needed, Can you see an error here?

Discussion in 'HTML & Website Design' started by aandamar, Aug 25, 2012.

Thread Status:
Not open for further replies.
0
  1. #1
    I just finished my client order from here DP, converting PSD to html.
    Live preview can you see here:

    http://mobilesmanual.com/odd/farell/

    my client says there is move on the navigation menu on the right top site at header, in firefox and Chrome.
    But, in my browser there's no such condition.
    I so confused, I can't see the moves he told :(
    I think this is ok, there's no move.

    can you please help inform me if you see any move on the navigation menu.
    Can you suggest me what is my client want because I can't see any error there.

    regards
    aan
     
    Last edited: Aug 25, 2012
    aandamar, Aug 25, 2012 IP
  2. Alex jones

    Alex jones Member

    Messages:
    478
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    33
    #2
    I don't find any problem there, may be there is some internet problem on the other side.
     
    Alex jones, Aug 25, 2012 IP
  3. aandamar

    aandamar Well-Known Member

    Messages:
    243
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    130
    Digital Goods:
    3
    #3
    thanks mate, that's make me sad. my client told there's move on the navigation menu. I so confused :(
     
    aandamar, Aug 25, 2012 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    AN error? Hah, whole page is a mess. I don't know if that animated slide-in on hover for the menu is intentional, but that looks like arse... to go with the illegible color contrasts (light grey on white? REALLY?!? Dark grey on light gray?), illegible and useless fixed metric fonts, and crappy fixed width layout that's too big for netbooks, too small for desktops.

    To go with the javascript for nothing, stupid javascript tricks to send certain CSS just to chrome (of all things), nothing remotely resembling a navigable heading order, endless pointless extra DIv wrapping everything for no reason, clearing DIV like it's still 2001, attributes that don't even exist in your doctype and have ZERO business being used on websites like TARGET, pointless 'profile' nonsense, no media type on the style embeds, unclosed tags in a XML document, CSS backgrounds for actual content images...

    Though what's really sad is for all that this is some of the BETTER markup I've seen people asking for help with of late.

    But seriously, multiple H1? What the devil do you even need div#header,div#logo, div#pages, div#mein, div#entry, or the dozen other pointless DIV?

    Of course you say you are working from a PSD into HTML, which automatically means a nasty case of "WCAG, what's that?" since most people drawing goofy pictures of websites in photoshop have zero business designing a blasted thing so far as websites are concerned.

    I suspect though that their objection is to how the background arrow 'slides in' on hover on the menu -- that just looks REALLY stupid.

    Just to give you an example of what I mean in terms of the code, there is really no legitimate reason for the HTML for that page to be a whole lot more than:

    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
	xmlns="http://www.w3.org/1999/xhtml"
	lang="en"
	xml:lang="en"
><head>

<meta
	http-equiv="Content-Type"
	content="text/html; charset=utf-8"
/>

<meta
	http-equiv="Content-Language"
	content="en"
/>

<meta
	name="viewport"
	content="width=device-width; initial-scale=1.0"
/>

<link
	type="text/css"
	rel="stylesheet"
	href="screen.css"
	media="screen,projection,tv"
/>

<title>
	D. Farrel Fabricating
</title>

</head><body>

<div id="pageWrapper">

	<h1>
		<a href="index.html">
			D. Farell <span>Fabricating>
			<small><span>-</span> Stainless Steel Liners</small>
		</a>
	</h1>
	
	<ul id="mainMenu">
		<li><a href="/" class="current">Home</a></li>
		<li><a href="about.html">About Us</a></li>
		<li><a href="installation.html">Installation</a></li>
		<li><a href="contact.html">Contact Us</a></li>
	</ul>
	
	<hr />
	
  <div id="content">
  
		<h2>Welcome to the D. Farrell Fabricating Website!</h2>
		
		<img
			src="images/steelTubing.jpg"
			alt="Artistic rendering of a section of steel tubing"
			class="trailingPlate"
		/>
		
		<p>
			Vivamus sit amet leo ac quam rutrum ullamcorper. Sed laoiet, elit faucibus dignissim hendrerit lap, nise sempr arcu, vel conditum metus enim vel nibh. Sed accumsan posuere aliquam. Cras etesel et egestas sles ante, acentei consequat ligula dapibus et. Curabitur blandit, odio id ultricies consectetur.
		</p><p>
			Nulla vel tellus lorem, dictum cursus arcu. Pellentesque convallis vehicula sodales. Etiam aliquet odio eu justo ultrices quis iaculis magna porta. Quisque metus orci, viverra eget dictum non tincidunt.
		</p>
		
		<ul>
			<li>
				Morbi pulvinar, nisi vitae commodo rutrum, tortor sem viverra quam, in ullamcorper tortor.
			</li><li>
				Nullam in enim eu eros pharetra adipiscing vel ut nisi. Maecenas volutpat mollis neque.
			</li><li>
				Integer orci est, volutpat eu fringilla sit amet, tristique in lectus. Nunc eu nibh purus.
			</li>
		</ul>
		
		<a href="dfarrellbrochure.pdf">
			<img
				src="images/brochure2012Download"
				alt="New 2012 Fabrication Brochure, Click Here to Download as .PDF"
				class="leadingPlate"
			/>
		</a>
		
		<h2>Why Steel Liners?</h2>
		<p>
			Vivamus sit amet leo ac quam rutrum ullamcorper. Sed laoiet, elit faucibus dignissim hendrerit lap, nise sempr arcu, vel conditum metus enim vel nibh. Sed accumsan posuere aliquam. Cras etesel et egestas sles ante, acentei consequat ligula dapibus et. Curabitur blandit, odio id ultricies consectetur.
		</p>

		<h2>The D. Farrell Story</h2>
		<p>
			Vivamus sit amet leo ac quam rutrum ullamcorper. Sed laoiet, elit faucibus dignissim hendrerit lap, nise sempr arcu, vel conditum metus enim vel nibh. Sed accumsan posuere aliquam. Cras etesel et egestas sles ante, acentei consequat ligula dapibus et. Curabitur blandit, odio id ultricies consectetur.
		</p><p>
			Nulla vel tellus lorem, dictum cursus arcu. Pellentesque convallis vehicula sodales. Etiam aliquet odio eu justo ultrices quis iaculis magna porta. 
		</p>
		<a href="#" class="readMore">Read More...</a>
		
	<!-- #content --></div>
	
	<hr />
	
	<div id="footer">
		<a href="/" class="home">
			Home
			<span></span>
		</a>
		<div>
			<a href="http://eqtechgroup.com" class="eqt">
				EQ Technology Group
				<span></span>
			</a>
		</div>
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="about.html">About Us</a></li>
			<li><a href="installation.html">Installation</a></li>
			<li><a href="contact.html">Contact Us</a></li>
		</ul>
	  © D. Farrell Fabricating. All Rights Reserved.
	<!-- #footer --></div>
	
<!-- #pageWrapper --></div>

</body></html>
    Code (markup):
    Which still provides MORE than enough hooks to handle the appearance, with things like empty sandbag spans and styling spans present for images off graceful degredation, proper heading orders, and the slightly tweaked markup providing far, far, FAR better graceful degradation.

    Just as George Carlin said not every ejaculation deserves a name, not every HTML element needs extra DIV around them or classes on them. Keep that in mind.

    ... which when styled should be done as a semi-fluid layout, with dynamic (%/em) fonts instead of the useless and undersized (for large font/120 dpi users like myself) fixed metric (px).
     
    deathshadow, Aug 25, 2012 IP
  5. aandamar

    aandamar Well-Known Member

    Messages:
    243
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    130
    Digital Goods:
    3
    #5
    Thanks mate :)
    I stupid coder then sorry for the bad html markup.

    regards

     
    aandamar, Aug 26, 2012 IP
  6. MrThind

    MrThind Peon

    Messages:
    99
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    problem in your java script cording
    check your cording again
     
    MrThind, Aug 27, 2012 IP
  7. aandamar

    aandamar Well-Known Member

    Messages:
    243
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    130
    Digital Goods:
    3
    #7
    mod, please delete this thread.
    my client is unhappy because it is showing up in google search. please delete the thread or stop google listing.

    thanks...
     
    aandamar, Sep 12, 2012 IP
  8. sarahk

    sarahk iTamer Staff

    Messages:
    28,832
    Likes Received:
    4,541
    Best Answers:
    123
    Trophy Points:
    665
    #8
    You knew that would happen when you posted the thread. If your client can't out-SEO this thread then there are legal channels to follow to have this legitimate thread removed.
     
    sarahk, Sep 19, 2012 IP
Thread Status:
Not open for further replies.