DIVS, CSS и Iframes - PullRequest
Новая
       3

DIVS, CSS и Iframes

0 голосов
/ 22 июля 2010

У меня есть этот DIV: 

#bar {
  margin: 5px 0px 10px 0px;
  height: 25px;
  background:#c0c0c0;
  color: #E0E0E0;
  border: 2px solid #444444;
  background: #333333;
  padding: 5px;
}

И этот Ифраме: 

<div id="bar">
<iframe src="myvotes.php?u=<? echo $_GET['u']; ?>" width="100%" height="28px" scrolling="no" frameborder="0"></iframe>
</div>

Внутри iframe (myvotes.php) есть 5 небольших изображений 16 x 16, за которыми следует текст. Я безуспешно пытаюсь выровнять изображения и текст по вертикали в [div id = "bar"].

Прежде всего, насколько высоко должен быть мой iframe. Я перепробовал все от 16 до 35 пикселей. Я пытался добавить различные комбинации отступов и полей, чтобы получить его в центре, но не повезло,

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

Ответы [ 4 ]

0 голосов
/ 22 июля 2010

Не уверен в вашем вопросе, но я постараюсь дать вам решение, по которому вы можете выровнять свои изображения 16x16 по вертикали.

Создайте div внутри вашего myvotes.php и храните ваши изображения внутри него.Пример. 

<div id="someone" style="width:16px;">
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
</div>

Это приведет ваши изображения в вертикальный столбец.

Теперь ваш основной div и iframe 

<div id="bar">
<iframe src="myvotes.php?u=<? echo $_GET['u']; ?>" width="100%" height="80px" scrolling="no" frameborder="0"></iframe>
</div>

Я не уверен, этоваш ответ, хотяВ любом случае надеюсь, что это поможет.

0 голосов
/ 22 июля 2010

Я понятия не имею, что я сделал, но я просто разобрался со всеми значениями и получил его, но я не должен был этого делать.Я не знаю, как другие программисты справляются с подобными вещами, но после этого проекта я просто добавляю его. Слишком много часов разбираться с вещами, которые на самом деле должны занимать всего несколько минут, но в конечном итоге отнимают часы.

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

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

0 голосов
/ 22 июля 2010

Я думаю, вам нужно указать, что вы подразумеваете под вертикально выровненным.Но важно знать, что ифрамы - хитрые звери.По сути, они являются веб-страницами внутри веб-страницы, и все выровнено по верхнему левому углу, если с этой «внутренней» страницей не связаны стили.

Вам может потребоваться myvotes.phpсодержимое, которое вы хотите, обернуть в div, к которому применен соответствующий css.Я полагаю, что myvotes.php также должен иметь свой собственный CSS, из которого div получает свой стиль.Если бы вы могли предоставить некоторый исходный код для myvotes.php, я мог бы помочь вам в дальнейшем.

0 голосов
/ 22 июля 2010

Я не уверен на 100%, если это ответит на ваш вопрос, потому что я немного не уверен в том, что вы пытаетесь сделать, но простой способ вертикально выровнять изображения - это установитьсвойство вертикального выравнивания на них: 

#bar img {
    vertical-align: middle; 
}

Если это не сработает, вы также можете попробовать установить высоту строки на ту же высоту, что и у div: 

#bar {
    height: 28px;
    line-height: 28px;
}

И абсолютно не связанный, любой текст, который вы добавляете в 4 пробела на этом сайте, будет иметь форматирование кода .

...