малко помощ за css

[irgy.net]

Значи давам този адрес на известен блог http://www.novavizia.com/4241.html за по прегледно.

Там снимката е от ляво и текста е от дясната страна, като текста продължава и под снимката.

Мен ме интересува как ще стане така, че текста да не отива под снимката, а да си е подравнен в дясно от нея, а пространството под снимката да остане празно.

Това да се получи само като се пипа css кода на div елемента в който се намира снимката.

Въобще възможно ли е това ?

 

[kkeliov]

Re: малко помощ за css

Предполагам, че ще стане като на снимката и дадеш float:left/right, а самият текст е в div,разположен до снимката и така няма да отива под нея.

 

[bedio]

Re: малко помощ за css

да, мога да те посъветвам направо style="clear:left; float:left; margin-right:10px; margin-bottom:10px;" за да не е залепен текста до самата снимка

 

[irgy.net]

Re: малко помощ за css

Мерси много , сега ще пробвам, въобще не се сетих за clear

Edit : Не се получи . Текста пак отива от долу. Искам до края на статията да няма текст под снимката.

 

[bedio]

Re: малко помощ за css

хммм нещо си объркал, гранция работи. Но ако си сложил clear-а на текста, а не на снимката - нормално е отишъл доло.

А ако искаш 2 колони - направи 2 дива.

 

[bobbydigital]

Re: малко помощ за css

<div>
       <div style="float:left; width: 50px;">snimka</div>
       <div style="float:left; margin-left:10px; width: 50px;">text</div>
       <div style="clear:both;"></div>
</div>

като параметъра width на двата дива си го настрой, иначе текста може да бута десния див отдолу.

 

[irgy.net]

Re: малко помощ за css


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

 

[dextersh]

Re: малко помощ за css

Пробвай със увеличение на margin-bottom на снимката. Само незнам как да стане така че да отива автоматично до края на статията, пробвах със стойност 100%, но не отива до доло ами мисля че до края на първия див на текста.

 

[ZzZaPyr]

Re: малко помощ за css

<img style="float:left; width: 400px;" id="img" src="menu-sprite.png" height=200px width=400px/>
<p style="float:left; width: 400px;" > </p>

Вж. Прикачения файл

Съответно css-a трябва да иде в style.css просто ме мързеше да пиша повече и го шляпнах в html-a Важна е идеята

 

[entwickler]

Re: малко помощ за css

много съм писал за Windows Live Writer обаче все още имам чувството, че малко хора го използват. А там тези неща си се правят директно от wysiwyg редактора.

 

[mvmrik]

Re: малко помощ за css

Аз въобще не мога да разбера какъв е смисъла от това нещо?

 

[irgy.net]

Re: малко помощ за css

То смисъл голям няма , даже не ми е и необходимо толкова много.
Но е хубаво да се знае.

 

[entwickler]

Re: малко помощ за css

Аз въобще не мога да разбера какъв е смисъла от това нещо?

ако става дума за windows live writer - блогинг клиент. Можеш да публикуваш много видове блог платформи. И си е визуален html редактор. Така много лесно управляваш съдържанието си. И дори да има 50 блога - няма нужда да взлизаш във всеки и да използваш tynymce или както там се казва(никога не съм публикувал през него.