Padding Conundrum

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

Вот мой CSS:

/* Wrapper for Text and Photo on Home Page */ 

.wrapper_text_photo{ 
     display:block; 
     /* float: left; */ 
     position: fixed;; 
     background: rgba(0,0,255, 0); 
     height: 800px; 
     padding-top: 3px; 
     padding-left: 10 px; 
     margin-top:20px; 
     /* margin-left:100px;*/ 
     margin-left:55px; 
     /* margin-left:100px;*/ 
     margin-top: 232px; 
} 

/* Photo on Home Page */ 

.photo_home { 
     float: left; 
     margin-right:10px; 
     padding-left: 10px; 
     padding-top: 10px; 
     background: rgba(0,0,255, 0); 
} 

/* Text on Home Page */ 

.home_text{ 
     display:block; 
     position: fixed; 
     background: rgba(255,255,255,.85); 
     width:1100px; 
     height: 480px; 
     margin-left: 300px; 
     padding-left: 10px; 
     padding-right: 5px; 

} 
.home_text p img { 
    float:left; 
    background: rgba(255,255,255, .85); 
}

И HTML:

<!-- Text and Photo __________________________________________--> 

<div class="wrapper_text_photo"> 

    <div class="home_text"> 
      <p><img class="photo_home" src="http://claireisabelwebb.com/images/Home/claire-ed.jpg" alt="person_name" height="280px" />I graduated in YYYY from XXXX College with departmental honors in SUBJECT. As a junior, I participated in a XXXX mission in PLACE. <br><br> 
      Email me at [email protected] 
      <br> 
      &raquo;try scrolling this page up and down&laquo; 
      </p> 
    </div> 
</div>

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

спасибо !!

источник

2013-03-19 Claire

.photo_home { 
    ... 
    padding-left: 10px; 
    padding-top: 10px; 
    ... 
}

Это не имело никакого отношения к этому, не так ли? Попробуйте удалить прокладки.

источник

2013-03-19 16:33:40

Вы всегда бил меня к ответу на 30 секунд. ;) – Michael

Люди называют меня Снайпер на нескольких сайтах и в чатах Я нахожусь: p –

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

Вы добавляете дополнение. Если вы не хотите, чтобы отступы отображали фон, у вас есть два варианта.

Переключить его края:

.photo_home { 
    float: left; 
    margin: 10px 10px 0 10px; 
    background: rgba(0, 0, 255, 0); 
}

или использовать этот стиль для прозрачности фона:

.photo_home { 
    float: left; 
    margin-right: 10px; 
    padding-left: 10px; 
    padding-top: 10px; 
    background: transparent; 
}

enter image description here

источник

2013-03-19 16:42:35 dtbarne

Padding Conundrum

ответ

Смежные вопросы