pomoć oko navigacije

pozdrav svima.ne snalazim se baš u sferama

  • kodiranja i primjene css-a pa ako je netko voljan da mi se pomogne.ispod je kod i css za njega.ono što me mući je to da mi treba jednolik razmak između
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    
    
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    
    -moz-border-radius: 5px;
     border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
     box-shadow: 5px 5px 5px black;
    

    }

    #navMenu ul {
    margin:0;
    width:auto;
    padding:0;
    line-height:40px;

    }
    

    #navMenu li {
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    background-color:#A9BAC5;
    float:left;
    width:115px;
    text-align:left;

    }

    #navMenu li a {
    display: block;
    float: left;
    height: 24px;
    width: 28px;
    }

    #navMenu ul li a{
    text-align:center;
    font-family:Berlin Sans FB;
    text-decoration:none;
    height:45px;
    width:110px;
    display:block;
    color:#000;
    border:0px #013E43 solid;
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;

    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    
    
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    

    }

    #navMenu ul ul {
    position:absolute;
    visibility:hidden;
    margin-top:10px;
    top:32px;
    }

    /* Creates a hover effect */
    #navMenu ul li:hover ul{
    visibility:visible;
    }

    #navMenu ul li:hover {
    background-color:#D9E1E6;
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;

    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    
    
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    

    }

    #navMenu a:hover {
    color:#fff;
    text-shadow:1px 1px 1px #000;
    }

    /* Positions the sub menu-s*/
    .Sub_level ul {
    left:-3000px;
    }

    /* This moves the 2nd tier to the left into-view*/
    .Sub_level:hover ul {
    left:126px;
    }

    /Bring 2nd tier up level with 1st tier link/
    #navMenu ul ul ul {
    /* position: absolute;
    visibility:visible;*/
    top:-0px;
    }

    /* This styles the end menu to float to the left */
    .Sub_level_end ul {
    left:-3000px;
    }

    /* Positions S-Sub-level, the - now puts it on the left! */
    .Sub_level_end:hover ul {
    left:-126px;
    }

    /* rounded corners of first and last link */
    #navMenu li:first-child > a {
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;

    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    

    }
    #navMenu li:last-child > a {
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;

    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    

    }

  • Pa kolko vidim razmaci su ti fiksni (width:115px; ), nerazumljivo si napisao kaj točno hočeš, pretpostavljam da se prilagođavaju širini riječi:mda:

    Ako je tako promjeni ovo gore u ovo:

    #navMenu li {
    	margin:0;
    	padding:0;
    	list-style:none;
    	position:relative;
    	background-color:#A9BAC5;
    	float:left;
    	width:auto; <= ili izbaci skroz
    	text-align:left; 
    }
    #navMenu li a {
        display: block;
        float: left;
        height: 24px;
        width: auto; <= ili izbaci skroz
    }
    

    Koliko sam sam shvatio ti hoces da ti je padding izmedju stavki u meniju isti nebitno na dužinu rijeci ?

    Pa u principu da,samo što nebi volio a i nije estetski kada imam jednu rijeć koja je kratka ajmo reć,a pokraj nje se nalazi izbornik koji ima dvije rijeći.tada razmaci nisu jednaki jer i ova mala rijeć ima istu velićinu svojeg okvira kao i ova velika.
    Naravno pitanje je i oko poravnanja child stavki po lijevoj strani.


    Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja