HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Learning html layout

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#90413 (In Topic #18270)
Avatar

Fan in action

2 columns

I'm not sure where I've gone wrong with a 2 column catalogue layout which Temp1024 recent explained so well. I thought I understood ...

I decided to redo the template in the most basic form possible - in order to understand how it actually worked - and learn html by making a few basic changes.

Here is a screenshot of what happens

Back to the top
 
Posted
Rating:
#90414
Avatar

Community saint

Can't tell without viewing the page source, BUT, it appears that a <div> hasn't been closed.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#90415
O

Non-joined user

Are you using something like Firebug, or Developer tools in Chrome or Safari?  It should help you see what element on the page 'owns' the space.
Back to the top
 
Posted
Rating:
#90416
Avatar

Fan in action

Hi Fletch,

Can you see the error in this :

Code



{$INIT,entry_num,1}

<div style="float:left;width:350px;margin-right:10px;">

<div>
<table width=350>
  <tr height=200 bgcolor="green">
    <td>Row 1 Cell 1</td>
    <td>Row 1 Cell 2</td>
  </tr>
  <tr height=100 bgcolor="red">
    <td>Row 2 Cell 1</td>
    <td>Row 2 Cell 2</td>
  </tr>
</table>
</div>

<div style="float:right;width:100px;height:50px;background-color:yellow;">
<p>This is a div</p>
</div>

</div>


{+START,IF,{$OR,{$EQ,{$REM,{$GET,entry_num},2},0},{$EQ,{$GET,entry_num},3}}}

<div style="clear:both;width:100px;height:50px;background-color:cyan;">     
<p>This is another div</p>
</div>

{+END}

{$INC,entry_num}
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: