55 replies [Last post]
organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

body {
background-image: url(/bgbg.jpg);
background-repeat: repeat-x;
background-color: #c7c7c7;
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
height:auto;
width:850px;
align:center;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

^^^ That is my body tag on both stylesheets on the forum and on the main page.

http://www.ridiculouslyrandom.com and http://www.ridiculouslyrandom.com/forum

The page should be 850px and centered on both the page and the forum. Works PERFECTLY in firefox, but it makes it 100% on both in IE.

Please help asap!!!

Thank you so much!
-George

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 30 weeks 5 days ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

no doctype malformed

no doctype
malformed html
deprecated and presentational elements
table layout

and you want help asap?

please read the stickies.

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

I know there is alot of work

I know there is alot of work left, i just started working on the site. But for the life of me i cant figure out why it wont center and use a fixed width in i.e. but will in firefox.

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

Please lock, delete this

Please lock, delete this thread.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 21 hours 11 min ago
London
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15659
Points: 2797

organizedhavoc wrote:I know

organizedhavoc wrote:
I know there is alot of work left, i just started working on the site. But for the life of me i cant figure out why it wont center and use a fixed width in i.e. but will in firefox.

Smile
No Doctype
malformed html

Why lock or delete the thread?

Have you fixed the problems?

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

i added a doctype, what is

i added a doctype, what is malformed html. Im lost.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

Would you like some help

Would you like some help with it?

If you're serious about laying out your site using CSS, we can go through from start to finish rebuilding your site, and you will learn a LOT in the process.

Shall we begin?

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

wow, yes, thank you.

wow, yes, thank you. hopefully it is not too bad right now. and i love the way it looks right now, hopefully i wont have to change too much.

thanks.
-george

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

We can keep the look of your

We can keep the look of your site, yes, but your underlying HTML is going to have to be completely ripped out and started again, I'm afraid.

Don't worry, it won't take too long, and you'll learn a LOT about semantic markup in the process.

This:

=12)
dn="PM"
if (hours>12){
hours=hours-12
}
{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
if (InternetTime < 10) InternetTime = '00'+InternetTime;
else if (InternetTime < 100) InternetTime = '0'+InternetTime;
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate=dayarray[day]+", "+montharray[month]+" "+daym+" "+year+" at "+hours+":"+minutes+":"+seconds+" "+dn+""
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
// End -->



is going to become this:

Ridiculously Random

Click Here to register now!

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

Before i upload that, will

Before i upload that, will that change my site right now? Do i need to add anything to my .css?

Thank you so much, what a great site for help. I thought i would be turned away like other forums out there. :-/

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 21 hours 11 min ago
London
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15659
Points: 2797

*Pricks up ears* and why

*Pricks up ears* and why have you been turned away from other forums? Smile
We'll help (or at least in this instance TPH will/is) but we do expect posters to work with us and not expect us just to provide a coding service, that said the markup TPH has provided is a better semantic version of what you had but as to it working , well it will if the same classes and ID's have been used that existed in the stylesheet rules and if the stylesheet rules weren't too specific in using html element names.

On the whole, the approach TPH is taking is to get you to work on correctly marked up content first then to start styling it which is the correct approach and methodology to follow so at this stage it may be safe to assume that it won't work as such, best approach anyway is to work on copies of the original files, building things up bit by bit then when all completed you can swap them over.

The javascript you will likely have to cut and paste into it's own file so that you can call it in as TPH has shown you, and is a simple enough procedure.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

organizedhavoc wrote:Before

organizedhavoc wrote:
Before i upload that, will that change my site right now? Do i need to add anything to my .css?

Don't edit your original page. Make a copy of it, call it something like index2.html and we'll work through it Wink

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

Current site:

Current site: http://www.ridiculouslyrandom.com/
New edited site: http://www.ridiculouslyrandom.com/test/

Other forums with css sections told me to find someone to pay to clean up the site a bit, or they just simply poked fun at certain sections of the site before simply ignoring my post. That is why i wrote asap and things like that on my first post here. Just to test the waters and see if i could have any help from people at all.

Sorry about that.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

Okeydoke. I'm going to take

Okeydoke. I'm going to take a slightly different approach here to CT - what I do is work on little chunks at a time, rather than recode the whole site then add styling.

You need to move the date/time script out of the head section and into an external file. This is the bit you reference in the paragraph tag.

The paragraph needs a black background and grey bottom border. As it is a block element, by default it will take up the whole width.

Your gradient image shoudl be set as a repeating background on the #header div.

Use an image replacement technique to set the logo as the background image of the H1.

Give the H1 a width and float it left; then do a similar thing with the second paragraph to give it a background image.

Give it a go, let us know how you get on Wink

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

This may be too difficult

This may be too difficult for me, i am very experienced in image design and other elements but css is completely new to be, i have no idea how to do what you said.

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

This may be too difficult

This may be too difficult for me, i am very experienced in image design and other elements but css is completely new to be, i have no idea how to do what you said.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 16 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-7
Joined: 2005-12-14
Posts: 3570
Points: 675

organizedhavoc wrote:This

organizedhavoc wrote:
This may be too difficult for me, i am very experienced in image design and other elements but css is completely new to be, i have no idea how to do what you said.

If so you should forget web design. The web is not paper, and never will be. It is it's own very different medium and if you try to design pages as if it was paper or anything other than what it is you are doomed to failure because you will be trying to do something self contradictory.

If, on the other hand, you actually do want to learn good web design, you have to temporarily forget pretty well all you think you know about web design and be willing to start over. It really isn't all that hard, in fact it's actually much easier, and most of the "gurus" around here have done it already.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

Im trying to learn, but i do

Im trying to learn, but i do not want to learn my failure. Wink

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 21 hours 11 min ago
London
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15659
Points: 2797

You will be learning as you

You will be learning as you go from people experienced enough to guide you, so far the suggestions are straightforward enough if you really do not know how to do things like apply borders etc then you must google for a beginners CSS tutorial to gain that first understanding of the basics then show us on a copy of your page how you are progressing then we can take you through further stages.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

thepineapplehead wrote:The

thepineapplehead wrote:
The paragraph needs a black background and grey bottom border. As it is a block element, by default it will take up the whole width.

as in:

p#date { background: #000; border-bottom: 1px solid #ccc; }

Quote:
Your gradient image should be set as a repeating background on the #header div.

#header { background: url(images/gradient.gif) repeat-x; }

Quote:
Use an image replacement technique to set the logo as the background image of the H1.

h1 { background: url(logo.jpg) no-repeat; text-indent: -9999em; }

Quote:
Give the H1 a width and float it left; then do a similar thing with the second paragraph to give it a background image.

h1 { background: url(logo.jpg) no-repeat; text-indent: -9999em; width: 500px; float: left; }

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

i have to work, but i will

i have to work, but i will do this monday night, thank you so much. i'll let you know monday night.

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

Current site:

Current site: http://www.ridiculouslyrandom.com/
New edited site: http://www.ridiculouslyrandom.com/test/

I did what you said, and i don't know why but i seriously am horrible with css, but im here to learn.

Let me know what else needs to be done.

Thank you.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

You need to move the

You need to move the javascript out of the <head> section and into an external file. Also give the H1 some height.

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

Honestly not working too

Honestly not working too well.

http://www.ridiculouslyrandom.com/test/

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

I know, it's not going to be

I know, it's not going to be a quick fix, but we'll work through it.

For the meantime please put

table { clear: left; }

at the end of your CSS file to boot the table back into place while we work on the top section.

Remove the JS:

//--Returns the current system time as a string in hh:mm am/pm format. function nowStr() { var now=new Date() var hours=now.getHours() var minutes=now.getMinutes() timeStr=""+((hours > 12) ? hours : hours) timeStr+=((minutes < 10) ? ":0" : ":") + minutes

return timeStr
}

//--Returns the current date in mm/dd/yy format as a string.

function todayStr() {
var today=new Date()
return today.getMonth()+1+"/"+today.getDate()+"/"+(today.getYear() + 1900)
}

from the head of your page.

Open notepad, paste this in:

//--Returns the current system time as a string in hh:mm am/pm format. function nowStr() { var now=new Date() var hours=now.getHours() var minutes=now.getMinutes() timeStr=""+((hours > 12) ? hours : hours) timeStr+=((minutes < 10) ? ":0" : ":") + minutes

return timeStr
}

//--Returns the current date in mm/dd/yy format as a string.

function todayStr() {
var today=new Date()
return today.getMonth()+1+"/"+today.getDate()+"/"+(today.getYear() + 1900)
}

save as clock.js and upload to your server.

Then add this to your CSS:

p#date { background: pink; border-bottom: 1px solid #ccc; }

h1 {
background: url(http://www.ridiculouslyrandom.com/logo.jpg) no-repeat;
text-indent: -9999em;
width: 500px;
height: 80px;
float: left;
}

p#register {
float: left;
height: 80px;
background: #000;
}

.topheader {
background: #000;
height: 200px;
}

table {clear: left;}

getting there Wink

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 21 hours 11 min ago
London
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15659
Points: 2797

organizedhavoc wrote:Current

organizedhavoc wrote:
Current site: http://www.ridiculouslyrandom.com/
New edited site: http://www.ridiculouslyrandom.com/test/

I did what you said, and i don't know why but i seriously am horrible with css, but im here to learn.

Let me know what else needs to be done.

Thank you.

To be frank and not intending to cause offence but it is not that you are horrible with CSS it is that you are not yet savy as to what constitutes correct proper markup, forget CSS it's relatively unimportant until such time as you have understood how to markup content correctly and dropped the use of tables for evermore.

table{clear:both;}
sorts out the immediate problem with the test layout but all those table elements must be stripped out.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

Don't worry Hugo, we'll work

Don't worry Hugo, we'll work through it Wink

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

http://www.ridiculouslyrandom

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 15 weeks ago
A hilly place, UK
Timezone: GMT+1
Joined: 2004-02-05
Posts: 2902
Points: 0

Nah That is seriously

Nah

That is seriously broken in IE7. The right column is way to the left.

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

i know but i dont know whats

i know but i dont know whats wrong

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

You still haven't moved your

You still haven't moved your clock javascript to an external file.

Next step.

Remove this table column from your code:

Home


Forums


Register


Login

News Games Jokes
Weather
Websites
Pictures
Videos


Articles
My Email
My Blog
My Profile
Submit Stuff
Sponsor List
Advertising
Contact Us









































Just under your header div, place this:

  • Home
  • Forums
  • Register
  • Login
  • News
  • Games
  • Jokes
  • Weather
  • Websites
  • Pictures
  • Videos
  • Articles
  • My Email
  • My Blog
  • My Profile
  • Submit Stuff
  • Sponsor List
  • Advertising
  • Contact Us

Verschwindende wrote:
  • CSS doesn't make pies

organizedhavoc
Offline
Regular
New York
Last seen: 7 years 23 weeks ago
New York
Joined: 2007-03-21
Posts: 33
Points: 0

Clock:

Clock: http://www.ridiculouslyrandom.com/test/clock.js

Done: http://www.ridiculouslyrandom.com/test/

I put this code:


  • Home

  • Forums

  • Register

  • Login

  • News

  • Games

  • Jokes

  • Weather

  • Websites

  • Pictures

  • Videos

  • Articles

  • My Email

  • My Blog

  • My Profile

  • Submit Stuff

  • Sponsor List

  • Advertising

  • Contact Us



into my left.php, where is my header div.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 7 weeks 6 days ago
Milton Keynes
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

tHIS BIT:

tHIS BIT:

Ridiculously Random

Click Here to register now!

is your header div. Your list shouldn't be in the table. Take it out so your HTML looks like this:

Ridiculously Random

Click Here to register now!

  • Home
  • Forums
  • Register
  • Login

  • News
  • Games
  • Jokes
  • Weather
  • Websites
  • Pictures
  • Videos
  • Articles
  • My Email
  • My Blog
  • My Profile
  • Submit Stuff
  • Sponsor List
  • Advertising
  • Contact Us
  • Verschwindende wrote:
    • CSS doesn't make pies

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    http://www.ridiculouslyrandom

    ClevaTreva
    ClevaTreva's picture
    Offline
    Guru
    A hilly place, UK
    Last seen: 2 years 15 weeks ago
    A hilly place, UK
    Timezone: GMT+1
    Joined: 2004-02-05
    Posts: 2902
    Points: 0

    Done?? It looks worse tha

    Done??

    It looks worse tha when I last looked a few posts ago. What is that list about, and the right column is still wrong in IE7.

    I suppose the background width has been fixed.

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    i have my site and i have a

    i have my site and i have a test site, he is trying to help me clean up my css, its not working very well because i am not educated in css, yet.

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Milton Keynes
    Last seen: 7 weeks 6 days ago
    Milton Keynes
    Timezone: GMT+1
    Joined: 2004-06-30
    Posts: 9668
    Points: 801

    Honestly Treva, you're not

    Honestly Treva, you're not helping Tongue

    Okeydoke, lets get that menu matching the old site.

    Giv div#leftcol float: left; this will make it act as a left column and the rest of the site will appear to it's right.

    This CSS:

    ul#leftnav, ul#leftnav li { margin: 0; padding: 0; list-style: none; }

    will zero all defaults for the menu.

    You then need to set http://www.ridiculouslyrandom.com/menubg.gif as the background image for the left column div (#leftcol) and give each list-item a top border.

    Let me know how you get on with it.

    Verschwindende wrote:
    • CSS doesn't make pies

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    did as you said, still

    did as you said, still doesn't "float" left.

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Milton Keynes
    Last seen: 7 weeks 6 days ago
    Milton Keynes
    Timezone: GMT+1
    Joined: 2004-06-30
    Posts: 9668
    Points: 801

    Ok, we'll fix that

    Ok, we'll fix that later.

    After your end div tag for the #leftcol, open a new div, called "content", then we'll add some boxes:

    RidiculouslyRandom Welcome Box:

    Welcome to RidiculouslyRandom.com; Your new source for interesting, funny, and random news, pictures, videos, articles, blogs, and much more. Our users can host their own blogs, register for a free email account, post pictures, post videos, and much more. Please register. Thank you for your patience as we build RR.

    Add that in and have a go at styling it.

    Verschwindende wrote:
    • CSS doesn't make pies

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    done. the whole layout is

    done.

    the whole layout is way off. :-/

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    not only is the left side

    not only is the left side menu completely different than my original menu, everything is skewed, and i really dont know what im doing even with basic styling with css. Sad

    magnets
    Offline
    newbie
    Last seen: 7 years 26 weeks ago
    Joined: 2007-03-31
    Posts: 1
    Points: 0

    I just registered

    Hugo said, " . . . and dropped the use of tables for evermore."

    I just registered and one of the first remarks I encountered was from Hugo. Now no doubt Hugo must know his stuff when it comes to CSS. (Or, perhaps Hugo has difficulty with CSS when dealing with tables.) But, the fact is that billions of HTML tables exist, it is unlikely that W3.org will deprecate tables from HTML, and it is often the case that layout using tables gets the job done far more quickly.

    CSS is the only way to go as far as style is concerned. You can decorate a table with CSS just as easily as using combinations of divs and other html code.

    I recently made the mistake of assuming that a particular web designer would insist upon a "no tables" approach. What happened? Well, my most complex non-table creation was replaced by that designer with an HTML table generated from Dreamweaver when he could not reach me to tweak the design.

    Tables and tables formatted with CSS will grow in number. Trying to get rid of tables is not only fools work - it is likely counterproductive to getting IE7, Firefox and other recent browsers to ever come close to a single CSS standard.

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Milton Keynes
    Last seen: 7 weeks 6 days ago
    Milton Keynes
    Timezone: GMT+1
    Joined: 2004-06-30
    Posts: 9668
    Points: 801

    You're an idiot Please

    You're an idiot Tongue

    Please don't hijack this thread condoning the use of tables when I have spent several says helping havoc recode his site in pure CSS.

    Verschwindende wrote:
    • CSS doesn't make pies

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    LOL

    LOL

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Milton Keynes
    Last seen: 7 weeks 6 days ago
    Milton Keynes
    Timezone: GMT+1
    Joined: 2004-06-30
    Posts: 9668
    Points: 801

    You're getting there. Add

    You're getting there.

    Add some more <div class="box"> in your content div to contain the other main content you have - latest forum posts, etc.

    Verschwindende wrote:
    • CSS doesn't make pies

    Hugo
    Hugo's picture
    Offline
    Moderator
    London
    Last seen: 21 hours 11 min ago
    London
    Timezone: GMT+1
    Joined: 2004-06-06
    Posts: 15659
    Points: 2797

    Excuse me havoc and TPH but

    Excuse me havoc and TPH but I can't help this short outburst

    magnate wrote:

    <snip>
    (Or, perhaps Hugo has difficulty with CSS when dealing with tables.)

    What! I assure you I have no problems whatsoever where HTML/CSS are concerned with or without tables which also I would mention that few table layout users have a faintest bloody notion of how to actually code correctly.

    You have taken my remarks slightly out of context, and they were not an invitation for a table vs. CSS debate, but a slightly humorous remark intended for havoc and did not mean to imply that tables were deprecated .

    I'm sorry also to have to say that the bulk of your comments are incorrect.

    Right, again sorry havoc please continue Smile

    Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
    ----------------------------------------------------------------
    Please post ALL your code - both CSS & HTML - in [code] tags
    Please validate and ensure you have included a full Doctype before posting.
    Why validate? Read Me

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    ive been trying to get this

    ive been trying to get this done but it is simply too hard for me, i am so lost with css. thank you for your help.

    Ed Seedhouse
    Ed Seedhouse's picture
    Offline
    Guru
    Victoria British Columbia
    Last seen: 16 weeks 2 days ago
    Victoria British Columbia
    Timezone: GMT-7
    Joined: 2005-12-14
    Posts: 3570
    Points: 675

    organizedhavoc wrote:ive

    organizedhavoc wrote:
    ive been trying to get this done but it is simply too hard for me, i am so lost with css. thank you for your help.

    The problem is not with your CSS, but with your html.

    You can't code invalid html with depreciated presentational tags like that and expect to succeed with CSS.

    You are like someone with a house whose foundations are rotten complaining that a nice new coat of paint isn't solving the problem!

    CSS rules are defined only for valid html or xhtml. Your page is so messed up it's a wonder browsers display it at all.

    Forget about CSS. Learn to write valid and semantic html first.

    Ed Seedhouse

    Posting Guidelines

    Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Milton Keynes
    Last seen: 7 weeks 6 days ago
    Milton Keynes
    Timezone: GMT+1
    Joined: 2004-06-30
    Posts: 9668
    Points: 801

    I know you've been

    I know you've been struggling along trying to keep up with me Tongue

    Would you like me to recode the rest of your main page for you in HTML and CSS, so you can have a go at converting other pages you may have?

    Verschwindende wrote:
    • CSS doesn't make pies

    organizedhavoc
    Offline
    Regular
    New York
    Last seen: 7 years 23 weeks ago
    New York
    Joined: 2007-03-21
    Posts: 33
    Points: 0

    that would be fantastic.

    that would be fantastic.

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Milton Keynes
    Last seen: 7 weeks 6 days ago
    Milton Keynes
    Timezone: GMT+1
    Joined: 2004-06-30
    Posts: 9668
    Points: 801

    Alright, I'll give it a go

    Alright, I'll give it a go today once I get time Wink

    Verschwindende wrote:
    • CSS doesn't make pies