Jump to content
  • 0

Не убиарется отступ от рамки до бордюра фрейма

people2010

Asked by people2010,

 Share

Question

people2010 Explorer

people2010

Posted
Posted

Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм.

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

чтоб голубая рамка была впритык к бордюру плавающего фрейма?

Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
Searcher Explorer

Searcher

Posted
Posted

надо для всего этого сделать папку, наделать файлов, потом в них скопировать отсюда код и копать... ну может у кого-то есть на это время...

если вы воспользуетесь дополнением к броузеру Firefox firebug'ом не придется ждать пока кто-то соизволит вникнуть в этот ужасный код...

Link to comment
Share on other sites
  • 0
stars Explorer

stars

Posted
Posted (edited)

Из того что я тут увидел, я так понял ко всем файлам html применяется style1237.css в котором есть строчка:

body{line-height:20pt; background-image:url(fon.gif);
min-width:800px;
font-family:Verdana,Tahoma; margin:40px;
}

Вполне логично что у вас 

<iframe  src="karta.html" width="680px" height="600px" ></iframe>

будет иметь отступ и еще полосы прокрутки...

как вариант ручками прописать style="line-height:20pt; background-image:url(fon.gif);min-width:800px;font-family:Verdana,Tahoma; margin:40px;" в html тем файлам которым оно нужно...

а вообще код написан не аккуратно... В karta.html <head> не закрыт ну и т.д.

Edited by stars
Link to comment
Share on other sites
  • 0
stars Explorer

stars

Posted
Posted (edited)
  people2010 said:
Хид закрыл, ошибся. Скажите, что можно дописать в этой строке:

<iframe src="karta.html" width="620px" height="530px"  >

Чтоб не переделывать весь код.

На мой взгляд подход не верный... но решать как бы вам... вы можети дописать атрибуты marginwidth=" - отступ по ширине, внутри фрейма и scrolling="" - показывать или нет полосы прокрутки...

Edited by stars
Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

people2010, я уже как-то вас отправлял учить теорию, вижу, что ничего не изменилось. Пожалуйста, не тратте ни свое ни наше время на бессмысленную переписку.

Похоже, это какая-то учебная работа, и сразу видно, что вы совершенно не занимались! Вникайте в суть, за вас работут тут делать не будут. Если только за $$, но это уже в другом разделе.

Link to comment
Share on other sites
  • 0
people2010 Explorer

people2010

Posted
  • Author
Posted

После долгих стараний, вроде всё вышло. Я написал перед тего боди точку, это в фале в стилях.

Затем в файл lab1237..html в теге боди прописал класс, class="body".

Затем поизменял немного вот это место размеры.

/* 3-ная рамка для карты изображения*/
#karta1{padding:30px; border-style:solid; border-width:30px; border-color:yellow;
width:440px; height:350px; background:red;}

#karta1 img{display:block;  border-style:solid; border-width:20px;
border-color:#ffcc00;  }

#karta2{border:30px solid #33ccff; width:560px; height:470px;}

А в плавающем фреймне написал следущее:

<iframe  src="karta.html" 
width="620" height="540" marginwidth="0" scrolling="no"">
</iframe>

Получились маленькие но всё же они есть отступы, мизерные но они есть. Как их убрать?

Отступы произошли сверху и снизу фрема, но она браузере Опера всё иделаьно, но на др, вот эта проблемма.

Вот проект уже в переделанном виде.

http://www.sharemania.ru/0182770

Link to comment
Share on other sites
  • 0
stars Explorer

stars

Posted
Posted

Нда... попробуйте в файле karta.html 

<map name="karta"></map>

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept