Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 21st, 2005, 12:57 AM
Marek Mänd
Guest
 
Posts: n/a
Default css tabs like by mac

Can anyone please point me to tutorial
or give me example of his own how to create with CSS and HTML markup
tabs like they are in apple mac's user interface?

I mean like the tabs are vertically in the middle on the border

+---------+---------+
--border-----[ TAB + tab2 |---------
+---------+---------+

here comes the tab content blabla
  #2  
Old July 21st, 2005, 12:58 AM
Chris Morris
Guest
 
Posts: n/a
Default Re: css tabs like by mac

Marek Mänd <cador.soft@mail.ee> writes:[color=blue]
> Can anyone please point me to tutorial
> or give me example of his own how to create with CSS and HTML markup
> tabs like they are in apple mac's user interface?
>
> I mean like the tabs are vertically in the middle on the border
>
> +---------+---------+
> --border-----[ TAB + tab2 |---------
> +---------+---------+
>
> here comes the tab content blabla[/color]

You can do something like this with negative margins, but do test it
thorougly to make sure it works.

<ul>
<li>...</li>
</ul>

ul { border: thin black solid; }
li { float: left; margin-top: -0.5em; /* and some more rules to make
it look like a tab */ }

That won't work particularly well initially, but it should give you
some ideas.

--
Chris
 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles