Пожалуйста, помогите мне с этой маленькой проблемой CSS

Harman · 13.05.24

Привет, ребята,

Может ли кто-нибудь помочь мне с этой маленькой проблемой на моем сайте?
http://bestlistofporn.com (контент для взрослых)

Мне просто нужно удалить это пространство:

РЕДАКТИРОВАТЬ:
Я так понимаю, проблема в изображении в Твиттере (розовая птица)
class="top-gapper-twitter"

Может кто-нибудь помочь мне, как убрать это место и поместить птицу сюда?

Надеюсь, кто-нибудь сможет мне помочь с этим, спасибо

Часть кода:

.top-gapper-twitter{float:left;margin:62px 0 0}

PHP:

<div class="col-md-8 mr-head-right"> <div class="top-gapper-twitter"> <a target="_blank" href="[URL='https://wmlogs.com/yti/ckGGkc3RodHRwczovL3R3aXR0ZXIuY29tL0Jlc3RQb3JuTJ3b']https://twitter.com/BestPornList[/URL]"><img width="110" height="115" src="<?php bloginfo('template_url'); ?>/images/twitter22.png" alt="Твиттер" /></a> </div> <div class="top-gapper-discription"> <?php if ( ! dynamic_sidebar( 'Top Widget' ) ) : ?> <?php endif ?> </div> </div> </div> </div> <div class="main-container">

Код (разметка):

Пожалуйста, помогите мне с этой маленькой проблемой CSS

Lexxx2015 · 28.05.24

Спасибо за ваши ответы!

qwikad.com, нет... нажатие вниз не помогло.

Фил С, дааа, теперь все работает нормально!! Спасибо большое дружище!!
Протестировано на: Chrome, Firefox, Opera, Edge, IceDragon.

Hedevent · 01.06.24

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

Код:

.top-gapper-twitter {
position:relative;
top:5px;
z-index:9999;
}
.us_wrapper {
clear:none !important;
}

Код (разметка): Этот пробел вызван явным свойством. Это «исправит» вашу проблему:
.top-gapper-twitter { position:relative; top:35px; z-index:9999; }
Код (разметка): Однако это всего лишь «взлом», и в ряде браузеров он, вероятно, не сработает. Лучше всего переделать весь заголовок, его расположение нелогично и может привести к подобным проблемам.
-edit- : просто чтобы вы знали: если в какой-то момент вам понадобится добавить !important к объявлению, возможно, что-то не так с вашим макетом...

Ilya Arnoldovich · Вчера в 21:54

Надавить на него не помогло? 62 пикселей недостаточно.

Код:

.top-gapper-twitter{float:left;margin:120px 0 0}

Код (разметка):
https://jsfiddle.net/4vq4btvL/1/

Аделина1 · Сегодня в 16:38

Эй, приятель,

Большое спасибо за ваш ответ и за попытку мне помочь.

Я попробовал ваш код, но он работал не очень хорошо...

Взгляни, пожалуйста:

Как вы думаете, лучше изменить мой код заголовка? Трудно?

Код:

<body> <div class="header-container clearfix"> <div class="container header-banner"> <?php if ( is_active_sidebar( 'sidebar-3' ) ) : ?> <?php dynamic_sidebar( 'sidebar-3' ); ?> <?php endif; ?> <div class="col-md-4 mobile-menu"> <div class="mr-menu-opt"><a href="#" id="mr-toggle-menu"><img width="60" height="60" src="<?php echo get_template_directory_uri();?>/images/menu-icon.png"></a></div> <div class="mr-logo"><a href="<?php bloginfo('url'); ?>"> <?php if ( get_theme_mod( 'themeslug_logo' ) ) : ?> <img width="235" height="110" src='<?php echo esc_url( get_theme_mod( 'themeslug_logo' ) ); ?>' alt='<?php echo esc_attr( get_bloginfo('name', 'display' ) ); ?>'> <?php else : ?> <?php bloginfo( 'name' ); ?> <?php endif; ?> </a></div> <?php if(is_home() || is_front_page()) : ?> <div id="search_input"> <input type="text" placeholder="поиск..." id="search-box" name="search"> </div> <?php endif; ?> <?php //wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id' => 'primary-menu' ) ); ?> <?php //get_search_form(); ?> <div class="clear"></div> </div> <div class="col-md-8 mr-head-right"> <div class="top-gapper-twitter"> <a target="_blank" href="[URL='https://wmlogs.com/yti/ckGGkc3RodHRwczovL3R3aXR0ZXIuY29tL0Jlc3RQb3JuTJ3b']https://twitter.com/BestPornList[/URL]"><img width="110" height="115" src="<?php bloginfo('template_url'); ?>/images/twitter22.png" alt="Твиттер" /></a> </div> <div class="top-gapper-discription"> <?php if ( ! dynamic_sidebar( 'Top Widget' ) ) : ?> <?php endif ?> </div> </div> </div> </div> <div class="main-container">

PHP:

Пожалуйста, помогите мне с этой маленькой проблемой CSS

Harman

Lexxx2015

Hedevent

Ilya Arnoldovich

Аделина1

Поделиться страницей

О нашем форуме!

Новые пользователи

Что нового?