Как выровнять картину с помощью CSS

eleronnet
На сайте с 24.02.2013
Offline
79
839

Сделал сайт: dush.cc.ua чистые CSS и HTML плюс скрипт комментов ВК.

Вроде все красиво, так вот беда, кто может просмотреть исходный код, и сделать нужно единственное: картинку с парнем-футболистом нужно зафиксировать так, чтоб при уменьшении масштаба в браузере (расширении обзора) данная картинка не убегала влево а держала свою позицию по центру вместе с бегущей строкой и надписью "ДЮСШ" :confused:

---------- Добавлено 07.09.2015 в 22:52 ----------

Формулирую вопрос проще:

Вот код CSS:

.leftimg {
float: left; /* Выравнивание по левому краю */
margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
}

Вот часть кода HTML:

<img src="3082126-57fd0f25a4314b81.gif" class="leftimg">


<marquee height="60" width="600" scrollamount="4"><font color="#4B0082" size="+3"><b>
Прилуцька дитячo-юнацька спортивна школа запрошує всих бажаючих дітей та підлітків. Якщо ви дійсно бажаєте досягти успіхів в житті та набути належного рівня фізичного розвитку, тоді ми чекаємо вас!
</b>
</marquee><br>
<img src="d.gif" hspace="10" width="100" height="100">
<img src="u.gif" hspace="10" width="100" height="100">
<img src="c.gif" hspace="10" width="100" height="100">
<img src="h.gif" hspace="10" width="100" height="100">
<br>

Надо сделать чтоб эта вся хрень держалась по центру, вместе с картинкой: 3082126-57fd0f25a4314b81.gif

Лучшая партнерка для вебмастеров ЗДЕСЬ! (http://eleronnet.cc.ua/klik.html) Бурение скважин на воду (http://evoda.cc.ua/burenie.html) в Украине.
Z
На сайте с 07.06.2013
Offline
63
#1

Это ужас, даже помогать не хочется. 🙅

eleronnet
На сайте с 24.02.2013
Offline
79
#2
Zick:
Это ужас, даже помогать не хочется. 🙅

Ужас может для вас, которые привыкли все делать путем сложного программирования, а создать простой и оригинальный сайт, преимуществом которого является бесплатный и вечный хостинг и домен - это совсем не ужас. А вот платить по 50 баксов за хостинг с доменом - просто за несколько информативных страниц в интернете, вот это действительно ужас.

altezzik
На сайте с 06.11.2011
Offline
247
#3
eleronnet:
А вот платить по 50 баксов за хостинг с доменом - просто за несколько информативных страниц в интернете, вот это действительно ужас.

А зачем платить 50 баксов, если есть предложения за 50 рублей?

Z
На сайте с 07.06.2013
Offline
63
#4

Ужас - это про дизайн и верстку.

По верстке. Зачем вы верстаете таблицами? Для оформления лучше использовать css, а не html теги.

Для абзацев есть тег <p>. Отступы делаются не br, а через margin.

Если нужно отцентровать блок - есть margin: 0 auto, а не <center>.

Зачем тег font, если используете css. Когда нужно жирное начертание - font-weight, а не тег <b>, которым обернута вся контентная часть.

Для красной строки есть text-indent, а не как сейчас с неразрывными пробелами.

В конце документа удалите закрывающий тег заголовка h1.

По футболисту. Перед

<center><img src="3082126-57fd0f25a4314b81.gif" class="leftimg">

поставьте <div class="wrapper">, а перед </body> - </div>. В css добавьте правило

.wrapper{

width: 1200px; /* тут ваша общая ширина макета */

margin: 0 auto;

}

eleronnet
На сайте с 24.02.2013
Offline
79
#5
Zick:
Ужас - это про дизайн и верстку.

По верстке. Зачем вы верстаете таблицами? Для оформления лучше использовать css, а не html теги.
Для абзацев есть тег <p>. Отступы делаются не br, а через margin.
Если нужно отцентровать блок - есть margin: 0 auto, а не <center>.
Зачем тег font, если используете css. Когда нужно жирное начертание - font-weight, а не тег <b>, которым обернута вся контентная часть.
Для красной строки есть text-indent, а не как сейчас с неразрывными пробелами.

В конце документа удалите закрывающий тег заголовка h1.

По футболисту. Перед

поставьте <div class="wrapper">, а перед </body> - </div>. В css добавьте правило
.wrapper{
width: 1200px; /* тут ваша общая ширина макета */
margin: 0 auto;
}

Спасибо огромное, этот код помог! Жму на кнопочку чтоб вас поблагодарить!

А относительно таблиц и всего остального, так с точки зрения поисковой оптимизации, в том и прикол, что сайт своим кодом не похож ни на какой другой, а это любят поисковики.

Конечно же сайт еще не совсем доработан, кое что в коде буду менять. Но это потом, сайту всего 3 дня, важно было загрузить его на хостинг для скорейшей индексации.

I2
На сайте с 07.03.2015
Offline
38
#6

Верстка и правда ужасна😂

Качественная верстка PSD макетов (/ru/forum/974524)
Z0
На сайте с 03.09.2009
Offline
819
#7

Накинулись на человека :) Вы свои сайты в начале карьеры вспомните 🤣

I2
На сайте с 07.03.2015
Offline
38
#8

Так за окном вроде бы не 2005 год 😂

eleronnet
На сайте с 24.02.2013
Offline
79
#9
ziliboba0213:
Накинулись на человека :) Вы свои сайты в начале карьеры вспомните 🤣

Да так постоянно, задаешь вопрос по сайтостроению, а они не помогать, а сайт критиковать сразу начинают.

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

В чем я убедился в прошлой, созданной мною, теме. 🙄

---------- Добавлено 08.09.2015 в 22:38 ----------

PS:

Требования людей, для которых написан данный сайт, сайт полностью удовлетворяет. А если у кого-то есть конкретные замечания или предложения по структуре данного сайта, пишите, мне будет интересно.

А насмешливыми комментами вы только показываете свою неспособность помочь в данном вопросе. Тем не менее, вопрос решен, всем спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий