Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    May 2008
    Posts
    56
    Thanks
    9
    Thanked 1 Time in 1 Post

    Newbie having css layout issue please help

    I am attempting to learn to create what you do so easily. One step at a time I have created a personal page that I will continue to change until I understand this, but I cannot get a few things to do what I want.

    On my education page I cannot get the text to line up closer to the pictures, you will see what I mean.

    At the bottom of the same page I want those 4 lines in 2 columns centered under the licenses and certifications heading.

    As I said this is nothing to what you can do so any other suggestions you may have will help. I know my code needs cleaning up some but I have 3 other versions on my computer that use the same style sheets that I am working on.

    My site address is www.radamsiii.com
    The style sheets are named class.css and id.css and can be retrieved by adding /class.css to the address, but you know that already.
    Last edited by radamsiii; 05-13-2008 at 06:31 AM. Reason: address not working
    Dedicate some time to Educate your mind

  • #2
    Regular Coder
    Join Date
    Dec 2007
    Posts
    107
    Thanks
    0
    Thanked 3 Times in 3 Posts
    I can not see any images on the page at www.radamsiii.com

    i am viewing on Firefox browser.

    Does your site compalient with firefox?
    Programming & Webmaster Forum - AdSense Revenue Sharing forum

  • #3
    New Coder
    Join Date
    May 2008
    Posts
    56
    Thanks
    9
    Thanked 1 Time in 1 Post
    Thank you for replying, I havenít loaded all the images yet. The page I am referring to is the "Education" page, there are three images (barrowed fro clip are for now) there to show what I am having the prob with.
    Dedicate some time to Educate your mind

  • #4
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Quote Originally Posted by radamsiii View Post
    Thank you for replying, I havenít loaded all the images yet. The page I am referring to is the "Education" page, there are three images (barrowed fro clip are for now) there to show what I am having the prob with.
    Code:
    .text2 {
    width: 70%; height: auto;
    padding: 10px;
    position: relative;
    margin: auto;
    float: right;
    }
    The margin on the text is set to auto for the top, right, left, and bottom. Basically you have centered the text in the middle of the page.

    Regards,

    Drew

  • #5
    New Coder
    Join Date
    May 2008
    Posts
    56
    Thanks
    9
    Thanked 1 Time in 1 Post
    Thank you very much for the reply.
    These are the changes I have made on my computer model without any change at all to the display.
    Code:
    .text2 {
    width: 70%; 
    height: auto; 
    padding: 10px; 
    position: relative; 
    margin-top: auto; 
    margin-bottom: 2px; 
    margin-left: 1px; 
    margin-right: 0; 
    float: right; }
    Dedicate some time to Educate your mind

  • #6
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Quote Originally Posted by radamsiii View Post
    Thank you very much for the reply.
    These are the changes I have made on my computer model without any change at all to the display.
    Code:
    .text2 {
    width: 70%; 
    height: auto; 
    padding: 10px; 
    position: relative; 
    margin-top: auto; 
    margin-bottom: 2px; 
    margin-left: 1px; 
    margin-right: 0; 
    float: right; }
    Why are you floating the text to the right? Surely that wont help it line up with images on the left

    I havent looked at your site yet, have you tried removing the float right?

    Drew

    EDIT-Do you have two style sheets going for one page? Can I ask why? It looks as if you have the page linking to two CSS files and they both have a lot of the same classes and ids in them...
    Last edited by FWDrew; 05-13-2008 at 08:53 AM.

  • #7
    New Coder
    Join Date
    May 2008
    Posts
    56
    Thanks
    9
    Thanked 1 Time in 1 Post
    Quote Originally Posted by FWDrew View Post
    Why are you floating the text to the right? Surely that wont help it line up with images on the left
    Removed the float; that pushed the images to the bottom so I set the margin to Ėtop: 0, didnít help.

    Quote Originally Posted by FWDrew View Post
    EDIT-Do you have two style sheets going for one page? Can I ask why? It looks as if you have the page linking to two CSS files and they both have a lot of the same classes and ids in them...
    I would have to say it would be because I am new to all this and donít really know better
    I have been reading a couple books I bought and searching the internet, but I have almost 5 weeks invested in this so I donít know much yet. I am working on cleaning the style sheets up but I thought it would be easier to keep up with if I have the ID and Class separate, guess I was wrong?
    I love to learn so I listen well.
    Dedicate some time to Educate your mind

  • #8
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    When developing a site, I put the css into the <head> section so that it is instantly available for modification. Then when ready, I save it into a separate style sheet.

    http://exitfegs.co.uk/testg.html


    This is what I mean. Your css has been put into the head section while the site is developed.

    Frank

    http://exitfegs.co.uk/ - home site.

    http://www.templatesforfree.net/
    Last edited by effpeetee; 05-13-2008 at 04:59 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    radamsiii (05-14-2008)

  • #9
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    262
    Thanks
    3
    Thanked 12 Times in 12 Posts
    Hi,

    I am a newbie too in css and html but I would like to give you some tips that i have learned in layouts for site.. in return for what the others taught me..

    Just try to envision your site... mostly a site consist of a header body footer just try to separate them in each div.. and name them in the way you can easily identify them.. not by just c2.. probably col2.. etc.. and as much as possible try to nest the markups this will give you a much more clearer scope or view of the code you are editing or viewing..

    Also learn how to write proper markups.. or more so like learn to make use of other markups like <ul><span> and etc.....

    These are the things that i learned as a newbie.. This will make your life pretty easy in learning htmls and css...


    for example:

    <div id="wrap">

    <div id="header">
    </div><!--end of head-->

    <div id="body">

    <div id="col_one">
    <ul>
    <li><a>Home</a></li>
    <li><a>Biography</a></li>
    <li><a>Education</a></li>
    <li><a>Gallery</a></li>
    <li><a>Resume</a></li>
    <li><a>Portfolio</a></li>
    </ul>
    </div><!--end of col_one-->

    <div id="col_two">
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    </div><!--end of col_two-->

    </div><!--end of body-->

    <di idv="footer"></div><!--end of body-->
    </div><!--end of wrap-->

    Thanks to effpettee, oexsyl, and jcdevelopement.. still learning though..

    P.S. don't forget to use coments tags... and read something about designs to.. this could really pump up your site.. as for now your site looks so boring..

    heres some references to some design sites..
    www.templatemonster.com
    www.templatesworld.com

    I know im a newbie but you can look at my site if you want.. it's still under developed since i started about 4 days ago or so.. but in some reviews of the coders here it kinda look nice..

    http://jhayfops.ueuo.com/un2.html

    ---> Lets learn together...

    --- I know youre' pain.. and it hurts me too.... ----

  • #10
    New Coder
    Join Date
    May 2008
    Posts
    56
    Thanks
    9
    Thanked 1 Time in 1 Post
    Quote Originally Posted by effpeetee View Post
    When developing a site, I put the css into the <head> section so that it is instantly available for modification. Then when ready, I save it into a separate style sheet.

    http://exitfegs.co.uk/testg.html


    This is what I mean. Your css has been put into the head section while the site is developed.

    Frank

    http://exitfegs.co.uk/ - home site.

    http://www.templatesforfree.net/

    Thank you for all your hard work. everyone has given me such great advise and i will continue to learn from this fourm.
    Dedicate some time to Educate your mind


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •