need help formatting text on my new website

Discussion in 'Web Design and Development' started by MacBook-Gal, Aug 8, 2008.

  1. MacBook-Gal macrumors regular

    Joined:
    Feb 10, 2008
    Location:
    LOA&C (The land of art and computers)
    #1
    I have been working on setting up a new art website, and just got around to uploading a basic design today. (There are still quite a few more things I am planning on adding and changing as I get the time.) This is my first time to try building a website so it has been quite an interesting learning experience. The main problem I am having is that I can't figure out how to make the text be centered under the paintings. http://artsygal.site88.net/index.html :confused: I have tried doing everything I know to get this effect, but nothing so far has worked. Does anyone have any suggestions about how I can do this or any other tips for a newbie web designer?
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    In your "list item.css" file get rid of the text-indent:50px from the tr at the bottom of the file. There's a lot of things that need to be cleaned up on your site. For instance in you CSS you have:
    Code:
    a:link {
    	text-decoration: none;
    	color: #C3BC95;
    }
    a:link {
    	color: #C3BC95;
    }
    a:link {
    	color: #A29C7C;
    }
    should be consolidated to:
    Code:
    a:link {
    	text-decoration: none;
    	color: #A29C7C; /* or */ color: #C3BC95;
    }
    You have several instances where you redefine a CSS selector. This will likely cause you issues with trying to figure out why some things don't look right on your site.

    Another piece of advice, don't use spaces in the file names. This applies to both your HTML files and your CSS files. This can be problematic with some browsers so I suggest changing all your spaces to underscores or dashes.

    As a newbie I suggest you to continue to read up on CSS. There's a lot of stuff in your HTML that should be moved to your CSS, which would clean up your code significantly. You can post here as you have questions and we'll be glad to help you out.
     
  3. MacBook-Gal thread starter macrumors regular

    Joined:
    Feb 10, 2008
    Location:
    LOA&C (The land of art and computers)
    #3
    Thanks so much for the help angelwatt!!! i worked on it a little more today, took all of the spaces out of the file names and added some more pages.

    Now I am trying to figure out why my links aren't changing colors while in the hover state, and what would be the best method for setting up the contact artist page.
     
  4. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #4
    You may want to update your posted link in the first post to represent the change of spaces to underscores.

    I took a look at the hover on links. Do "th a:hover" as the selector and it will work. I won't bother going into explaining why it's needed, but that'll do it.

    As for a contact page. I personally use a form that people can fill out and it will send me an email. This way I don't have to post my actual email address and have spammers find it. There's scripts you can download for free that will set this up for you. A note though about this, make sure whatever you end up with has spam protection in place. Otherwise that form will quickly become a spammers new toy and they'll use it to send you and possibly others spam email.
     

Share This Page