...

View Full Version : Newbie having css layout issue please help



radamsiii
05-13-2008, 07:30 AM
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.

technica
05-13-2008, 07:36 AM
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?

radamsiii
05-13-2008, 07:43 AM
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.

FWDrew
05-13-2008, 08:09 AM
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.


.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

radamsiii
05-13-2008, 08:27 AM
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.


.text2 {
width: 70%;
height: auto;
padding: 10px;
position: relative;
margin-top: auto;
margin-bottom: 2px;
margin-left: 1px;
margin-right: 0;
float: right; }

FWDrew
05-13-2008, 09:50 AM
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.


.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...

radamsiii
05-13-2008, 10:10 AM
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.



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 :D
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?:confused:
I love to learn so I listen well.

effpeetee
05-13-2008, 03:29 PM
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/

jhaycutexp
05-13-2008, 04:28 PM
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...:thumbsup:

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

radamsiii
05-14-2008, 02:54 AM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum