Review: Marina @ Absent Love
back to Completed Reviews
Site Name: Absent Love
Owner: Marina
Reviewed by: Georgina
Reviewed on: 1st January 2010
Site Name
It’s a nice name.
Coding and Validation
Your HTML has 1 error and 3 warnings. Despite these few errors your HTML structure is terrible. You are missing a doctype and character encoding. The doctype needs to be placed at the top of every page, and seeing as you have iframes you need this doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Your character encoding needs to go into the <head> section too. The common one to use is UTF-8.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
These elements are essential to an HTML page because they identify the document as being in HTML, and it specifies the character set of your page.
Your styling needs to be placed within head tags, or even better, use an external stylesheet.
Given your terrible structure, you need to learn the basics of HTML. You don’t have <html>, <head> or <body> tags.
Your favicon code is incorrect. Instead of:
<link rel="http://i46.tinypic.com/2j3jvid.png" href="favicon.ico">
It should be:
<link rel="icon" type="image/icon" href="http://i46.tinypic.com/2j3jvid.png" />
Your CSS has 21 errors and 11 warnings. You have a huge chunk of coding on line 69 of your coding. There are so many errors in this – and why is it all on one line?
<style type="text/css">table.navigation, table.footer { display:none; }#pnlEnabled table, #htmleditor, #lblTimeZone,/* width of the comment page */{width:500px;}.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder {display: none;} </style><noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script>document.title = "My Reality; Despair.Complications.Sorrow. ___ ;;"</script><style type="text/css">/*Please do not steal or jock this.*//*Made by Mizuro at ColourEmotion . xanga[.]com/ColourEmotion*/body {;background-repeat: repeat-y;background-position: left;scrollbar-arrow-color: #COLORHEXCODE;scrollbar-track-color: #COLORHEXCODE;scrollbar-shadow-color: #COLORHEXCODE;scrollbar-face-color: #COLORHEXCODE;scrollbar-highlight-color: #COLORHEXCODE;scrollbar-darkshadow-color: #COLORHEXCODE;scrollbar-3dlight-color: #COLORHEXCODE;}div.blogheader, .caption {background-image: ( MAGE URL FOR HEADER);background-repeat: no-repeat;background-position: bottom left;font: 12px georgia;text-transform: none;color: #783b70;line-height: 12px;letter-spacing: 2px;background-color: none;text-align: center;padding-top: 5px;padding-left: 4px;width: 300px;}hr{color: #d7d5c9;width: 300px;}.module b, .section b, .blogbody b, .standard b, p b, strong {font-weight: bold;color: #82555c;}.blogbody u, .standard u, .module u, .section u, p u, u {text-decoration: underline;color: #34c8de;border-bottom: 1px dotted #34c8de;}.blodbody i, .standard i, .module i, .section i, p i, em {font-weight: italic;color: #7a7a7a;}input, select, TEXTAAREA, iframe.htmleditor, .textfield, .button {border: 2px dotted #897b51;font: normal 8pt arial;background-color: #cdbbc3;font-color: #897b51;}table.footer TD {text-align: center;}.header{background-image: none;background-repeat: no-repeat;background-position: top-right;font: 12px georgia;text-transform: none;color: #783b70;line-height: 20px;letter-spacing: 2px;background-color: none;text-align: center;width: 150px;} .module{width: 150px;background-color: none;}.section{font: normal 7pt verdana;color: #140b0d;line-height: 10pt;text-align: left;background-color: #d7d5c9;background-image: none;background-repeat: no-repeat;background-position: bottom center;padding: 4px;border-top: 1px solid #cdbbc3;width: 150px;}font,td,p,xmp{color: #140b0d;font-face: verdana;font-weight: normal;font-size: 7pt;text-align: justify;}table.blogbody tr td {width: 0px; padding-left: 0px;} table.blogbody {width: 300px;font: normal 7pt verdana;color: #85b4a0;line-height: 10pt;text-align: left;background-color: #b8d7c8;background-image: none;background-repeat: no-repeat;background-position: bottom right;border-top: 1px solid #cdbbc3;padding: 4px;}a:link{font: normal pt verdana;color: #140b0d;line-height: 10pt;text-decoration: none;text-transform: none;}a:active{font: normal 7pt verdana;color: #85b4a0;line-height: 10pt;text-decoration: none;text-transform: none;}a:visited{font: normal 7pt verdana;color: #85b4a0;line-height: 10pt;text-decoration: none;text-transform: none;}a:hover {font: normal 7pt small fonts;color: #cdbbc3;line-height: 10pt;text-decoration: underline;text-transform: none;}#clickie a {/* define links on modules */background-color: #d7d5c9;background-image: url();background-position: bottom right;background-repeat: no-repeat;background-attachment: fixed;border: 0px;font-family: verdana;font-size: 8pt;line-height: 15px;text-align: center;color: #140b0d;text-decoration: none;letter-spacing: 0px;margin-bottom: 0px;cursor:crosshair;width: 145;}#clickie a:hover {/* define mouseover lins in module */background-color: #d7d5c9;background-image: url();background-position: bottom right;background-repeat: no-repeat;background-attachment: fixed;color: #cdbbc3;border: 0px;font-family: small fonts;font-size: 7pt;line-height: 15px;text-align: center;border-bottom: 1px solid #cdbbc3;text-transform: normal;text-decoration: none;letter-spacing: 0px;margin-bottom: 0px;cursor:crosshair;width: 145;}</style>
It’s a huge mess and you should space it out and correct all the errors within it. This includes the undefined colour codes.
background-color: none is incorrect; just don’t specify it.
font-weight: italic is incorrect; it should be font-style: italic
font-face: verdana is incorrect, it should be font-family: verdana
width: 145 is incorrect; it should be width: 145px
text-transform: normal is incorrect; it should be text-transform: none.
It just seems like you’ve copied a chunk of coding that isn’t even yours. Your coding is terrible and needs a lot of work.
Browser Compatibility & Usability
Your site is navigable and functions in Firefox, Safari, Opera and Internet Explorer but there are some serious problems to address with the font size and styling.
It is quite obvious where the navigation is but the change of font on hover is very annoying. If anything, just change the colour of the font. The text completely changing makes everything look messy and it’s a tacky thing to do to change the style of a link as such.
The text is set on x-small. Why? Do you want to strain your visitors’ eyes? It’s extremely hard to read your text on the homepage.
Iframes are not a good idea. You’re using divs for your side sections, which is what you should be using for your content section too. Iframes are an outdated form of HTML and they have quite a few disadvantages, including problems with compatibility and appearance. Visitors cannot bookmark single pages on your website and often links can be “trapped” in iframes.
You can also achieve the same look with divs and use server side includes or PHP includes to make layout changes easier and to avoid having to change the layout on every page.
In Internet Explorer your iframe isn’t transparent and has a white background. Another reason why iframes are not a good idea. Unless you put a background colour to your content section, it doesn’t look very nice in Internet Explorer.
As it is, you don’t have many pages and a conversion would be most appropriate.
Layout
Graphically, the layout is alright. The blending and style of the header image is quite nice. I don’t really like the repetition of the text “Taylor”. The blocks of decorative text in the background could be lessened in opacity so that the more important text stands out.
The grey background is a bit too dim and washes out the image. If it was brighter it would brighten up the layout as a whole. The background and header image also seem a tad blurry. Saving as higher quality JPEG or PNG file would be more suitable.
In terms of size the header image is too big. It takes up my entire screen. Considering I have a rather large screen, this would be even worse for people with smaller screens. The structure of the layout also needs to be improved. It’s looking messy with the iframe when you could be using a div on height: auto.
It’s not a terrible layout but it would be nice to see something other than Taylor Swift on a layout – it’s all too common and it’s not very original at all.
The CSS could be spiced up; Times New Roman is not a nice font to see as main text on a graphics website. Other fonts and styling should be incorporated into the CSS.
Content
The “Thankies” section in the side section of your layout shouldn’t need to be a marquee. The links would all fit without having to move. There are only four links as it is.
Messages [Webs]
This is just a message board/tagboard.
Messages [Piczo]
I don’t understand why you have these two message sections on your website. Is one just for Piczo users? They can leave their URL in your tagboard/cbox anyway, so there isn’t a need to link to your Piczo message board.
Profile
You have a lot of mistakes on this page. Firstly, you have to place a full stop or period after each sentence before a smiley. Heya :D should be Heya. :D.
You also have a lot of other mistakes on this page:
about it ) should be about it)
becuase should be because
the web design should be web designing
I make should be I’ve made
really like them <3 should be I really like them <3
long time ago should be a long time ago
resist to don’t create should be resist creating
1st site should be first site
the web design from the very first time should be web designing from the beginning
I love soo much Freewebs should be I love Freewebs so much
css / html / XHTML should be CSS / HTML / XHTML
about this codes should be about these codes.
I love so much my friends should be I love my friends so much.
becuase should be because
that hate should be who hate
some persons of his should be people of their
do not love should be not love
another persons should be other people
look like, the Piczo should be look like. Piczo
You never met should be You’ve never met
another countries should be other countries
my and my should be me and my
Bye ! should be Bye!
I don’t know what you mean my “use-to-be’s”. Used-to-be? Used-to-be what? You say “let’s find out about them” but you’re just talking about yourself, your friends and your history in web design.
I’m just assuming you’re not very good at English because from this page it seems that you can’t even spellcheck or proofread your work. It’s not hard – just copy it into a Word processor to run a spelling and grammar check.
Additionally, it’s not really cool talking to other people without knowing how they look. They could be a paedophile if you’re not sure, and talking to someone without knowing how they look wouldn’t actually be described as “cool”, in my opinion.
Advertise
Hmm well… similarly, you need to place a period to end your sentence before inserting a smiley.
non-stop should be all the time
bellow should be below
has not to contain should be should not contain.
You mention to type “endless second” so you know people read the rules – type it where exactly?
Your site has to be popular and cool
… And you’re judging that how? Advertising is for people to increase hits. If their site is popular they wouldn’t want to apply for advertising. This isn’t very fair.
Blends Directory
On this page the most are should be most of them are.
They are my work
No they’re not. You didn’t take pictures of these celebrities. You didn’t create every single one of these brushes. Is that totally your work? No. You have to credit the websites where you got these photos, and where you got the brushes, and what program you used.
You have nicely styled this page with headings and made it neat. Why not to your other pages? It would look a lot neater.
The links on this page are very hard to click because the font keeps changing and the colour is so light when I hover over the lyrics. I feel like I’m having a seizure when I hover over them. It would be a better idea to have the image as a thumbnail here, so I can click on it and view the full image. Also, inflicting a different cursor on me is quite annoying. Can’t you keep the cursor the same? What if visitors don’t understand the cursor change?
These blends are okay. You don’t need to write “mini blends”. They’re still “blends”, they’re still under the same category of “edited celebrity images”, pretty much.
You have your old URL on some of these images, and this blend has a completely different URL. Did you still create that image? It might be handy to include a note of any blends with old URLs printed on them.
The Hilary Duff, Kelly Clarkson, and Miley Cyrus blends are not of very good quality. The images are rather blurry. You should start off with images of better quality and save with a higher quality JPEG, or a PNG.
Order
On this page you have some mistakes:
who wants should be who want
thanx should be thanks
bellow should be below.
This page should also be edited nicely to fit with your layout; the styling should be edited.
Email me
This opens in an email client because it is a simple mailto: function.
Originality & Creativity
There’s really nothing original on your website. You’ve just got a lot of blends on your website, which is not very original. They’re on a lot of websites, especially ones of celebrities. If you had other content on your website, such as icons or layouts this would be a little more original and creative. You would have more variety and more interesting content. There’s nothing much to look at when you have just blends.
Your graphic skill isn’t that bad but you need to stray away from the generic blends and work with other images and other styles. You should also save your images with better quality.
Organisation & Errors
Organisation was okay. The layout could be structured better and spacing between objects neater, such as the advertisements on the side of the layout.
There were some grammatical errors which need to be fixed as well.
Overall Comment
You need to work on your coding and on your site overall. It’s not terrible but it just needs a lot of work and fixing. The coding needs to be cleaned up and the layout structure improved. The browser compatibility issues need to be fixed, and the iframes should really be changed.
Your graphic skill is okay but you need to venture out of your comfort zone and try something more unique. The quality of your images needs to be improved.
More interesting and original content on your website would make it more interesting.
michael
The text on this site is SO small i just went on it
[Reply]