html - CSS Inheritance and float:left issues -


i new css , have few questions based on code below:

1) why bottom-border , background color cut off when said width= 100%?

2) why second unordered list (with class "dropdown") within first not inherit elements declared parent unordered list (with class "tabs")?

3) why first unordered list (with class "tabs") not appear horizontally when run in browser? i've tried using 'float: left' , 'display: inline' lines neither work, or separately

html:

<!doctype html> <html>     <head>         <title> random web page </title>         <link rel="stylesheet" type="text/css" href="basic styles test.cpp">     </head>     <body>         <div class="navbar">             <ul class="tabs">                 <li>pancakes</li>                 <li>waffles</li>                 <li>bacon</li>                 <li>drinks                     <ul class="dropdown">                         <li>orange juice</li>                         <li>milk</li>                         <li>water</li>                     </ul>                 </li>             </ul>         </div>     </body> </html>

css:

.navbar {     position: absolute;     top: 0;      left = 0;      width = 100%;      background: red;     border-bottom: 5px solid #ccc;     overflow: hidden; } .tabs {      list-style: none;     float: left; }  .dropdown {  }

  1. your syntax wrong, width:100%, not width = 100% :) same thing left = 0 it's attr:value in css.

  2. the second ul not styled because u used list-style:none on class .tabs if u want style ul's way u should use

    ul {list-style:none}
    or
    .tabs, .dropdown {list-style:none}

  3. if u want first ul horizontally u should use float:left on child-elements .tabs>li {float:left}
    .tabs>li means u select direct li-elements .tabs-class element


Comments

Post a Comment

Popular posts from this blog

resizing Telegram inline keyboard -

telegram's inline keyboard great feature lots of different use cases. inline buttons added list of items this: inline_keyboard = [[inlinekeyboardbutton(text="button", callback_data="button"), inlinekeyboardbutton(text="reset",callback_data="reset")]] inline_keyboard_markup = inlinekeyboardmarkup(inline_keyboard) update.message.reply_text("hi", reply_markup=inline_keyboard_markup) the above code adds 2 buttons each half width of chat screen. i know the normal keyboard button there resize_keyboard parameter somehow can used. my question is there way resize inline buttons ? example make full width or quarter width. unfortunately, can't now. :( you can suggest @botsupport , might add feature next version.
Read more

javascript - How to bind ViewModel Store to View? -

i'm pretty new ext js , trying embed multiselect inside panel . the viewmodel has stores property can see here: ext.define('test.view.controls.search.searchfiltermodel', { extend: 'ext.app.viewmodel', alias: 'viewmodel.filter', data: { title: '' }, stores: { test: { fields: [ 'id', 'name' ], proxy: { type: 'ajax', url: 'api/test', reader: 'array' }, autoload: true } } }); i bind in view this: viewmodel: { type: 'filter' }, layout: 'fit', border: 1, plain: true, scrollable: 'y', layout: 'fit', bind: { title: '{title}', }, items: { xtype: 'multiselect', scrollable: false, allowblank: true, ddreorder: true, bind: { store: '{test}' }, valuefield: 'id', displayfield: 'name' } ...
Read more

c - Why does alarm() cause fgets() to stop waiting? -

i playing around signals in c. main function asks input using fgets(name, 30, stdin) , , sits there , waits. set alarm alarm(3) , , reassigned sigalrm call function myalarm calls system("say pay attention") . after alarm goes off, fgets() stops waiting input , main fn continues on. happens if change myalarm set variable , nothing it. void myalarm(int sig) { //system("say pay attention"); int x = 0; } int catch_signal(int sig, void (*handler)(int)) { // when signal comes in, "catch" , "handle it" in way want struct sigaction action; // create new sigaction action.sa_handler = handler; // set it's sa_handler attribute function specified in header sigemptyset(&action.sa_mask); // "turn signals in sa_mask off?" "set sa_mask contian no signals, i.e. nothing masked?" action.sa_flags = 0; // not sure, looks aren't using of available flags, whatever may return sigaction(sig, ...
Read more