Neznam točnu sintaksu ovoga: .dd li ul li#menu-item-191 {margin-left:50px;}

Bok, ako itko zna, molim Vas da pomogne; neznam koja je točna sintaksa za ovaj dio koda;

.dd li ul li#menu-item-191 {margin-left:50px;}

Evo možete pogledati na stranici:
http://www.staklodesign.hr/novo/?page_id=241

o čemu se radi; naime želim da mi se ovaj zadnji naslov u horizontalnom meniju “galerija slika i okvira” pomakne desno za tih 50px ili 100px, tj. da bude desnije, kao da je u desnom stupcu.

I sada sam pokušavao sve moguće kombinacije da označim točno taj naslov “galerija slika i okvira” i da ga pomaknem pomoću css-a malo desno da izgleda kao da je to naslov desnog stupca, uglavnom da stoji desno za 100px ili 50px, nije bitno. I nikako da označim točno taj naslov. Da li se to uopće može sa css-om pomaknuti ili ne ili ja neznam???

Pokušajte sa FIREBUGOM pogledati taj naslov u meniju i vidit ćete da on ima id=“menu-item-191” i sada sam ja pokušavao označiti taj naslov u css-u na raznorazne načine i ništa mi ne radi. Ima li tko kakvu ideju?

Hvala na bilo kakvoj pomoći!

Evo tog dijela koda horizontalne navigacije:

[HTML]

  • O nama
  • Djelatnosti
    <li id="menu-item-262" class="menu-item menu-item-type-post_type menu-item-262"><a href="http://www.staklodesign.hr/novo/?page_id=250">Restauracija vitraja</a></li>
    <li id="menu-item-263" class="menu-item menu-item-type-post_type menu-item-263"><a href="http://www.staklodesign.hr/novo/?page_id=254">Zrcala</a></li>
    <li id="menu-item-264" class="menu-item menu-item-type-post_type menu-item-264"><a href="http://www.staklodesign.hr/novo/?page_id=256">Mat staklo</a></li>
    <li id="menu-item-265" class="menu-item menu-item-type-post_type menu-item-265"><a href="http://www.staklodesign.hr/novo/?page_id=258">Obrada stakla</a></li>
    
  • Proizvodi
    <li id="menu-item-239" class="menu-item menu-item-type-taxonomy menu-item-239"><a href="http://www.staklodesign.hr/novo/?cat=10">Vrata, prozori i stijene</a></li>
    <li id="menu-item-236" class="menu-item menu-item-type-taxonomy menu-item-236"><a href="http://www.staklodesign.hr/novo/?cat=1">Kuhinjski elementi i vitrine</a></li>
    <li id="menu-item-237" class="menu-item menu-item-type-taxonomy menu-item-237"><a href="http://www.staklodesign.hr/novo/?cat=12">Ostalo</a></li>
    
  • Kontakti
  • Galerija slika i okvira
  • [/HTML]

    Predzadnja linija koda se odnosi na taj naslov koji želim pomaknuti!!

    A css je:

    /*** Navigation ***/
    
    .nav {border-top: 1px solid #d9d9d9;}
    .dd {height: 35px;}
    .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 13px; text-transform: uppercase;}
    .dd li a {color: #000; text-decoration: none; display: block; padding-top: 8px; margin: 0;  white-space: nowrap; margin-right:20px; margin-left:20px;}
    .dd li a:hover {text-decoration: underline;}
    .dd li ul {position: absolute; padding: 8px 0 10px; visibility: hidden; background: #000; z-index: 100; }
    .dd li ul li {float: none; border: none; font-size: 11px; text-align: left; margin: 5px 0; padding: 0 8px; padding-bottom:5px;}
    .dd li ul li a {color: #fff; display: inline; margin: 0 !important; white-space: normal; padding-top: 0; margin-right:20px; margin-left:20px;}
    .dd li.dd_hover {background: #000;}
    a.dd_hover:hover {text-decoration: none !important;}
    .submenu a:hover {text-decoration: underline;}
    .dd li.parent a {margin: 0 8px; padding-right: 12px; background: url("images/dd.png") 100% 24px no-repeat;}
    .dd li.parent a.dd_hover {color: #fff; background: url("images/dd_hover.png") 100% 24px no-repeat; margin: 0 8px; padding-right: 12px; border-bottom: 1px solid #fff; padding-bottom: 10px;}
    

    probaj sa [HTML]dd li:last-child {margin-left: 50px; }[/HTML] too ti naravno neće raditi u IE pa možeš probati sa [HTML]dd li.menu-item-191 {margin-left: 50px; }[/HTML]

    Besplatne teme FTW!:slight_smile:
    ul ima definiran ID i klasu,zanimljivo.

    Napisati u css-u klasu tipa “last”.

    .last {margin-left:50px;(ili što god)}

    zadnjem članu

      liste pridodati klasu.
    • Pošto vidim da ti imaš već definirane klase jednostavno ovu novu pridruži starima:

    • LINK
    • ako ti ne ide, javi se na pp pa ti sredim to.
      Pozz.

    Bok, hvala ti puno na savjetu, probao sam ali svejedno ne radi.

    [quote=“innos”]Besplatne teme FTW!:slight_smile:
    ul ima definiran ID i klasu,zanimljivo.

    Napisati u css-u klasu tipa “last”.

    .last {margin-left:50px;(ili što god)}

    zadnjem članu

      liste pridodati klasu.
    • Pošto vidim da ti imaš već definirane klase jednostavno ovu novu pridruži starima:

    • LINK
    • ako ti ne ide, javi se na pp pa ti sredim to.
      Pozz.[/quote]

      Hvala puno na svjetu i vremenu, da to je neka besplatna tema za wordpress, super izgleda!
      Pokušao sam tražiti, i to bi trebalo biti u pagination.php fajlu, ali neznam gdje on drži taj cijeli menu koji ja napravim u admin_panelu / back officeu, meni taj pagination.php izgleda ovako:
      [HTML]<?php if (get_option('paging_mode') == 'default') : ?>


      <?php previous_posts_link(__('Newer')); ?>
      <?php next_posts_link(__('Older')); ?>
      <?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>

      <?php else : ?>
      <?php next_posts_link(__('LOAD MORE')); ?>
      <?php endif; ?>[/HTML]

      Imaš još kakve ideje?

      Hvala puno na vremenu!

    Postoji i poseban pagenavi-css.css fajl koji ovako izgleda:

    /*
    Default style for WP-PageNavi plugin
    
    http://wordpress.org/extend/plugins/wp-pagenavi/
    */
    
    .wp-pagenavi {
    	clear: both;
        color: #000;
        text-align: center;
    }
    
    .wp-pagenavi a, .wp-pagenavi span {
        color: #000;
    	text-decoration: none;
    	margin: 0 6px;
        font: bold 12px Helvetica, Arial, sans-serif;
    }
    
    .wp-pagenavi a:hover, .wp-pagenavi span.current {
    
    }
    
    .wp-pagenavi span.current {
        color: #9d9d9d;
        padding: 1px 5px 0;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }
    

    Probao sam još

    .wp-pagenavi:last-child {margin-left: 50px; }
    .wp-pagenavi.menu-item-191 {margin-left: 50px; }
    

    Ali neide

    To je nešto sasvim drugo.
    Kao što vidiš po putanji, riječ je o pluginu “wp-pagenavi” i taj nema veze s tvojom navigacijom.
    Navigacija se treba nalaziti u header.php ili eventualno u posebnom php fileu.
    stavi kompletan kod header.php tu.

    Hvala na ukazanom innos, evo cijeli taj header.php, tu je navigacija ali neznam kako bi ju točno nazvao da obuhvatim taj zadnji naslov u meniju… Hvala na vremenu još jednom!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="<?php bloginfo('text_direction'); ?>" xml:lang="<?php bloginfo('language'); ?>">
        <head>
            <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
            <title><?php wp_title ( '|', true,'right' ); ?></title>
            <meta http-equiv="Content-language" content="<?php bloginfo('language'); ?>" />
    		<link rel="profile" href="http://gmpg.org/xfn/11" />
            <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favico.ico" type="image/x-icon" />
            <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
            <!--[if IE]><link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/ie.css" /><![endif]-->
            <?php
    			wp_enqueue_script('jquery');
    			wp_enqueue_script('cycle', get_template_directory_uri() . '/js/jquery.cycle.all.min.js', 'jquery', false);
    			wp_enqueue_script('cookie', get_template_directory_uri() . '/js/jquery.cookie.js', 'jquery', false);
                if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
                wp_enqueue_script('script', get_template_directory_uri() . '/js/script.js', 'jquery', false);
    		?>
            <?php wp_head(); ?>
    	<?php ?>
            <script type="text/javascript">
                (function($) {
                    $(function() {
                        $('#slideshow').cycle({
                            fx:     'scrollHorz',
                            timeout: <?php echo (get_option('ss_timeout')) ? get_option('ss_timeout') : '7000' ?>,
                            next:   '#rarr',
                            prev:   '#larr'
                        });
                    })
                })(jQuery)
            </script>
            <?php; ?>
    	</head>
    	<body <?php echo (get_option('bg_color')) ? 'style="background-color: '.get_option('bg_color').';"' : '' ?>>
            <div class="wrapper">
    
                <div class="header clear">
                    <div class="logo">
                        <a href="<?php bloginfo('home'); ?>"><img src="<?php echo (get_option('logo_url')) ? get_option('logo_url') : get_bloginfo('template_url') . '/images/logo.png' ?>" alt="<?php bloginfo('name'); ?>"/></a>
                    </div>
    
                    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Site description') ) ?>
    
    
    
                    <?php wp_nav_menu(array('menu' => 'Top menu', 'theme_location' => 'Top menu', 'depth' => 1, 'container' => 'div', 'container_class' => 'menu', 'menu_id' => false, 'menu_class' => false)); ?>
    
                </div>
    
                <?php wp_nav_menu(array('menu' => 'Navigation', 'theme_location' => 'Navigation', 'depth' => 2, 'container' => 'div', 'container_class' => 'nav', 'menu_class' => 'dd', 'menu_id' => 'dd', 'walker' => new extended_walker())); ?>
    
                <?php get_template_part('slideshow'); ?>
    
                <!-- Container -->
                <div id="container" class="clear">
                    <!-- Content -->
                    <div id="content">
    

    Riješeno

    Dodao sam u style.css

    .dd li.menu-item-191 {margin-left: 150px; }

    Ali ispod tog prvog dijela koda koji se odnosi na na navigaciju pa je ta linija koda prevladala ovu prije. Greška koju sam radio je da sam u pagination.css pisao tu liniju koda, a trebao sam u ovaj style.css

    Pozdrav i hvala svima koji su potrošili vrijeme na savjete


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