close

Privacy guaranteed - Your email is not shared with anyone.

Serious HTML/CSS help.

Discussion in 'Tech Talk' started by jtm62, May 11, 2009.


  1. jtm62

    jtm62
    Expand Collapse
    CLM

    Joined:
    Nov 8, 2006
    911
    0
    Location:
    Pittsburghish, PA
    All,

    I recently figured out to get a domain name and server working hand in hand. As such, a lot of the projects I had planned are starting to come together. Currently I am working on the webpage portion of the project. I am mostly using the built in text editor in Ubuntu because I like the control I have over typing the 'code' myself. I, however, know very little about CSS/HTML; as such, I am teaching myself as I go. I have two handy reference guides and, of course, the vast expanse of the internet and practically the source code for any site ever built. However, combing through source code for the answers to my questions take copious amounts of time, so I am going to present the basic information to you and see what you think.

    The page I am currently building is the blog page. This page will replace the default when complete... until then a weak placeholder page is in place. :rofl:

    Anyway, I want to design the blog in such a manner that there is a header a footer and 2 columns. I have this coding down, with no issues. I have the entire page background set to a navy blue, with the content boxes being lighter shades of gray. Let me tell you this sudden change really clashes.

    I figured as a solution I would implement a gradient border to ease into the content boxes. This is where I need assistance. I want nearly everything on this page to be determined by percent. I do not want fixed width and height content boxes, I could very easily brute force my borders to work if this was the case.

    I have been messing around for about 90 minutes with this thing, just tonight, and I must say, every change I make I learn a little more about HTML and the engines thought process.

    I'm going to post again with my code so far.

    Thanks!
     

    Wanna kill these ads? We can help!
  2. jtm62

    jtm62
    Expand Collapse
    CLM

    Joined:
    Nov 8, 2006
    911
    0
    Location:
    Pittsburghish, PA
    As a notice.... the <style> things are missing... I have everythign in a seperate style sheet to make the code smaller and easier to work with.

    I removed any hint of the personal info from the code. Until I get everythign working I wanna keep it to myself. :rofl::rofl:

    Thanks for takign a look.
     

  3. Green_Manelishi

    Green_Manelishi
    Expand Collapse
    Knicker Knotter

    Joined:
    May 4, 2006
    4,716
    0
    Location:
    On the edge but not quite over ...
    Your comments should include the color the hex is coded to produce, unless you know the numbers by heart.
     
  4. Green_Manelishi

    Green_Manelishi
    Expand Collapse
    Knicker Knotter

    Joined:
    May 4, 2006
    4,716
    0
    Location:
    On the edge but not quite over ...
    Dark backgrounds "look" uber-cool but are the suck from a contrast point of view. There's a reason books are white/kinda background with dark text; it's softer and easier to read. If I have difficulty reading the text on your pages /blog I'll not stay around too long.
     
  5. jtm62

    jtm62
    Expand Collapse
    CLM

    Joined:
    Nov 8, 2006
    911
    0
    Location:
    Pittsburghish, PA
    Thanks for the tip, I will eventually have everything commented beyond what should be necessary, but since I am still in the beginning stages and trying to learn as I go, I am changing a lot of stuff and comments in some spots right now are pointless.

    I won't lie, the light on dark format idea I got from here: http://jeannettejayhawksfootball.blogspot.com/ It looks good there and will work in my application as well, however, I still may go dark on light because it will probably make my issues easier to fix.
     
  6. Green_Manelishi

    Green_Manelishi
    Expand Collapse
    Knicker Knotter

    Joined:
    May 4, 2006
    4,716
    0
    Location:
    On the edge but not quite over ...
    That dark with light has nice contrast.

    Too many think a black/navy background looks snappy with text that is just about as dark.

    So, make certain there is plenty of contrast and you should be OK. You might, when you are ready to deploy, ask several folks, including some "color blind" folks to read the site and make certain it can be easily read.
     
    #6 Green_Manelishi, May 12, 2009
    Last edited: May 12, 2009
  7. jtm62

    jtm62
    Expand Collapse
    CLM

    Joined:
    Nov 8, 2006
    911
    0
    Location:
    Pittsburghish, PA
    Aye. I'll probably start a new thread here in TT when I am ready to deploy. I must say. writing your own HTML and javascript sucks. :rofl::rofl:
     
  8. grokdesigns

    grokdesigns
    Expand Collapse

    Joined:
    Dec 23, 2004
    507
    0
    Location:
    Chandler, AZ