[haiku-bugs] Re: [Haiku] #16353: Quick Tour - Main Index links 10-19 broken

  • From: "Haiku" <trac@xxxxxxxxxxxx>
  • To: undisclosed-recipients: ;
  • Date: Sat, 04 Jul 2020 15:21:58 -0000

#16353: Quick Tour - Main Index links 10-19 broken
----------------------------+-------------------------
  Reporter:  Coldfirex      |      Owner:  humdinger
      Type:  bug            |     Status:  assigned
  Priority:  normal         |  Milestone:  Unscheduled
 Component:  Documentation  |    Version:  R1/beta2
Resolution:                 |   Keywords:
Blocked By:                 |   Blocking:
  Platform:  All            |
----------------------------+-------------------------
Comment (by madmax):

 Not really the HTML structure, but yep, the right "alignment" of the index
 block.

 The index table floats right, so it is "out of the flow". Its container
 (div#content > div) is then the height of the welcome paragraphs. The
 div#content >  div.topic that follow are placed over the lower part of the
 box "shadowing" the links. The text doesn't get into the table, but the
 element itself expands to the right margin, getting the mouse events.

 Setting aside the issue of using a table for a list of links, it seems
 that adding `position: relative` and a high `z-index` to the the
 `table.index` CSS rules works.

 Another possibility is to start the topics only after the end of the
 table. You can do that adding `clear: both` to the style of the first
 topic or that of a dummy div at the end of the table container. Or in a
 saner `::after` rule for that same container.
-- 
Ticket URL: <https://dev.haiku-os.org/ticket/16353#comment:5>
Haiku <https://dev.haiku-os.org>
The Haiku operating system.

Other related posts: