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

Harman

Привет, ребята, Может ли кто-нибудь помочь мне с этой маленькой проблемой на моем сайте?
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://lumtu.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">

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

Lexxx2015

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

Hedevent

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

Этот птичий контейнер вложен неправильно.

Это может работать или не работать в кросс-браузере:

 .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

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

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

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

Аделина1

Эй, приятель, Большое спасибо за ваш ответ и за попытку мне помочь. Я попробовал ваш код, но он работал не очень хорошо... Взгляни, пожалуйста: Как вы думаете, лучше изменить мой код заголовка? Трудно?

 


<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://lumtu.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:

divlesika

Вы либо не развернули его так, как я предложил выше, либо за это время что-то отредактировали. Это также зависит от того, куда вы вставили этот код. И да... этот код очень плохой. Но на самом деле этого и следовало ожидать от WordPress, на данный момент вы мало что можете с этим поделать.

Похожие темы	Дата
Стоит ли идти на курсы дизайна?	19.10.2024, 18:10
Проблема с навигационной панелью и нижним колонтитулом.	19.10.2024, 18:10
Предложите мне тему WordPress - Футбол	19.10.2024, 18:10
Идеи дизайна сайта (навигация/меню)	19.10.2024, 18:10
Нужна помощь с созданием вкладок и дополнительных вкладок	19.10.2024, 18:10
Помогите с кодом для мобильного	19.10.2024, 18:10
Ответ на все проблемы веб-разработки	19.10.2024, 18:10
Отображать элементы HTML рядом друг с другом, а не занимать несколько строк?	19.10.2024, 18:10
Доступен качественный автор контента	19.10.2024, 18:10
Разрушение длинной формы	19.10.2024, 18:10

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

Harman

Lexxx2015

Hedevent

Ilya Arnoldovich

Аделина1

divlesika

I AM

Интересно