So,the person asked me to update html and css codes.I don't really understand what she means.Here's what she says: "Here's the screenshot of how the website is supposed to look like. I have the psd, html and css, so you don't need to create anything new. You just need to UPDATE the html and css codes, according to the psd (html and css were not updated to the latest design on psd, that's why)." Can someone tell me what is update code? I uploaded that photo here that she sent me.
Honestly, I'm the question really doesn't make any sense -- but neither does the PSD since it's a poster child for everything WRONG with the people who have the nerve to call themselves 'designers' and then vomit up very pretty, but ultimately useless and inaccessible garbage like that which has NO business on a website. It reeks of "WCAG, what's that" and an artist who doesn't know enough about HTML, CSS or Accessibility to be 'designing' jack ****. My advice to anyone who came to me with that would be to throw that mess of bloated garbage in the trash and start over with semantic markup with accessible layout and design, only bringing the photoshop jockey in at the end to make graphics to hang on the layout -- IF ANY. They don't want to go that route, do yourself a favor and just walk away from this one.
So what are you saying?I mean she gave me html and css codes,if you need it,i can show you here.I just don't understand what she means by update.I asked her if she wants me to make a design like on psd,but what she replied again that she just need an update to code
If she is saying that you need to update stuff then there must be a file related to that stuff already lying around, you just need to update that to coincide with the design the designers sent you, in this case, you must update your HTML and CSS.
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Fruit picking</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="page_wrap"> <header> <div id="imge"><img src="images/orange.png" alt="boy plucking orange" id="style"></div> <div id="imge"><img src="images/grp.png" alt="Group" id="style" class="pos"></div> <div id="imge"><img src="images/rightgirl.png" alt="Group standing with fruit" id="style" class="pos1"></div> <div id="logo"><img src="images/logo2.png" alt="Fruit Picking"></div> </header> <div id="main-content"> <div class="splash"><img src="images/splash.png" alt="splash"></div> <div id="apple"><img src="images/apple.png" alt="apple series"></div> <div id="side_branch"><img src="images/sidebranch.png" alt="sidebranch"></div> <div id="main-area"> <div id="buk"><img src="images/book.png" alt="book"></div> <div id="box"> <div id="text">Apa kate Mereka...!</div> <div id="area"><textarea id="st1"></textarea></div> </div> <div id="button"><a href="#"><img src="images/button.png" alt="button" border="0" width="154" height="45"></a></div> <div id="list"> <ul> <li><a href="#"><img src="images/yellow.png" alt="click links" border="0" width="42" height="7"></a></li> <li><a href="#"><img src="images/bank.png" alt="click links" border="0" width="39" height="5"></a></li> <li><a href="#"><img src="images/paypal.png" alt="click links" border="0" width="43" height="10"></a></li> </ul> </div> </div> </div> <footer> <div id="leaf"><img src="images/leave.png"></div> <div id="strawberry"><img src="images/strawberry.png"></div> <div class="pos2"><img src="images/splash2.png"></div> </footer> </div><!--END page-wrap--> </body> </html> HTML: @charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; } body { width:100%; height:100%; } .page_wrap { margin:0 auto; width:560px; height:700px; background:url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/images/bg.png) no-repeat; } header { float:left; width:100%; height:auto; } #imge { float:left; width:162px; height:108px; padding:15px 0 0 10px; } #button { float:left; width:154px; height:35px; margin:35px 0 0 80px; z-index:999999; } #list { float:left; margin-left:100px; margin-top:-10px; z-index:999999; } #list ul { list-style-type:none; padding:0; } #list ul li { float:left; padding-left:3px; } #list ul li:nth-child(3) { margin-top:2px; } #style { border-radius:3px; border:3px solid #0e770b; } .pos { margin-left:10px; } .pos1 { margin-left:35px; } #logo { float:left; margin:-10px 0 0 120px; width:100%; top:-22px; height:100px; position:relative; z-index:999999999; } #main-content { float:left; width:100%; height:auto; z-index:9999; position:relative; } .splash { float:left; margin-top:-40px; width:400px; height:42px; z-index:-1; } .pos2 { float:left; width:100%; top:120px; position:absolute; z-index:999999999999; } #apple { float:left; width:115px; height:62px; margin:-60px 0 0 -60px; z-index:-999999; } #side_branch { float:right; width:109px; height:374px; margin-top:-90px; margin-right:3px; } #main-area { margin:0 auto; width:314px; height:484px; border-radius:5px; border:4px solid #06442c; background:#FFF; margin-top:-30px; z-index:-1; } #buk { float:left; margin:0px 0 0 100px; width:auto; height:auto; } #box { float:left; width:184px; height:170px; background:url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/images/box.png) no-repeat; margin:20px 0 0 60px; } #text { float:left; margin:10px 0 0 30px; text-shadow: 0 0 10px #ffffbe; color:#fbc300; } #area { float:left; margin:22px 0 0 32px; } textarea { overflow:auto; } #st1 { outline:none; border:0; resize:none; width:127px; height:95px; } footer { float:left; width:560px; height:auto; margin-top:-143px; position:relative; } #leaf { float:left; width:145px; height:166px; top:-25px; position:absolute; z-index:999999999999; } #strawberry { float:right; width:141px; height:145px; right:10px; margin-top:-30px; position:absolute; z-index:999999999999; } Code (markup): So i have these two codes and that screenshot.How can i update it then?
Hi, As i saw the html and css code as you given above there is image path issue. If you send me all files (PSD, HTML and CSS) then i can do it.