Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Forum Replies Created

Viewing 15 posts - 1,081 through 1,095 (of 1,117 total)
  • Author
    Posts
  • in reply to: My first #46893
    Chris Coyier
    Keymaster

    Congratulations on getting started with web design! Looks like you are building a mini-CMS there so she can add products to the site right from the site. Pretty cool. Should probably tuck those admin links into a password-protected area, or at least an obscure URL so most people don’t see those (once it’s live, anyway). The menu is very clear and easy to read, but I think it would be nice either centered about that main content area or flush-left to the grid. Looks like the header area is sort of "coming soon", but that should probably come down in size to match the grid.

    in reply to: How I’m doing so far? #46892
    Chris Coyier
    Keymaster

    Hey John,

    I think it looks great! Nice work. I think there are some simple tweaks that could help… You already saw the slight cut-short on the shadow, that would be nice to see end more smoothly. I could even see shadow being night quite so large and taking on a bit yellow-er and deeper tone. The text in the footer could get kicked over a little bit so it fits inside the yellow bar. Also not sure if I like the "hair-comb" effect in the footer, maybe some more drips or dots from elsewhere in the design. Lastly, not sure if the removal of the knockouts in the letters of the logo is a good idea. Makes it a bit harder to read. All little nitpicky stuff — just trying to be helpful!

    in reply to: Lining up with the Background #46891
    Chris Coyier
    Keymaster

    I’m certain there is a way to get this done, but I think we’ll just need a little more information. Is the repeated text background going to be real web text, or an image? Also, is the "logo" going to be real web text or an image?

    If they are both going to be images, make the repeating background text centered like:

    Code:
    body { background: url(background-text.png) center center repeat; }

    Then your centered content:
    #page-wrap { width: 960px; margin: 0 auto; position: relative; }

    With position relative on the page wrap, now you can absolutely position the logo within that div (right where ever you need it) and because both that div and the repeating background are centered, it will remain in a consistent location despite the browser window size.

    in reply to: Just trying to understand CSS divs #46853
    Chris Coyier
    Keymaster

    Yeah I can see how that would be confusing. That’s what we’ve began calling "divitus" where people just put way too many useless divs into the markup. In that image, I see no real use for the colmask, colwrap, or col1wrap. Sometimes there is a reason to wrap a div inside another div, but they present no compelling reason for it there.

    It’s extra confusing how they call the div on the left "right" and the div on the right "left". That’s the sting of using descriptive text like that for class names, it comes to bite you. Much better to call it "main-content" and "sidebar", so whether that sidebar is on the left or right, it’s name still makes sense.

    in reply to: Centering a Div Element #46847
    Chris Coyier
    Keymaster

    Text, by default, should be wrapping down onto the next line automatically inside your div, you don’t need to do anything special to achieve that. The two exceptions are that somewhere else in the stylesheet "white-space" got set to "no-wrap", which prevents text from breaking down onto the next line. Or, the text doesn’t have any spaces in it. For example, really really long URL’s. Those have a habit of wanting to stick together on one line and busting outside of div’s.

    in reply to: Annoying DIV #46846
    Chris Coyier
    Keymaster

    Try a margin-left of 3px and a width of 970px on your #end statement in your CSS.

    in reply to: Floating Footer – how to keep down? #46828
    Chris Coyier
    Keymaster

    Yep, you need that too, that’s for IE 6 and below. More info here:

    http://www.dustindiaz.com/min-height-fast-hack/

    in reply to: Newbie question – IE7 layout problem #46826
    Chris Coyier
    Keymaster

    Someone else pointed out in the comments of that article that setting line-height to 0 will have the same effect. I’m thinking this might be an even smarter way to go actually. There is something unsettling about putting a block level element (the anchor links) inside inline elements (the list items). List items are by default blocks, and blocks inside of blocks is much nicer. If you try out the line-height: 0; thing, let me know how it works for you.

    in reply to: How to become a great designer #46824
    Chris Coyier
    Keymaster

    You can absolutely develop your skill as a designer. If you can look at a site and say to yourself "Now that’s a great design", and then look at something you’ve designed and say "This isn’t nearly as good", then you have what it takes to improve. It’s true that CSS/HTML coding is more of a "left-brained" bookwork type skill and design is more of a "right-brained" artistic skill, but both can be trained and developed with practice.

    Just designing, designing, and more designing is the key. If you design 10 websites in 3 months, the 10th design is going to be much stronger than your 1st. In fact, you’ll probably be disgusted by your 1st design :oops: You can also go to school for design. I’m sure people’s opinion on this greatly varies, but I feel I learned quite a bit from my random-state-school art education. After all, going to design school is basically an exercise in repetition. Guess what you do in drawing class? Draw and draw and draw and draw and eventually you get better at it. In-born talent certainly doesn’t hurt, but anybody can become a good designer.

    in reply to: Hosting #46820
    Chris Coyier
    Keymaster

    Someone from IGN offered to host the files for free for me, which was super super nice and I took them up on the offer. I’m not sure whom they extend the offer to, or how that works. I would think a proposal would be smart. Before my videos were on IGN, I was using Amazon S3:

    https://css-tricks.com/how-to-set-up-and … e-service/

    It worked great, but even with the modest number of subscribers to the video casts, it was getting very expensive for me.

    in reply to: CSS Off 2008 #46802
    Chris Coyier
    Keymaster

    I think the winning entries are "judged" in some fashion. Probably for the quality of the markup, validity, and whatnot. I’m not really sure. I think I did things in a fairly smart way, but we’ll see. It’ll be interesting to see the other entries and the approaches that they took.

    in reply to: Newbie question – IE7 layout problem #46815
    Chris Coyier
    Keymaster

    Hey Simon,

    Looks like you are having the classic "stepdown" problem. You can read about it here:

    https://css-tricks.com/prevent-menu-stepdown/

    Basically adding display: inline; to your list items in the menu will fix that.

    in reply to: CSS Off 2008 #46808
    Chris Coyier
    Keymaster

    Yeah, everybody starts with the same PSD file and has to convert it into HTML/CSS within 24 hours. I wasn’t sure if I was gonna have time to do it, but I just popped open the PSD to take a look and got swept into it :shock:

    in reply to: Expandable content box #46805
    Chris Coyier
    Keymaster

    Yep I think Brad is right! Searching the markup for "rightBottom" doesn’t find anything.

    in reply to: What software do you use ? #46796
    Chris Coyier
    Keymaster

    Hey I saw ya’ll were talking about an application to screen capture the entire length of websites. Paparazzi! is another one of those and it works really really well!

    http://www.derailer.org/paparazzi/

Viewing 15 posts - 1,081 through 1,095 (of 1,117 total)