tchoy Posted November 7, 2009 Report Share Posted November 7, 2009 I can't get this to line up correctly: look at the source code here: http://www.ohka.org/gallery-journal.html One side is the article and the other is the author. The column on the right does not line up because I have to expand the width to fit. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted November 7, 2009 Report Share Posted November 7, 2009 Your within the #col1 has a top margin applied to it. If you reset that using CSS, they will line up correctly. #col1 ul.idTabs1 { margin-top:0; } Quote Link to comment Share on other sites More sharing options...
tchoy Posted November 7, 2009 Author Report Share Posted November 7, 2009 this did not work. in the within #col1, did not specify top margin Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 7, 2009 Report Share Posted November 7, 2009 It worked when I tried it. Just add Ben's line to your CSS. Quote Link to comment Share on other sites More sharing options...
tchoy Posted November 7, 2009 Author Report Share Posted November 7, 2009 i added Ken's code, but in the second column the last by does not line up with the last article. Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 7, 2009 Report Share Posted November 7, 2009 Is each author supposed to be lined up to the respective article? You could use a table, or keep the authors inside the tags next to the article. Don't use s between s - if you need more space, add margins or padding. Quote Link to comment Share on other sites More sharing options...
tchoy Posted November 7, 2009 Author Report Share Posted November 7, 2009 yes, each author is suppose to be lined up next to the respective article Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 7, 2009 Report Share Posted November 7, 2009 So why not ></pre> <ul> Why? by Ms. Josephine Yan Bridging between Eastern and Western Culture by Dr. Edwin Leung Long Journey, Small Thoughts by Ms. Mei Huang Confucious and Francis of Assisi by Fr. Abraham Chiu OFM Dummy Digital Camera can take beautiful pictures as well by Mr. Andy Szeto 2006-2008 Meeting People, Making Friends by Mr. Joe Tye </ul> ? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted November 7, 2009 Report Share Posted November 7, 2009 I agree with Thelma above -- in order to do what you're trying to do, you aren't going to be able to do that with two separate lists. Either you'll need to do something like what Thelma suggested, or something more like this, where you have the two columns within the li: titlename #idTabs li { overflow:auto; width: 400px; } #idTabs1 li .left { display:block; float:left; } #idTabs1 li .right { display:block; float:right; } Also, if you want spacing between your items -- add padding or margin. Adding s between the elements may cause problems because it's invalid code. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.