•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the Site Layout and Usability section within the Web Development category of DaniWeb, a massive community of 403,505 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 4,193 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our Site Layout and Usability advertiser: Programming Forums
Views: 35367 | Replies: 75
 |
•
•
Join Date: Feb 2005
Posts: 427
Reputation: 
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
Again, there all about the same.... general magazine layouts, barely graphical..... which is perfect if that is the wanted look, yet I've known people that want themes, or that due to the nature of the intended site will require a more "break out" layout and appearance.... which seems either very difficult wo achieve with CSS, or impossible, I can't figure which!
If it's just difficult, then I'll stick with it and keep it at the fore of my learning... if it is currently impossible due to the lack of true browser support, I'll simply say sod it and stick to tables... I have no wish to waste time attempting to perfect something that won't work..... I'll stick to learning the standard article appearance and that will be it!
If it's just difficult, then I'll stick with it and keep it at the fore of my learning... if it is currently impossible due to the lack of true browser support, I'll simply say sod it and stick to tables... I have no wish to waste time attempting to perfect something that won't work..... I'll stick to learning the standard article appearance and that will be it!
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
I'd say it's just difficult. Do you have a table based site illustrating what you want?
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Feb 2005
Posts: 1
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
Re: Amazing Website Designs - How do they do this? •
•
•
•
Originally Posted by Paladine
Ok folks how does one do this? Meaning, how do you ever get things placed in the right spot, aligned, and the get the feel right on a web page design like this? Do you have to been an "artist" or use a fancy web design tool?
http://www3.telus.net/public/tmlohnes/IP0002BR.jpg
or even more intense?
http://www3.telus.net/public/tmlohnes/AX0039BL.jpg
I would like to really know how this is possible... :-|
No! Im no artist....CSS is the way to go! :cheesy:
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
Well, here'g a general example of what I mean, without getting overly complicated....
http://www.bokb.co.uk/test/test5.html
Not perfect, but I still ache from training, got too many bruises on parts that make sitting unpleasant etc..... (I'm thinking the only thing I need to learn self defence for is to protect myself from those I train with! LOL)....
So let me know if this sort of thing is possible with css.
http://www.bokb.co.uk/test/test5.html
Not perfect, but I still ache from training, got too many bruises on parts that make sitting unpleasant etc..... (I'm thinking the only thing I need to learn self defence for is to protect myself from those I train with! LOL)....
So let me know if this sort of thing is possible with css.
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
yeah easy.
I'll go look on my other machine and see what designs I have that are like it (in CSS terms)
I'll go look on my other machine and see what designs I have that are like it (in CSS terms)
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
things like this are what get me... I like this sort of designing... not really any different from the magazine layout, just with some themed images, it really sets the field as it were...
http://leftjustified.net/journal/200...s-negotiation/
I think it is mostly CSS... I've seen alot of sites with similar designs, yet the y blatantly use tables (what really gets me is half of them are cheering for CSS, whilst using tables! LOL).
http://leftjustified.net/journal/200...s-negotiation/
I think it is mostly CSS... I've seen alot of sites with similar designs, yet the y blatantly use tables (what really gets me is half of them are cheering for CSS, whilst using tables! LOL).
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
here's a rough and ready only tested in IE version of your link
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Autocrat</title>
<style type="text/css"><!--
body {
background: #09f;
margin: 0;
padding: 0;
}
#container {
margin-right: 20px;
}
#header1 {
background: #fff url(image1.jpg) bottom repeat-x;
}
#header2 {
background: url(image7.jpg) right repeat-y;
}
#header3 {
background: url(image8.jpg) 100% 100% no-repeat;
height: 200px;
text-align: center;
}
#lefta {
background: #fff url(image6.jpg) 100% 0 no-repeat;
position: absolute;
top: 183px;
left: 0px;
height: 50px;
width: 200px;
}
#left1 {
position: absolute;
top: 233px;
left: 0px;
width: 200px;
}
#left2 {
background: #fff url(image7.jpg) right repeat-y;
margin-right: 37px;
}
#left3 {
background: url(image1.jpg) bottom repeat-x;
}
#left4 {
background: url(image8.jpg) 100% 100% no-repeat;
padding-bottom: 200px;
}
--></style>
</head>
<body>
<div id="container"><div id="header1"><div id="header2"><div id="header3">
<h1>Header Here</h1>
</div></div></div></div>
<div id="lefta"> </div><div id="left1"><div id="left2"><div id="left3"><div id="left4">
Some side bar content to stretch it down.
</div></div></div></div>
</body> emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
that design would be a lot easier in 2d if you wanted to try it.
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
OK... between you doing that, the site i posted, and the design stuff someone in another forum has posted.... I'm now sold on CSS!
It will be a bugger getting to be cross B/P, and making sure I don't break the validation rules too often.... yet I think it's worth it... esp. as I have been told tables aren't BAD, just should be used as alittle as possible, or not at all if it can be done with CSS......
YEP, Guess I'm for CSS.... joy... more stuff to figure properly... alongside the mysql & php, figuring how to wangle advertsing companies to stop trying to overcharge me.... and figuring my club sights SEO problems..... But it is worth learning properly.
Thank you for proving that to me.. .wasn't sure, but if you could turn that into css... then just about anything should be possible with the last gen of browsers....!
It will be a bugger getting to be cross B/P, and making sure I don't break the validation rules too often.... yet I think it's worth it... esp. as I have been told tables aren't BAD, just should be used as alittle as possible, or not at all if it can be done with CSS......
YEP, Guess I'm for CSS.... joy... more stuff to figure properly... alongside the mysql & php, figuring how to wangle advertsing companies to stop trying to overcharge me.... and figuring my club sights SEO problems..... But it is worth learning properly.
Thank you for proving that to me.. .wasn't sure, but if you could turn that into css... then just about anything should be possible with the last gen of browsers....!
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
lol
Here's a tip for you for older browsers:
Put a link to a stylesheet. On that stylesheet have really basic stuff that version 4 browsers understand. At the top of that sheet import a stylesheet for modern browsers using:
@import url(real.css);
That hides the complex code from the old browsers, and ensures the sites displays it's content to everyone.
Also I can explain how the design works if you like.
Here's a tip for you for older browsers:
Put a link to a stylesheet. On that stylesheet have really basic stuff that version 4 browsers understand. At the top of that sheet import a stylesheet for modern browsers using:
@import url(real.css);
That hides the complex code from the old browsers, and ensures the sites displays it's content to everyone.
Also I can explain how the design works if you like.
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
|
•
•
•
•
•
•
•
•
DaniWeb Site Layout and Usability Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- Previous Thread: Forums
- Next Thread: I need help with building forums.
