タブメニュー いかんな?
2015年8月25日 / 編集カテゴリー一覧, タブメニューnonjava
https://hyper-text.org/archives/2013/05/css_only_tab_ui.shtml W3C XHTML CSS World Wide Web Consortium …省略…上手くいかないな? XHTML …省略…こりゃだめだな Cascading Style Sheets …省略[ ・・続きを読む]
2015年8月25日 / 編集カテゴリー一覧, タブメニューnonjava
https://hyper-text.org/archives/2013/05/css_only_tab_ui.shtml W3C XHTML CSS World Wide Web Consortium …省略…上手くいかないな? XHTML …省略…こりゃだめだな Cascading Style Sheets …省略[ ・・続きを読む]
2015年8月25日 / 編集カテゴリー一覧, タブメニューnonjava
まとめはこちら ホーム 新着 日記 BBS リンク ▲角の丸いタブ群 タブ直後のボックス(タブに対応するボックス) ■タブを作るHTML: <ul class="menulist"> <li id="mhome"><a href="#" onclick=&[ ・・続きを読む]
2015年8月25日 / 編集カテゴリー一覧, タブメニューnonjava
Chrome, Safari, Firefox, Operaでご覧ください。IEはたぶんIE10で対応するはずです。親切 しかし、タブだけで・・・ Lorem Ipsum Sit amet Consectetur adipisicing まずは、ulとliのデフォルトのスタイルを取り除き、水平に並べてラインで囲みます。 .tabrow { &n[ ・・続きを読む]
2015年8月25日 / 編集カテゴリー一覧, タブメニューnonjava
長いですが「.tabs 」20150518の記事=小粋空間 tabMenuと同じ現象が起こっていますので、調整してみましょう。 テスト1 タブ1 タブ2 タブ3 テスト2 タブ1 タブ2 タブ3 テスト3 タブ1 タブ2 タブ3 <meta charset="UTF-8" /> <[ ・・続きを読む]
2015年8月24日 / 編集カテゴリー一覧, タブメニューnonjava
こちらはかなり単純です。それぞれ実装して確認ですね。 #tabmenu{ padding:0px; margin:0px; color:#333; font-size: 11px; width:500px; position:rel[ ・・続きを読む]
2015年8月25日 / 編集カテゴリー一覧, タブメニューnonjava
タブ1 タブ2 タブ3 タブ4 タブ5 【ボックス1】 ボックスの内容1 ボックスの内容1 ボックスの内容1 ボックスの内容1 ボックスの内容1 【ボックス2】 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 ボックスの内容2 【ボックス3】 ボック[ ・・続きを読む]
2015年8月24日 / 見出し いろいろ
参考になるサイトはたくさんあります。その特集としてはたとえばこちら。 20141004の記事=寝ログ 円マークの見出し 本サイトでは「.h11」とし、divでクラスを与えています。 .heading5{ position:relative; padding-left:30px; border-bottom:2px solid #ccc; font-weight: bold; font-size:[ ・・続きを読む]