Thomas,
In my experience, this is not a simple task. I have duplicate the
results with the text on the right, but it has some drawbacks. The
menu links are a fixed width. This was done so that I could accurately
align the text on the right.
You can see a demonstration at the following site:
http://mark.slosarek.net/sandbox/tabs_with_text/
On Feb 11, 2008, at 3:11 PM, Thomas Watson wrote:
I have an unordered list (<ul>) and a piece of text (currently
wrapped in a div, but it could be a span as well)
I would like the text to appear first in the HTML source and the
list to appear second (due to search engine indexing, screen readers
etc.)
The list is rendered using CSS as a set of horizontal tabs and I
would like the text to appear on the same line just after the last
tab.
You can see an example of what I would like to achieve here:
http://tws.name/resources/2008/02/tabs-with-text.png
This is my current HTML code:
> <div id="resulthits">foobar</div>
>
> <ul class="tabs">
> <li class="first current"><span>Tab 1</span></li>
> <li><a href="/products">Tab 2</a></li>
> <li><a href="/organizations">Tab 3</a></li>
> </ul>
I've tried floating div#resulthits to the right, but that right-
aligns it - I would like it to appear just after the last tab no
matter how many tabs there is.
/
watson______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
