Позициониране на текст

[KillerSoft]

Искам да позиционирам текста 5px навътре както позиционирах снимката с padding , но се чудя дали да го направя текстът да е в друг div или ако има начин да позиционирам p тагът навътре незнам ако имате предложения кажете вие.

ето кода

      <div id="subContent2">

        <h2>за Мен</h2>
        <p><div id="mypic"><img src="images/me.jpg"/></div>Студент информатика, обича да разцъква непознатото</p>

      </div>

  #content, #subContent2 {
  /* Both the content area and navigation share the same background color */
  background: #3c4040;
  }

#content h2, #subContent2 h2 {
  /* Section headers share the same tiled background image and font */
  background: #0290fc url('images/smallheaderBG.jpg') repeat-x top left;
  font: bold 14px/28px Sans;
  text-indent: 1em;

  #subContent2 {
  /* The navigation is positioned to the left using a left float */
  float: left;
  width: 385px;
  }

#mypic {
  float:right;
  width:100px;
  height:141px;
  padding-right:10px;
  padding-left:10px;
  padding-bottom:10px;
}

 

[FestarBG]

<div id="subContent2">

<h2>за Мен</h2>
<p style="padding-left: 5px;"><div id="mypic"><img src="images/me.jpg"/></div>Студент информатика, обича да разцъква непознатото</p>

</div>

 

[KillerSoft]

Festart това е първото което опитах
не става

 

[FestarBG]

Тогава сложи текста в един span и му дай padding: 0 0 0 5px;

 

[shterev]

<p><div id="mypic">
<img align="right" hspace="20" src="images/me.jpg"/>
Студент информатика, обича да разцъква непознатото</div></p>

 

[stoqnski]

Мдам защо не ползвате align ...

 

[KillerSoft]

<p><div id="mypic">
<img align="right" hspace="20" src="images/me.jpg"/>
Студент информатика, обича да разцъква непознатото</div></p>

Пак не става, сега снимката дори стои от лявата страна а текстът под нея по твоят начин.

 

[sinn]

А пробвали така както каза FestarBG?

 

[perer]

Сложи и текста и снимката в един див и му сложи желания падинг от двете страни. Снимката ѝ сложи един float: right; и си готов.

 

[KillerSoft]

Сложи и текста и снимката в един див и му сложи желания падинг от двете страни. Снимката ѝ сложи един float: right; и си готов.

направих го както каза и се получи но така текстът не е в параграф а просто
<div> текст </div>
това не е ли лошо писане на код ?

 

[perer]

Не мисля, че ще имаш проблем. Пусни го във валидатора да видиш, че няма да ти прави проблем.
Използвал съм го този начин на писане и кода ми се е валидирал.

 

[thinklinux]

ето ти три линка и ДА това с дивовете не е изобщо удобно... не мислете, че браузъра е тъп и не може да го направи без да му помагате толкова много. Ако не искаш да обикаля около снимката чак тогава може да го направиш с отделен див...

http://www.freecodesource.com/index.php?page=myspacegenerators/text-wrap-around-image-generator



http://www.echoecho.com/htmlimages08.htm


http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm


Първото е генератор.. но по-добре прочети урочетата.. Успех

 

[perer]

Off// Кое е неудобно. Да напишеш сто тага, за да получиш желаното или да сложиш просто един див. Или на браузъра му е не удобно?! Отваря си го като стой та гледай.
Нали работи и се валидира. Това е най-важното.

 

[thinklinux]

Off// Кое е неудобно. Да напишеш сто тага, за да получиш желаното или да сложиш просто един див. Или на браузъра му е не удобно?! Отваря си го като стой та гледай.
Нали работи и се валидира. Това е най-важното.

въпроса е, че може без нищо да не говорим, че ако просто на външния див се сложи padding: 5px проблема му е решен вместо да мести самия текст не казвам, че не е валидно, но може и без див-а.. като няма нужда от него защо да го слагам

 

[perer]

Така е, но не аз изобщо не му прегледах кода. Просто написах мнението като погледнах снимката и прочетох за какво става въпрос.

 

[KillerSoft]

ето ти три линка и ДА това с дивовете не е изобщо удобно... не мислете, че браузъра е тъп и не може да го направи без да му помагате толкова много. Ако не искаш да обикаля около снимката чак тогава може да го направиш с отделен див...

http://www.freecodesource.com/index.php?page=myspacegenerators/text-wrap-around-image-generator



http://www.echoecho.com/htmlimages08.htm


http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm


Първото е генератор.. но по-добре прочети урочетата.. Успех

Благодаря ти много ми беше полезно точно това ми липсваше в познанията за да разреша проблема си. Благодаря на всички