Рядом с логотипом img заголовок не отображается

  • Автор темы bbb1
  • 35
  • Обновлено
  • 13, May 2024
  • #1
Привет, Я новичок в этой проблеме CSS. Логотип img отображается в нужном месте на сайте. но название и адрес компании отображаются немного выше логотипа. Он должен отображаться в том же месте, что и логотип. пожалуйста помоги.

 

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;}

img, fieldset {border:0;} img {max-width:100%;height:auto;} .ie8 img {width:auto;height:auto;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

html {height:100%;}

body{

min-height: 1000px;

}

.float_left{

float: left;

}

#company_address {

color: #ffffff;

font-size: 20px;

position: absolute;

bottom: 66px;

left: 372px;

top: 55px;

}

#company_name {

color: #ffffff;

position: absolute;

bottom: 74px;

left: 372px;

font-size: 30px;

font-style: italic;

z-index: 1111;

top: 25px;

}

HTML:
 <img class="float_left" src="/images/priya.png" alt="Логотип ПП"> <div id="company_address" class="float_left">123 abc suite 100 Edina</div> <div id="company_name" class="float_left">ABC company </div> 
Код (CSS):

bbb1


Рег
15 Nov, 2013

Тем
1

Постов
3

Баллов
13
  • 18, May 2024
  • #2
Презентационное изображение в разметке, DIV, выполняющий работу H1, презентационные классы, абсолютное позиционирование элементов, которые, вероятно, должны оставаться в потоке, фреймворк, маскирующийся под сброс, минимальная высота для ** знает что для элементов, которые не принимают мин- правильная высота, расположение противоположной стороны ненадежно в устаревших UA, ** знает только то, что делают ваши строки, поскольку вы их не объявляете... В общем, то, что сказал @Rokis.

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

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

Сергей Медведев1


Рег
09 Dec, 2011

Тем
0

Постов
3

Баллов
3
Тем
49554
Комментарии
57426
Опыт
552966

Интересно