Anth Winter - Viewing Profile

View New Content

Anth Winter's Profile User Rating:

Reputation: 9 Neutral

Group:: Members
Active Posts:: 191 (0.12 per day)
Joined:: 14-October 07
Profile Views:: 4,377
Last Active:: Jul 31 2011 05:03 AM
Currently:: Offline

My Information

Member Title:: Dedicated Member
Age:: 26 years old
Birthday:: October 16, 1985
Gender:: Male
Location:: Seaham UK
Interests:: HTML, CSS, PHP, MySQL, JavaScript, Photoshop

Contact Information

E-mail:: Click here to e-mail me
MSN:: anthwinter@hotmail.com
Website URL:: http://www.digitalwinter.co.uk

Users Experience

Experience:: Intermediate
Area of Expertise:: Designer/Coder

Latest Visitors

kingy da killa
02 Aug 2011 - 09:11
ricrod
26 Apr 2011 - 13:00
Rishi
21 Mar 2011 - 08:04
admin-jag
14 Jan 2011 - 12:12
sash_oo7
26 Oct 2010 - 03:01

Posts I've Made

In Topic: Tricky footer design

15 April 2011 - 03:13 AM

Hi,

heres a quick take on what you are wanting... posistioning is not ideal but hopefully you can get the idea of how to do it by this and posistion it how you want it.

Link: http://www.digitalwi...Untitled-1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css.css" />
<title>Untitled Document</title>
</head>

<body>
<div id="above">
</div>
<div id="footer">
<div id="footer_left">
<p>Copyright</p>
</div>
<div id="redcircle">
<img src="circle.png" />
</div>
<div id="footer_right">
<p>Design By</p>
</div>
</div>
</body>
</html>

* {margin:0; padding:0;}
body {color:#fff}
#above {width:100%; height:400px; background:#333;}
#footer {width:100%; height:30px; margin:0 auto; background:#000;}
#footer_left {width:200px; float:left; text-align:right;}
#redcircle {width:50px; float:left; position:relative; bottom:25px;}
#footer_right {width:200px; float:left;}

In Topic: Whats up? From Seattle!

03 April 2011 - 02:50 PM

Welcome to WDF, ive seen you helping out round here already. Hope you enjoy the boards
In Topic: dreamweaver any good?

03 April 2011 - 11:01 AM

I use dreamweaver but only to code in... I know there might be better ones out there to code in, but im too used to Dreamwweaver and its color coding etc.

I would never advise anyone to use design view in dreamweaver. Not even for previewing your code that you've wrote in it.
In Topic: Wine site, new look!

02 April 2011 - 05:07 PM

I checked out your background, I stretched my IE8 browser across two 17" screens and it kept in proportion and still looked fine blending wise think you may have that one sorted.
In Topic: Football Website Review

02 April 2011 - 04:55 PM

First thoughts: Background image isnt to bad, but maybe have your main content area less transparent so you can read the text better, i was still kinda focused on the image in the background whilst reading.

Navigation is smart, nice use of the football pictures

The right column where the "News" section is has some spacing above it (im viewing in IE8) which im not sure i like

The footer seems to be scrunched up in the bottom right, its on 2 lines, maybe widen the div width to make it stretch all in one line?

Looking at the HTML/CSS... it seems you can posistion your main content better with some extra styling.
Always set widths on your <div> id's in CSS.

I always tend to set "float:" to my CSS divs too, so that they know where they are meant to be.

It looks like "#content" is your container for you main content section..
So you should set the width of that to the width of your site, 895px?

Then your "#introduction" should have a CSS value added "float:left" and a "width:" should be set to it (maybe 600px -ish?.. your choice)

Your "#news" and "#latest_testimonials" div already has a "float:right" value so all you need on that is edit the value of width to the rest of the space avaialbe on the right (after you set the #information" width)

I would also recommend merging "#news" and "#latest_testimonials" into one DIV as there is no need for two (less code you see).

Lastly your "#footer" does not need "margin: 0 0 0 510px;"
You could add the value "float:right" and set a "width:400px" to it, so that the text fits in on one line.

I hope this doesnt mess with your mind and gives you a better idea on DIV posistioning, I have tried to explain best i can.. but if you have any questions about what i just said just ask away...