перемещение текстовых div тегов отдельно

Я пытаюсь переместить текст рядом с моим заголовком, но он не работает с использованием полей - когда я пытаюсь переместить его, все текстовые поля перемещаются, хотя каждое текстовое поле является отдельным тегом div.перемещение текстовых div тегов отдельно

Вот мой код для этой части

<body> 
<div id="wrapper"> 
    <div id="header"> 
    <h4><strong>Qtek Australia</strong></h4> 
    <div id="home">Home</div> 
    <div id="Aboutus">About us</div> 
    <div id="Contactus">Contact us</div> 
    <div id="Location">Location</div> 

    </div>

я пытаюсь переместить дом, о нас, свяжитесь с нами и место справа от заголовка «Qtek Australia», пожалуйста, помогите

источник

2010-08-14 sam

Что именно вы пытаетесь достичь визуально? Кроме того, все остальное перемещается, потому что все они отображаются в потоке, а поля накладывают промежуток между ними. Скорее всего, вам нужно использовать позиционирование + поля, поплавки или некоторую комбинацию, но я не могу сказать, потому что он сопливает то, что вы хотите сделать. Соответствует ли заголовок 'div # header' или' h4'? – prodigitalson

Вы можете попробовать обернуть h4 в другой div и поместить его туда, где хотите. Если это так, как вы уже пробовали, другой способ - это обернуть три div, которые вы хотите разместить слева в одном div, остальные четыре в другом и перемещаться по этим двум div. Это должно быть проще, даже если вы можете получить делит.

источник

2010-08-14 07:47:59 molli

Я скажу, что семантика вашего документа довольно расплывчата. Вам, вероятно, не нужно использовать STRONG внутри вашего заголовка - вполне возможно, что вы действительно хотите подчеркнуть высказанную в нем мысль, но я подозреваю, что вы хотите, чтобы заголовок выглядел более смелым. Используйте CSS для достижения этого, как в: h4 {font-weight:bold; font-size: 14em;}.

Возможно также, что ваша страница имеет смысл с навигацией, начиная с четвертого уровня какой-либо темы, но это маловероятно; в подавляющем большинстве случаев навигация будет существовать выше - под h1 или h2.

Ваша навигация будет более последовательной, если бы это был неупорядоченный список.

<ul> 
    <li>Home</li> 
    <li>About Us</li> 
    ... 
</ul>

Это также имеет то преимущество, что вы можете создавать элементы навигации как в виде набора, так и индивидуально.

Возможно, вам не нужно обертывать ваши элементы во всех этих div. Большинство элементов в HTML - это контейнеры - заголовки, списки, абзацы, все, что можно назвать стилем, включая позиционирование и перемещение.

Например, одним из способов позиционирования навигационного списка справа от h4 является стилизация h4 с помощью «display: inline» или «float: left», который приведет к следующему элементу (списку) на той же линии. Существует много разных способов сделать такое позиционирование, и даже не ясно, что это то, что вам нужно.

Уточнить, что вы имеете в виду; и это поможет, если вы разместите все CSS или JavaScript, которые используете.

источник

2010-08-14 08:16:21

+1 для подхода, возможно, не соответствующего цели. Рискуя совершить ересь, иногда столы не так уж плохи для таких вещей. Однако изменение свойств 'display' и' float' будет работать, но остерегайтесь того, что float обычно не ведет себя последовательно, если вы явно не определяете контейнеры. –

Я бы не зашел так далеко, чтобы вызвать таблицу еретических - таблицы не являются внутренне плохими, они, вероятно, не являются правильной структурой для выражения семантики этой реализации. Я хотел показать, что нам нужна дополнительная информация, чтобы предложить эффективное решение. Я согласен с тем, что мой первый подход, вероятно, будет ДИСПЛЕЕМ из-за его большей предсказуемости. – 2010-08-14 13:59:40

перемещение текстовых div тегов отдельно

ответ

Смежные вопросы