[neillya1]

(Original post by JamalAhmed)
Too long. I might wait until I finish college then I'll learn CSS or something.

CSS is very very simple to learn. You do know it's only for style sheets though? You'll need more than that to make a decent, dynamic website.

[burgergetsbored]

(Original post by fran.ha)
If you're going for responsive design you need to make all images responsive and consider some sort of navigation stacking with media queries, also you have quite a few fixed divs which simply don't work that way in a responsive site.

Did you write it yourself or use a responsive framework?

what do you mean by responsive? I have no idea what you're talking about as on my screen it comes out perfect! It's wrote by me except for the homepage slider and booking form? Please describe what you mean by navigation stacking? the navigation div's I've got atm I feel are necessary to get the look I'm going for?

(Original post by spiral87)
My antivirus software blocks it on the basis it contains 'Dangerous Content'. What have you got on there?!

that is very weird? all code I'VE put on is 100% safe, and I've got two scripts on one of which I know is 100% safe. Could you please tell me what antivirus you are using so I can contact them to get the issue resolved, thanks!

Edit: It might actually be because it's on a .co.cc domain. The final website will have a proper one, so hopefully that'll sort it!

[JamalAhmed]

(Original post by neillya1)
CSS is very very simple to learn. You do know it's only for style sheets though? You'll need more than that to make a decent, dynamic website.

I'll learn something else to make a decent website. Also, I do learn quick when it comes to computers and coding.

[Knurlo]

Hey, I just wanted to gather the thoughts of some people about my new site still in construction: http://www.studycentre.webatu.com/.

Thanks in advance for the feedback.

[fran.ha]

(Original post by burgergetsbored)
what do you mean by responsive? I have no idea what you're talking about as on my screen it comes out perfect! It's wrote by me except for the homepage slider and booking form? Please describe what you mean by navigation stacking? the navigation div's I've got atm I feel are necessary to get the look I'm going for?




that is very weird? all code I'VE put on is 100% safe, and I've got two scripts on one of which I know is 100% safe. Could you please tell me what antivirus you are using so I can contact them to get the issue resolved, thanks!

Edit: It might actually be because it's on a .co.cc domain. The final website will have a proper one, so hopefully that'll sort it!

Responsive web design is all about making your website respond to the environment it is displayer in (e.g a website that works on your phone, works on your iPad, works on your huge browser, works when the browser is resized.)

It seems you've attempted this, as you'll see when you adjust the browser window that your lead image resizes itself in accordance with the size of the site. What you haven't done is carried this across the rest of your CSS. You've been left with a site that is neither responsive or fixed, and it looks a bit messy.

Either adjust your layout to match your expanding and shrinking lead image (make your font sizes em, use percentages rather than pixels, don't use fixed widths or heights anywhere, make your other images respond and resize themselves, make your headers do the same, make your navigation stack so it looks neat in smaller browsers) or don't do it at all.

[fran.ha]

(Original post by JamalAhmed)
I'll learn something else to make a decent website. Also, I do learn quick when it comes to computers and coding.

You cannot code a good website in this day and age without a knowledge of HTML&CSS.

[burgergetsbored]

(Original post by fran.ha)
Responsive web design is all about making your website respond to the environment it is displayer in (e.g a website that works on your phone, works on your iPad, works on your huge browser, works when the browser is resized.)

It seems you've attempted this, as you'll see when you adjust the browser window that your lead image resizes itself in accordance with the size of the site. What you haven't done is carried this across the rest of your CSS. You've been left with a site that is neither responsive or fixed, and it looks a bit messy.

Either adjust your layout to match your expanding and shrinking lead image (make your font sizes em, use percentages rather than pixels, don't use fixed widths or heights anywhere, make your other images respond and resize themselves, make your headers do the same, make your navigation stack so it looks neat in smaller browsers) or don't do it at all.

ahhh seems too much effort as most of the divs on there need fixed heights to look the way they do. I've changed it all to px now, makes things easier! The image slider on the first page doesn't think much of it but the rest of the website is fine :L

[fran.ha]

(Original post by burgergetsbored)
ahhh seems too much effort as most of the divs on there need fixed heights to look the way they do. I've changed it all to px now, makes things easier! The image slider on the first page doesn't think much of it but the rest of the website is fine :L

Are you doing this site for someone else? If so, 'I can't be bothered' doesn't cut it.

If it's for yourself, you'll find it will look fine for just you. Are you planning to keep this site only for yourself to browse or will you show the link to friends?

Cos this is what it looks like on my screen:



I assume this isn't how you plan the site to be?

[burgergetsbored]

(Original post by fran.ha)
Are you doing this site for someone else? If so, 'I can't be bothered' doesn't cut it.

If it's for yourself, you'll find it will look fine for just you. Are you planning to keep this site only for yourself to browse or will you show the link to friends?

Cos this is what it looks like on my screen:



I assume this isn't how you plan the site to be?

Damn it, it's that damn slider, can't get it to work perfectly! Works fine in one screen but rubbish in another as you shown! Yeah doing it for a mate, but for free for something to do so doesn't matter too much with the "cba" part, but I'd still like it to work fine :P Think I'll try another slider and hope it fits in place better, know of any? :/

[estel]

(Original post by burgergetsbored)
Damn it, it's that damn slider, can't get it to work perfectly! Works fine in one screen but rubbish in another as you shown! Yeah doing it for a mate, but for free for something to do so doesn't matter too much with the "cba" part, but I'd still like it to work fine :P Think I'll try another slider and hope it fits in place better, know of any? :/

Your CSS is a bit of a mess, but the slider can be fixed entirely through your CSS - it's not a problem with the slider.

I fixed its position by adding/modifying the following:

#wrapper {
  width: 800px;
  margin: 0 auto;
}
.slider-wrapper {
  width: auto;
  overflow: auto;
}

.theme-default .nivoSlider {
  width: 800px;
}

It's usually recommended that sites are closer to 960px wide if they're designed to a fixed minimum width.

Whilst I'm at it, a couple more points:

Don't use "Click here" as the text anchor for a link. On the home page, the headings should be links instead.
Your logo should link back to the home page.

[burgergetsbored]

(Original post by estel)
Your CSS is a bit of a mess, but the slider can be fixed entirely through your CSS - it's not a problem with the slider.

I fixed its position by adding/modifying the following:

#wrapper {
  width: 800px;
  margin: 0 auto;
}
.slider-wrapper {
  width: auto;
  overflow: auto;
}

.theme-default .nivoSlider {
  width: 800px;
}

It's usually recommended that sites are closer to 960px wide if they're designed to a fixed minimum width.

Whilst I'm at it, a couple more points:

Don't use "Click here" as the text anchor for a link. On the home page, the headings should be links instead.
Your logo should link back to the home page.

Cheers for that, I've changed the slider code so hopefully that works now, I'm no good at changing other peoples code :L ah okay I'll change the widths to 960px, will change the links. And the header used to link back not sure why I removed that

I plan on sorting out the css at the end, what would you say is best, alphabetically or in groups depending on what they are?

[Afradeetee]

I will leave you with the link and please let me know what you think of the site, It is a unique idea created by students!

http://statuz.net/

An interview with the founder
http://www.youngwebbuilder.com/inter...-network-site/

[GrazzleDazzle]

Nice.

[Drunk Punx]

"The content you are trying to view, can only be accessed by logged in users. "

So from an outsider's perspective, it's essentially Twitter in the sense that if you don't join, you can't see what's going on inside.

[Planto]

What is it? Facebook disguised as an estate agent?

[sliceofcake]

As soon as you open the link, you're hit by several soft colours. There's nothing particularly attractive about the site that draws me in, I'm not tempted at all to explore the site or sign up. I'm not saying add a load of gifs/pictures and bright colours, just work on the overall look to make it appealing. Brighten the colours a bit, but don't go over the top.
Maybe customise the tabs with a different font (like the one used for the logo) and more interesting icons.
Also, I hate the z on Statuz. Just... why? That always says to me "we're trying really really hard to appeal to young people".
The logo is slightly off, maybe because you've used a different font for the "S" than the rest of the word, and the rest of the word is seperated from the first letter.

[tamimi]

Looks like some sort of university-internal social network sorta thing.

[fran.ha]

(Original post by burgergetsbored)
Cheers for that, I've changed the slider code so hopefully that works now, I'm no good at changing other peoples code :L ah okay I'll change the widths to 960px, will change the links. And the header used to link back not sure why I removed that

I plan on sorting out the css at the end, what would you say is best, alphabetically or in groups depending on what they are?

I always group CSS by where they are, and then logically within those groups. If you have an awful lot of CSS sometimes it can be helpful to divide it up into separate stylesheets, but that isn't always necessary.

I put titles in comments on the CSS denoting what is in that section, and usually place the CSS rules in order of how they appear on the page, or importance/used most. E.g


/* LAYOUT STYLES */

body,html

wrapper

top

nav

etc... how they appear on the page all the way down to the bottom. I find that easier, cos if you're hunting for the footer div you're kinda expecting it to be at the bottom of the layout section of the stylesheet.

After that I do content based divs, so things for images and lists

/* CONTENT STYLES */

img

ul

li


And then text styles

/* TEXT STYLES */

h1

h2

etc


That's my own personal method but everyone is different. Just aim to make it so someone could easily pick up your code and make sense of it. Even if you know no one is ever going to read it, that's the best way to gauge if it's sensible or not.

[f1mad]

Well, nothing earth-shattering .

[Afradeetee]

(Original post by f1mad)
Well, nothing earth-shattering .

It was made by a 16 year old guy, (not me I am just helping to get feedback for them).