Forums

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

Home Forums CSS Slice Tool Photoshop

  • This topic is empty.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #31923
    intodesign
    Participant

    Hello all,
    I have a question that freaking me out, hope you can help me to figure it out.
    I’ve design my new HTML website in photoshop and started to make it to tables with the slice tool.
    I’m saving as to WEB, everything working fine as you can see in the link here:
    http://fashionaki.com/blog/

    but after I’m adding a link in the buttons, everything is going out of proportion like here:
    http://fashionaki.com/blog/index2.html

    I know after I’m creating a link i should make the image with border=”0″
    but it still doesn’t seem to work.
    I thought maybe I’m not cutting it good in the photoshop, but I’m not sure about it because sometimes it works for me fine.

    Please help me :(

    #56236
    jacorre
    Participant

    You would be better off using a non-table layout. Use css and divs to layout the site instead.

    #56224
    intodesign
    Participant

    Thanks, working great…
    After i separated the CSS code into a different file,
    what is the best way the make your site in the center?

    #56225
    TheDoc
    Moderator

    Wrap all of the content that you want to be centered in a ‘wrapping div’.


    ...your site's content...

    Then in your CSS file:

    #wrapper {
    margin: 0 auto; /* This will center your content */
    }
    #56199
    intodesign
    Participant

    Doesn’t seems to work, but i put this one and it works, is it good code?

    #wrapper {
    position:absolute;
    text-align: left;
    margin-left: 50%;
    left:-360;
    top:0;
    }

    I don’t think it’s really in the center:
    http://fashionaki.com/blog/index3.html

    #56171
    TheDoc
    Moderator

    Apologies, you need to give your wrapper a width for it to center properly.

    Having said that, the code that you’ve used is going to cause you problems in the long run – especially with cross-browser compatibility.

    Is this code that has been generated for you? Are you trying to learn how to code? Or?

    It changes my answer depending on what you say!

    #56095
    intodesign
    Participant

    I want to know like i said before
    “what is the best way the make your site in the center?”
    i tried to give my website width; it didn’t work, i don’t know if i did it right
    can you give me an example? I’ll put in my css I’ll see if it’s working

    thanks.

    #56069
    RayCornelius
    Member

    What’s the width your wanting to give to your site?

    #56066
    intodesign
    Participant

    let’s say for example 755

    #56048
    soap
    Participant

    html, body {
    text-align:center;
    }
    #wrapper {
    text-align:left;
    width:755px;
    margin:0 auto;
    }

    That should work.

    #56030
    intodesign
    Participant

    No..
    I don’t know why it’s so complicated that is freaking me out.
    I just want to center my website with CSS.
    I can find many discussion about it, but can’t make it work
    ??

    #56024
    TheDoc
    Moderator

    If you are using auto-generated code from a program, you are going to run into multiple difficulties like this, where simple problems go over your head because you haven’t taken the time to learn how the code is actually working.

    Here is a very simple div structure that you can try to work from if you’d like:






    Tag line















    To solve your problem, however, you need to add position: relative; to your wrapper div because you have absolutely positioned elements contained within it.

    Remove all styling from your current #wrapper div and replace it with this:

    #wrapper {
    width: 775px;
    margin: 0 auto;
    position: relative;
    }
#55859
intodesign
Participant

I don’t know.. it seems that i have to make a container
I guess i’m not doing something right.

Is there a chance that I’ll send you my source and you’ll try to make it?

#55062
intodesign
Participant

I guess i didn’t put it well,
Thank you, working fine with this code

#wrapper {
width: 775px;
margin: 0 auto;
position: relative;
}
Viewing 14 posts - 1 through 14 (of 14 total)
  • The forum ‘CSS’ is closed to new topics and replies.