Just Learned Css

moultanomoultano Creator of ns_shiva. Join Date: 2002-12-14 Member: 10806Members, NS1 Playtester, Contributor, Constellation, NS2 Playtester, Squad Five Blue, Reinforced - Shadow, WC 2013 - Gold, NS2 Community Developer, Pistachionauts
<div class="IPBDescription">man . . . it rocks.</div> Behold! My first serious webpage: <a href='http://www.andrew.cmu.edu/user/rmoulton/' target='_blank'>I'm proud of it at least</a>
Its not done, but I think it looks pretty cool. The blog section is the best formatted so far.

CSS is so ubelievably superior to tables. <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html//emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /><!--endemo--> <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html//emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /><!--endemo-->

Comments

  • DelarosaDelarosa Naturally Custom Join Date: 2002-11-29 Member: 10214Members, NS1 Playtester
    ...the links page doesn't work <!--emo&:p--><img src='http://www.unknownworlds.com/forums/html//emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif' /><!--endemo-->
  • moultanomoultano Creator of ns_shiva. Join Date: 2002-12-14 Member: 10806Members, NS1 Playtester, Contributor, Constellation, NS2 Playtester, Squad Five Blue, Reinforced - Shadow, WC 2013 - Gold, NS2 Community Developer, Pistachionauts
    <!--QuoteBegin-Delarosa+May 23 2004, 11:31 PM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (Delarosa @ May 23 2004, 11:31 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> ...the links page doesn't work <!--emo&:p--><img src='http://www.unknownworlds.com/forums/html//emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif' /><!--endemo--> <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
    fixed. <!--emo&:p--><img src='http://www.unknownworlds.com/forums/html//emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif' /><!--endemo-->
  • DelarosaDelarosa Naturally Custom Join Date: 2002-11-29 Member: 10214Members, NS1 Playtester
    lol, baleeting it from the nav bar doesn't *fix* it ... lol

    lookin nice, i'de love to know how it was done, but then again, i don't want to re-code all mf my website
  • moultanomoultano Creator of ns_shiva. Join Date: 2002-12-14 Member: 10806Members, NS1 Playtester, Contributor, Constellation, NS2 Playtester, Squad Five Blue, Reinforced - Shadow, WC 2013 - Gold, NS2 Community Developer, Pistachionauts
    <!--QuoteBegin-Delarosa+May 23 2004, 11:34 PM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (Delarosa @ May 23 2004, 11:34 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> lol, baleeting it from the nav bar doesn't *fix* it ... lol

    lookin nice, i'de love to know how it was done, but then again, i don't want to re-code all mf my website <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
    It does if the page doesn't exit yet. <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html//emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /><!--endemo-->
    If you are interested, <a href='http://www.andrew.cmu.edu/user/rmoulton/backpacking.css' target='_blank'>here</a> is a link to the css stylesheet
  • camO_ocamO_o Join Date: 2004-04-19 Member: 28028Members
    awesome, my only complain is that the text area contrasts too sharply with the rest of the page, and doesn't seem to fit that well. maybe have a different bg for that area?
  • panda_de_malheureuxpanda_de_malheureux Join Date: 2003-12-26 Member: 24775Members
    edited May 2004
    Maybe I am a bit too much of a critic and/or perfectionist but that upper background that fades to blue is so damn evil I just want to smash my head into the screen.

    -edit last part of sentance made lower case.

    but i like the rest <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html//emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /><!--endemo-->
  • SycophantSycophant Join Date: 2002-11-05 Member: 7092Members
    <!--QuoteBegin-moultano+May 24 2004, 01:58 AM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (moultano @ May 24 2004, 01:58 AM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->CSS is so ubelievably superior to tables.<!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
    I don't quite understand this statement. CSS and tables are two different entities, although both are typically used to accomplish the desired end result.

    CSS sets the design parameters for a given identifier. Tables are used to control how your information is laid out on the page. They can both be used together (ie: "<span style='font-family:Courier'><td class="sample">just testing</td></span>" will create a table cell with whatever design parameters you specify in the "sample" CSS tag, such as font-family, font-size, border, etc).

    And on a related sidenote: IMO, the best online reference guide for web design/development is <a href='http://www.devguru.com/' target='_blank'>devguru</a>. Their CSS, HTML, and JavaScript references are all very well-made and easy to use.

    And if you're into ASP/ADO programming, there's guides for that too. <!--emo&:p--><img src='http://www.unknownworlds.com/forums/html//emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif' /><!--endemo-->
  • moultanomoultano Creator of ns_shiva. Join Date: 2002-12-14 Member: 10806Members, NS1 Playtester, Contributor, Constellation, NS2 Playtester, Squad Five Blue, Reinforced - Shadow, WC 2013 - Gold, NS2 Community Developer, Pistachionauts
    <!--QuoteBegin-Sycophant+May 24 2004, 06:49 AM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (Sycophant @ May 24 2004, 06:49 AM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> <!--QuoteBegin-moultano+May 24 2004, 01:58 AM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (moultano @ May 24 2004, 01:58 AM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->CSS is so ubelievably superior to tables.<!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
    I don't quite understand this statement. CSS and tables are two different entities, although both are typically used to accomplish the desired end result. <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
    What I meant is that using CSS for formatting is much better than the traditional HTML way of hacking tables in ways they were never meant to be used to do formatting.

    <!--QuoteBegin--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->  Maybe I am a bit too much of a critic and/or perfectionist but that upper background that fades to blue is so damn evil I just want to smash my head into the screen.<!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
    what bugs you about it?
  • Umbraed_MonkeyUmbraed_Monkey Join Date: 2002-11-25 Member: 9922Members
    If you guys got firefix, turn off the stylesheet and check out the difference. Its pretty cool.
  • RuByRuBy Join Date: 2002-12-12 Member: 10732Members
    <!--QuoteBegin-moultano+May 24 2004, 07:46 AM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (moultano @ May 24 2004, 07:46 AM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->
    <!--QuoteBegin--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->  Maybe I am a bit too much of a critic and/or perfectionist but that upper background that fades to blue is so damn evil I just want to smash my head into the screen.<!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
    what bugs you about it? <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
    Agreed. It just looks unfinished, try making a tileable mountain range or just cut it off neately with a different color instead of that fade stuff.
  • moultanomoultano Creator of ns_shiva. Join Date: 2002-12-14 Member: 10806Members, NS1 Playtester, Contributor, Constellation, NS2 Playtester, Squad Five Blue, Reinforced - Shadow, WC 2013 - Gold, NS2 Community Developer, Pistachionauts
    Thanks for the input. I dicovered that using more of the panorama makes the file negligibly larger, so I replaced the title image with one that should fill anyone's screen unless you have a rediculously large monitor. <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html//emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /><!--endemo-->
  • Kenichi-SNKKenichi-SNK Join Date: 2003-12-21 Member: 24617Members
    Love the menu and the scheme is natural <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html//emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /><!--endemo--> But wheres the selection? <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html//emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /><!--endemo-->

    Just kidding, great layout and just needs more stuff into the site, which will probably happen when its older and more developed. Liking it.
  • RuByRuBy Join Date: 2002-12-12 Member: 10732Members
    <!--QuoteBegin-moultano+May 24 2004, 12:41 PM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (moultano @ May 24 2004, 12:41 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> Thanks for the input. I dicovered that using more of the panorama makes the file negligibly larger, so I replaced the title image with one that should fill anyone's screen unless you have a rediculously large monitor. <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html//emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /><!--endemo--> <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
    looks much better <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html//emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /><!--endemo-->
  • panda_de_malheureuxpanda_de_malheureux Join Date: 2003-12-26 Member: 24775Members
    yes, my monitor can display without the fear of an incoming head now <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html//emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /><!--endemo--> very nice neat little layout you have now.
  • MedHeadMedHead Join Date: 2002-12-19 Member: 11115Members, Constellation
    It'll take a little more work, but do try to make sure it works well in Internet Explorer. That's the core base of viewers.
  • Dorian_GrayDorian_Gray Join Date: 2004-02-15 Member: 26581Members, Constellation
    Yegads... making CSS work in IE is bloody difficult. My CSS sheet is filled with soooo many hacks. Many thanks to <a href='http://www.alistapart.com' target='_blank'>ALA</a>. Go there for CSS. It rocks.
  • MedHeadMedHead Join Date: 2002-12-19 Member: 11115Members, Constellation
    Yes, A List Apart is a great help.

    moultano, try putting margin: 0; and/or padding: 0; in your body tag in the css file. It could (haven't tested it) get rid of the black bar on the right side in Internet Explorer. If it does too much to the rest of your site, just try using margin-right: 0; and/or padding-right: 0;
  • DOOManiacDOOManiac Worst. Critic. Ever. Join Date: 2002-04-17 Member: 462Members, NS1 Playtester
    Nice, but I think <a href='http://www.doomaniac.com' target='_blank'>my website</a> is better. ;)
  • MedHeadMedHead Join Date: 2002-12-19 Member: 11115Members, Constellation
    Bah, I thought it was going to be the Espionage page.
  • kyliegirlkyliegirl Gorge Master Australia Join Date: 2002-12-11 Member: 10586Members, Reinforced - Shadow
    omg your not that person off deviant art are you??? the one who posted pics of cicadas
  • moultanomoultano Creator of ns_shiva. Join Date: 2002-12-14 Member: 10806Members, NS1 Playtester, Contributor, Constellation, NS2 Playtester, Squad Five Blue, Reinforced - Shadow, WC 2013 - Gold, NS2 Community Developer, Pistachionauts
Sign In or Register to comment.