Forums

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

Home › Forums › CSS › Critique my website please.

  • This topic is empty.
Viewing 15 posts - 16 through 30 (of 47 total)
1 2 3 4
  • Author
    Posts
  • May 7, 2011 at 2:09 pm #77307
    Arvid
    Member

    Css3Pie is just one suggestion. Also, does it matter so much if IE users get non rounded corners and a fallback color. I also think there’s a microsoft filter to create gradients in IE.

    May 7, 2011 at 3:00 pm #77297
    chrisburton
    Participant

    @waffle, I would agree not to use images. Your background does need more work because you can see it repeat. Looks like you’re getting upset over the feedback but everyone seems pretty on point. You can create your buttons using CSS and a specific browser not showing border-radius or gradient shouldn’t stop you. Images are a thing of the past.

    May 7, 2011 at 3:49 pm #77301
    Waffle
    Member

    I’m not getting upset at all. Sorry if I seem like it…

    And please refresh the page, you cannot see where the background repeats. its fine. Have a good look.

    May 7, 2011 at 4:03 pm #77304
    chrisburton
    Participant

    I can certainly tell where it repeats

    May 7, 2011 at 8:00 pm #77263
    chrisburton
    Participant

    @Speedgun, I should have been more clear, “I can certainly tell where it repeats within the image“


    @waffle    , I created something close to your image button in CSS. I could have spent more time on it but I got lazy. If anyone wants to play with it, feel free.

    Button 1: CSS
    Button 2: Image
    URL: Here

    I think what I would do in this particular situation is use the image but condense the file down significantly and make a sprite so there is no delay on hover.

    May 8, 2011 at 4:44 am #77242
    Waffle
    Member

    @Christopher Burton
    How do I condense it down and make a sprite?

    May 8, 2011 at 5:13 am #77243
    chrisburton
    Participant

    In Photoshop:

    Edit: Scrapped.

    Then, Go To:

    File > Save For Web & Devices > JPEG (Drop-down menu to the right)
    For Qaulity, 60 should do it.

    We’ll go from there afterwards

    May 8, 2011 at 5:19 am #77235
    Waffle
    Member

    oki I’ve done that

    May 8, 2011 at 5:21 am #77236
    chrisburton
    Participant

    What’s the file size?

    May 8, 2011 at 5:24 am #77237
    Waffle
    Member

    Wait what 2 buttons in a row?

    May 8, 2011 at 5:26 am #77238
    chrisburton
    Participant

    Let me rephrase as I changed the above probably after you read it.

    We will create a vertical sprite by placing the normal state image first and below it we will place the hover state.

    May 8, 2011 at 5:28 am #77244
    Waffle
    Member

    Okay I’ve got that. Whats next?

    May 8, 2011 at 5:31 am #77245
    Waffle
    Member

    8.44KB File size of the image

    May 8, 2011 at 5:36 am #77246
    chrisburton
    Participant

    I’ve got 7. But anyway, now that I roughly know the file size, you want to do this for the other buttons. Let me know when you’re finished

    May 8, 2011 at 5:51 am #77239
    Waffle
    Member

    Right all four buttons done, I am assuming this is going to be something to do with CSS and positioning.. I might have done this before but failed at it.

    Whats next?

  • Author
    Posts
Viewing 15 posts - 16 through 30 (of 47 total)
1 2 3 4
  • The forum ‘CSS’ is closed to new topics and replies.