I can't seem to align my divs properly., I'm clueless. |
I can't seem to align my divs properly., I'm clueless. |
robhr |
Dec 20 2017, 11:21 PM
Post
#1
|
Newbie Group: Members Posts: 16 Joined: 14-March 10 Member No.: 11,378 |
Could somebody tell me how to get two things to align to the left, one ahead of the other?
My site is here: http://kitcarruthers.intelligentreconstruc.../indexTEST.html I want to get those two boxes on the right to snuggle up against the ones on the left with a 150px margin between them. Also is there a better way to get one on top of the other without just using a whole lot of line breaks? Thank you in advance. |
pandy |
Dec 21 2017, 05:11 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Did you fix this already? I don't see anything right aligned.
|
CharlesEF |
Dec 21 2017, 05:15 AM
Post
#3
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
Also, the text is so small I can't even read the page.
|
Darin McGrew |
Dec 23 2017, 03:03 AM
Post
#4
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
|
robhr |
Dec 26 2017, 04:49 PM
Post
#5
|
Newbie Group: Members Posts: 16 Joined: 14-March 10 Member No.: 11,378 |
The font is still too small on some computers? Nuts, okay, I'll do something about it.
And no I haven't got it working yet. Maybe you need to scroll right to find the other divs? |
pandy |
Dec 26 2017, 06:48 PM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
No, actually, in the browser I happened to use the two top items (Intelligent Reconstruction and Tweets) doesn't show up at all. I now looked in the latest FF and the latest Iron (same as Chrome). I see them to the right, but in Iron they are overlapping while they are not in FF.
You have a lot going on there. Too late for me to look at it tonight. I'll give it a go tomorrow if someone else doesn't beat me to it. |
pandy |
Dec 27 2017, 05:43 AM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Ah well, you've explicitly made them right aligned.
For the red one you have this HTML. HTML <div class="side"> <table align="right"><tbody><tr><td align="left"> And this CSS. CODE div.side { width: 370px; align: left; margin-left: 150px; } The align="right" in the table tag and the large left margin is what causes it. Likewise you have used aligned="right" for the table that contains the iframe with the tweets. That fixed things start to overlap. I don't find where you have made things float: left with FF's inspector, but you must have. You need to use clear: left where you want things to go below floats. |
Christian J |
Dec 27 2017, 08:05 AM
Post
#8
|
. Group: WDG Moderators Posts: 9,649 Joined: 10-August 06 Member No.: 7 |
I'll add that
CODE align: left; is not valid CSS, instead use either "text-align" or "float". CODE aligned="write" That's not valid HTML either, neither the attribute nor its value. |
pandy |
Dec 31 2017, 11:56 AM
Post
#9
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I fear that was a typo on my part (corrected).
|
Lo-Fi Version | Time is now: 16th April 2024 - 08:58 PM |