<floatBox><img../>Text</floatBox>+verticalAlign

3 отговора 98 прегледа
#1

<floatBox><img../>Text</floatBox>+verticalAlign

hora ne znam kakvo da napravq... zabih neshto.. ili otnovo otkivam kolko sum tup.. kvo e tochno HE znam HO eto che pak sum tYk...

principno imam..
<style>
ul {
position:relative;display:block;clear:both;
list-style:none;margin:0px;padding:0px;
}
li {
position:relative;display:block;float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;font-size:11px;
}
</style>
<ul>
<li><img src="some.gif" width="11" height="15"/>text</li>
<li>text</li>
<li><img src="some.gif" width="11" height="15"/>text</li>
<li>text</li>
</ul>

iskam image-te da se podravnqt s text-a kakto e redno..
dobavih edno..

li * {vertical-align:middle;}

dolu gore se poluchi tova deto go iskam ako ne broim 2px koito NS reshava da si ostavi nad image-a...
zabravih da spomena che iskam da dokaram tozi primer da izglejda dobre v latest versions of IE i NS..
vikam dobre.. aide.. dobavih mY i edno..

li img {vertical-align:top;}

pak ne beshe dovolno.. IE... pak se "ponakudri" poizpsuvah go kulturno i go promenih na...

li > img {vertical-align:top;}

..nali toi ot > ne razbira.. i si reshih problema s NS..

to az mai naprvih tova koeto iskah.. HO vse pak.. tova mi se struva mnogo pisane kod i patchwork za neshto koeto bi trqbvalo da stava lesno i prosto..

nqkoi ako se e zadulbaval v problema i moje da mi kaje kude burkam shte sum balgodaren.. i shte cherpq edna bira.

haide leka i beazavariiina..
didko.

Отговор
в отговор на didkobravo #2

Re: &lt;floatBox&gt;&lt;img../&gt;Text&lt;/floatBox&gt;+verticalAlign

ne znam kakvo izobshto iskash momche.. HO eto ti edno link-che moje i da ti e interesno...

[линк]

Отговор
в отговор на didkobravo #3

Re: &lt;floatBox&gt;&lt;img../&gt;Text&lt;/floatBox&gt;+verticalAlign

И аз нищо не ти разбрах. Искаш картинки за bullets ли?

<style> 

ul {
list-style-image: url('bullets.gif');
}
</style>

<ul>
<li>text</li>
<li>text</li>
</ul>

Пък вече си прави какъвто си искаш float...


Endorion.org
Отговор
в отговор на Adanedhel #4

Re: &lt;floatBox&gt;&lt;img../&gt;Text&lt;/floatBox&gt;+verticalAlign

naistina ne si mi razbral nishto.. sujalivam
i blagodarq za vnimanieto vse pak.
uspeh.

Отговор