Jump to content
  • 0

Один на 2-их(проблема с версткой)


Vopub
 Share

Question

Исходный код-http://pastebin.com/vkBjpVK6

Сразу к делу,значит вот такая проблема.Есть 2-а текста(заключенны в span'ы),когда я начинаю сдвигать текст в margin,то двигаются либо все два текста,либо ничего(зависимо от display,химичил с ним уже не знаю что)

Margin должен обязательно должен быть auto,ибо при машстабировании получается полня байда

Если кто-то может помочь с данной проблемой,просьба отписаться

Буду рад любой помощи!

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0

Смотрите,в конечном итоге должен получиться текст на определённом месте,чтобы когда увелчиваешь/уменьшаешь размеры страницы изменений не было(Я это сделал!Алилуя!).Но вот я снова принялся за "химическое" ремесло,и выяснил что проблема то в шрифтах.

Скажем если у меня 2-а текста с одним с шрифтом,и я сдвигаю один из текстов,то двигаются оба,а если два текста и разные шрифты,скажем у одного Times New Roman,а у другого Tahoma,то всё просто блеск!Но мне нужно чтобы 2-а текста были в шрифтах Tahoma.

Обновлённый исход:http://pastebin.com/GHxuui4y

Edited by Vopub
Link to comment
Share on other sites

  • 0
Скажем если у меня 2-а текста с одним с шрифтом,и я сдвигаю один из текстов,то двигаются оба,а если два текста и разные шрифты,скажем у одного Times New Roman,а у другого Tahoma,то всё просто блеск!Но мне нужно чтобы 2-а текста были в шрифтах Tahoma.

http://jsfiddle.net/ZSYRC/ - два разных блока с текстом, с одинаковым шрифтом Tahoma, сдвигаю марджином один из них (если нужно, можете через position: relative подвигать). В итоге один из них остается на месте, другой смещается. Все логично.

И не пойму, зачем вам, например, вот это:

width: 84%;

margin:0 auto;

margin-top:-210px;

left:-35%;

Edited by caprella
Link to comment
Share on other sites

  • 0

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

не говорил ты этого. в будущем пиши не так как тебе понятно а так что бы поняли в чем именно у тебя проблема.

по проблеме:

1.задай каждому спану свой класс. в даном случае таким путем решить проблему оптимальнее остальных.

2. или конструкция:


.class span {
...
}
.class span:first-child {
...
}

Link to comment
Share on other sites

  • 0

1.задай каждому спану свой класс. в даном случае таким путем решить проблему оптимальнее остальных.

Можно по-подробнее,не совсем понимаю про что вы,да может я и туплю,но я хочу добиться решения проблемы

Link to comment
Share on other sites

  • 0

.menu .menu_item_left {

text-align: center;

color:black;

text-transform: uppercase;

display: block;

font-family:Tahoma;

font-size:24px;

text-shadow:#000000 ,

-2px 2px 0,

-3px 3px 0,

-4px 4px 0;

position:absolute;

margin: 5% auto 5%;

}

В общем вот текст стоит на месте(с масштабированием все в поррядке),но не могу сдвинуть.Можете подсказать как это сделать?

Точнее сдвинуть могу,но тогда масштабирование пропадает

Edited by Vopub
Link to comment
Share on other sites

  • 0

Вот http://jsfiddle.net/5yZfj/,теперь заметьте как текст скажем "Опциии по умолчанию" стоит ровно,всё радует,вот только если его сдвинуть,то вся функциональность масштабирования рушится

Link to comment
Share on other sites

  • 0

Эмм...Может подскажите как всё таки можно решить данную проблему

а что в коде непонятно как ее решить-то?

с делал смещение для текста "ОПЦИИ ПО УМОЛЧАНИЮ" в левую сторону и это никоим образом не повлияло на остальные.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By NapNu
      Очередной мой глупый вопрос.Не могу понять в чем проблема. Крч по теме меню авторизации уезжает вниз в хроме, мазила отображает нормально.Прописал див'у с лого display:inline; не какой реакции в хроме (опять же в мазиле все как надо и на display:inline; он реагирует поднятием блока на уровень с логом).И тут тоже все как надо http://jsfiddle.net/6rdj3983/
       
      Вот такая картина в chrome http://itmages.ru/image/view/2238173/209643b5
       
      Вот что в Mazilla Firefox http://itmages.ru/image/view/2238172/bc124c21
    • By Vans
      Приветствую, сделал менюшку, но элементы li, вылезли за пределы ul по отношению к картинке, что делать? http://jsfiddle.net/9b4t0ws9/
    • By RuslanHeYca4ev
      В общем, учусь верстать. Итак, проблема вот в чем, я сделал шапку для сайта, но при увеличении страницы(ctrl+scroll мышки), шапка съезжает, она уже не по центру страницы, а по абзацам. Я смотрел на другие сайты и у них шапка остается на месте, как и в общем все, а у меня шапка съезжает, уже не в строчку остается. Плохо объясняю я. В общем, этот код введите, и увеличьте страницу и думаю поймете в чем моя проблема.
      P.S. чем отличается id от class и как лучше верстать страницы, таблицами или слоями.
      <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Заголовок</title><link rel="stylesheet" type="text/css" href="2.css"></head><body><header><div id="" class="center"> <ul> <li><a href="">Главная</a></li> <li><a href="">Список серверов</a></li> <li><a href="">Контакты</a></li> <li><a href="">Бугагашенька</a></li> </ul></div></div></header><footer>Днище сайта</footer></body></html><!--Атрибут "title" делает мини подсказку при наведении на текст--><!--Атрибут "align" выравнивает текст--><!--Тег "br" убирает отступы--><!--Тег "p" новый абзац--><!--Атрибут "src" задает путь к файлу--><!--Тег "hr" создает линии-->*{ margin: 1; padding: 0; outline: none;}.center { text-align: center;} a { background: #404040; text-decoration: none; /* Отменяем подчеркивание у ссылки */ color: #FFF; /* Цвет ссылок */ display: inline-block; /* Блочный элемент */ padding: 20px 50px; /* Поля вокруг текста */ border-right: solid 1px #EDE5F4; transition-property: background; transition-duration: 1s; transition-timing-function: ease; } a:hover { background: #DB073D; } li { color: #FFF; display: inline-block; /* Строчно-блочные элементы */ background: #CA181A; /* Цвет фона */ margin-right: -4px; /* Расстояние между пунктами меню */ padding: 1 5px; } header { display: block; opacity: 1; } body { background: #8EC7D2; } footer { position: relative; text-align: center; font-size: 20px; padding-top: 750px; }
    • By itwoker5
      Где можно взять радио плеер для сайта ?
    • By mitya1998
      Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy