Поддержка Проблемы и решения "резиновая" шапка

  • Помогите, пожалуйста, есть тема wordpress с «резиновым» макетом, поменяла «шапку» в теме, поставила логотип, все было хорошо, пока не показали картинку на мониторе большего размера, нежели мой, подскажите как сделать «резиновую» шапку? сама пыталась, 2 дня бьюсь, а все бестолку, ткните где надо править и на что?
    вот так смотритсятык
    Это header

    <body <?php body_class(); ?>>
    <div id="page">
    
    <div id="header">
      <table cellspacing="0" cellpadding="0" width="100%">
        <tr>
        <td width="12">
        <img src="images/head left.jpg" width="12" height="200" border="0" />
        </td>
        <td class="header">
        <div id="headerlogo"><a href="http://grandservis.su"><img src="<?php bloginfo('template_directory'); ?>/images/logo new.png" /></a></div>
        </td>
    	<td width="11">
        <img src="images/head right.jpg" width="11" height="200" align="left" />
        </td>
        </tr>
        </table>
    </div>
    </div>
    <div id="hmenu"> <!-- Horizontal navigation menu -->
    <a style="display:none;" href="#content">Skip to content</a>
    <ul>
    	<?php wp_list_pages('title_li=&depth=2&sort_column=menu_order&exclude='.f2_option('hmenu_exclude')) ?>
    	<li class="hmenu_rss"><a href="<?php bloginfo('rss2_url'); ?>"><?php _e('Feed', 'f2') ?></a></li>
    </ul>
    </div>
    
    <div id="container">
    <div id="wrapper">

    css

    #header {
    	margin:0;
    	height:90px;
    	border:1px solid #aaa;
    	background:#6d97b7;
    	background-image:url(images/head center.jpg);
    }
    
    #header img {
    	margin-left:100;
    	background-image:url(images/head center.jpg);
    }
    
    #headerlogo {
    	position:relative;
    	top:15%;
    	left:205px;
    }
    #headerlogo h1, #headerlogo div.description {
    	position:relative;
    	bottom:26px;
    		}
    #headerlogo h1 {
    	margin:0;
    	font-size:3em;
    	}
    #headerlogo h1 a {
    	background:transparent;
    	color:#d0e0f0;
    	}
    #headerlogo h1 a:hover {
    	text-decoration:none;
    }
    
    #headerlogo div.description {
    	margin:0;
    	background:transparent;
    	color:#fff;
    	font-size:1.2em;

Просмотр 13 ответов — с 16 по 28 (всего 28)
  • Так на сайте, что Вы привели в пример там ведь по-центру меню, нет?

    эммм, ну может написано в стилях оно по центру, мне еще не хватает опыта в html, поэтому сказать с уверенностью не могу, но вот как я вижу это меню на мониторе — равномерно от одного края к другому с одинаковым расстоянием друг от друга, и, опять таки, в зависимости от разрешения экрана — сжимается или расширяется

    Вот как это выглядит fotki.yandex.ru, просто на верхнем чуть шире.

    у меня вот так
    а у вас экран шире, у меня на другом компе как у вас

    Это потому, что Вы не поставили width: 100%, как я предлагал.

    я ставила, может не туда, конечно, но как Вы писали в строке 191, но вместо того, чтобы встать в один ряд, у меня выпадающее меню стало на всю ширину экрана….меняла в других тэг width, но ничего не менялось(((

    У Вас вновь в наличии min-width: 740px; max-width: 1240px;.

    у меня выпадающее меню стало на всю ширину экрана

    А мы разве не этого пытаемся добиться? 0_о

    upd/ прошу прощения, это я туплю, понял что за меню.

    поменяла в 178 строке на 100%, прижалось к левому краю, но теперь «контакты прилипли» к главной…..это, наверное, никогда не встанет красиво((((

    Для выпадающего меню надо в строке 229 изменить на display: inline-block;.

    Какие контакты? У меня все ровно.

    Все будет красиво! 🙂

    Просто сложно угадывать Ваши мысли, это как с закрытыми глазами спиной к картине Рембранта пытаться дорисовать бабочку сухим фломастером.

    Выпадающее подменю было на всю ширину экрана так
    а вот меню «липнет» так
    действительно сложно объяснить)))1000 раз спасибо, что пытаетесь помочь))

    Предлагаю решение — перенести беседу в электрическую почту или скайп. Сегодня я уже не смогу уделить внимание Вашему сайту, но завтра, постараюсь посмотреть, идет?

    Это, важный момент, наверное, на том сайте, который в пример привела, горизонтальное меню в теме стоит как «Меню темы», а я пытаюсь сделать через родительские страницы к главным……

    Конечно, идет, я попробую еще сама может чего получиться))я Вам на e-mail пришлю тогда номер ICQ

Просмотр 13 ответов — с 16 по 28 (всего 28)
  • Тема «"резиновая" шапка» закрыта для новых ответов.