[ Príspevkov: 21 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
NapísalOffline : 30.12.2007 9:06 | vertikalne zarovnanie textu

riesim taku zapeklitu situaciu, viem, ze riesenie by som aj tak nasiel, ale robim ten web uz mesiac a moc sa mi uz nechce, tak potrapim aj vas.. mam takuto situaciu.. chcem zarovnan urcity kus text na stred vertikalne s vedla susediacim obrazkom. bojim sa, ze konstrukcia je az velmi jednoducha, preto to nefunguje a mam pocit, ze by som to mal este nabalit jednym divom, aby to fungovalo, no neviem..

Kód:
<div class="box2">
  <img src="image.gif" alt=" " title=" " /><div>This symbol indicates you can tumble dry, but at a low heat setting</div></div>


Kód:
.box2 img {
 clear:both;
 float:left;
 padding: 10px;
 border: 1px dotted #ccc;}

.box2 {
 border: 1px dotted #ccc;
 width: 900px;
 margin: 20px 25px;
 padding: 15px;}

.box2 div {
 float:left;
 margin: 0;
 width: 780px;
 border: 1px solid #f2f2f2;
 display: table-cell;
 vertical-align: middle;
 position: static;}


ten div bez nazvu netreba riesit, je to len provizorne. urobil som z neho tabulkovy element, aby fungovalo zarovnanie vertical-align, no nefunguje.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 9:23 | vertikalne zarovnanie textu

pridal som este display: table divu box2 a cele sa to zacalo podobat na tabulku, no problem to neriesi.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 30.12.2007 12:41 | vertikalne zarovnanie textu

Neviem ci som to pochopil spravne...Nieco taketo?

odkaz


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 12:48 | vertikalne zarovnanie textu

m@-nX píše:
Neviem ci som to pochopil spravne...Nieco taketo?

odkaz


ou je.. presne tak.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 12:49 | vertikalne zarovnanie textu

problem je v tom, ze ten text ma mat este nejake formatovanie, border a tak.. ked ho obalim do divu, asi to nebude frcat, no idem skusit.

ps. pekna cica;)
pss.. ten moj priklad je rieseny inak, ja viem ako funguje vertical-align, ale nejde to..


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 30.12.2007 12:57 | vertikalne zarovnanie textu

a ten img bude mat vzdy pevnu vysku?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 12:58 | vertikalne zarovnanie textu

m@-nX píše:
a ten img bude mat vzdy pevnu vysku?


ano, vsetko je tam napevno.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 30.12.2007 13:34 | vertikalne zarovnanie textu

toto

alebo toto?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 13:38 | vertikalne zarovnanie textu

m@-nX píše:


ako sa zachova TOTO, ked box2 floatnes nalavo? bo nenatahuje sa celkovo.. ale vypada to dobre, skusim pouzit. preco si pouzil display: block?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 30.12.2007 13:43 | vertikalne zarovnanie textu

toto floatnute nalavo sa zachova takto
musel som rozsirit body koli sirke obrazka


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 13:43 | vertikalne zarovnanie textu

mne to nefunguje..

dal som to na web, skus..
http://www.podstromami.com/test2/_size_guide.html

jedna sa o tie symboly na pranie:)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 14:01 | vertikalne zarovnanie textu

ale ked sa nad tym zamyslim logicky.. pokusam sa zmenit urcity blok na tabulkovy blok, cize ma napada, ze by som na to mal asi pouzit tabulku, ved v podstate ide o nejake informacie, ktore sa na tabulku podobaju..


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 30.12.2007 14:22 | vertikalne zarovnanie textu

viktorcech píše:
mne to nefunguje..

dal som to na web, skus..
http://www.podstromami.com/test2/_size_guide.html

jedna sa o tie symboly na pranie:)


tomu divu s textom si nedal margin-top s hodnotou priblizne polovice sirky obrazka...mno trosku menej, v tomto pripade o vela menej kedze mas malicky obrazok


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 14:34 | vertikalne zarovnanie textu

m@-nX píše:
tomu divu s textom si nedal margin-top s hodnotou priblizne polovice sirky obrazka...mno trosku menej, v tomto pripade o vela menej kedze mas malicky obrazok


to problem neriesi, skor ho komplikuje. vyskusaj a uvidis.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 14:38 | vertikalne zarovnanie textu

ja to asi urobim cez tabulku, len neviem co na to sef :roll:


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 30.12.2007 14:39 | vertikalne zarovnanie textu

skusil som, vysledok:

http://knoweurope.eu/www/1234/skuska.html

v tvojom pripade to komplikuje asi len to ze ked mas text vedla obrazke na viac ako 1 riadok tak uz to nieje "az tak v strede"


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
Napísal autor témyOffline : 30.12.2007 14:42 | vertikalne zarovnanie textu

m@-nX píše:
skusil som, vysledok:

http://knoweurope.eu/www/1234/skuska.html

v tvojom pripade to komplikuje asi len to ze ked mas text vedla obrazke na viac ako 1 riadok tak uz to nieje "az tak v strede"


border obrazka a textu musi byt zarovno, urobim to ako table..


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 30.12.2007 15:06 | vertikalne zarovnanie textu

v tom pripade padding top a bottom a tym si dostelujes div s textom na taku vysku aku ma img...

ale sak rob ako chces ty :)


Offline

Skúsený užívateľ
Skúsený užívateľ
vertikalne zarovnanie textu

Registrovaný: 30.05.06
Prihlásený: 08.10.14
Príspevky: 1756
Témy: 35 | 35
Bydlisko: BA - WESTSIDE
NapísalOffline : 30.12.2007 16:45 | vertikalne zarovnanie textu

viktorcech píše:
ja to asi urobim cez tabulku, len neviem co na to sef :roll:
Nemal by to byť skôr definičný zoznam? (inak z praktického hľadiska by som to okamžite spravil tabuľkou, určite je to vhodnejšie ako tie smiešne divy).


_________________
A. S. Tanenbaum píše:
The terms LF, MF, and HF refer to low, medium, and high frequency, respectively. Clearly, when the names were assigned, nobody expected to go above 10 MHz, so the higher bands were later named the Very, Ultra, Super, Extremely, and Tremendously High Frequency bands. Beyond that there are no names, but Incredibly, Astonishingly, and Prodigiously high frequency (IHF, AHF, and PHF) would sound nice.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 03.01.2008 13:46 | vertikalne zarovnanie textu

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

dufam, ze pomoze, neskusal som, ale podla toho co som cital by to mohlo vyriesit Tvoj problem...


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 02.01.08
Prihlásený: 06.01.08
Príspevky: 16
Témy: 0 | 0
NapísalOffline : 03.01.2008 15:12 | vertikalne zarovnanie textu

uz som to vyriesil tabulkou.


 [ Príspevkov: 21 ] 


vertikalne zarovnanie textu



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

<li> a vertikalne zarovnanie textu

v HTML, XHTML, XML, CSS

5

696

29.03.2010 15:01

max-m

V tomto fóre nie sú ďalšie neprečítané témy.

Vertikalne aj horizontalne zarovnanie na stred

v HTML, XHTML, XML, CSS

2

604

07.10.2016 9:52

17mark

V tomto fóre nie sú ďalšie neprečítané témy.

Zarovnanie textu

v HTML, XHTML, XML, CSS

14

1265

09.08.2009 18:42

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

css zarovnanie textu

v HTML, XHTML, XML, CSS

2

1158

07.07.2009 9:38

php30

V tomto fóre nie sú ďalšie neprečítané témy.

WYSIWYG editor zarovnanie textu

v JavaScript, VBScript, Ajax

0

369

10.06.2012 19:58

zaciatocnik

V tomto fóre nie sú ďalšie neprečítané témy.

zarovnanie textu v CKEditor

v Redakčné systémy

2

384

13.07.2015 15:44

baron25

V tomto fóre nie sú ďalšie neprečítané témy.

Zmena textu a zanechani pozice v textu

v PHP, ASP

4

864

01.08.2009 21:26

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

Vertikalne menu

[ Choď na stránku:Choď na stránku: 1, 2 ]

v HTML, XHTML, XML, CSS

34

896

21.03.2014 13:14

petko117

V tomto fóre nie sú ďalšie neprečítané témy.

vertikalne rozbalovacie menu

v JavaScript, VBScript, Ajax

7

4424

24.01.2007 22:07

m@-nX

V tomto fóre nie sú ďalšie neprečítané témy.

vertikalne menu IE

v HTML, XHTML, XML, CSS

1

742

01.03.2012 16:14

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

vertikalne jquery accordion menu

v JavaScript, VBScript, Ajax

7

475

30.01.2013 22:48

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Vertikalne 3-urovnove menu

v HTML, XHTML, XML, CSS

7

607

13.03.2014 20:31

Mego

V tomto fóre nie sú ďalšie neprečítané témy.

vertikalne uchytenie grafickej karty

v Ostatné

4

660

30.06.2018 21:14

Juryoku

V tomto fóre nie sú ďalšie neprečítané témy.

Vertikálne rolovacie menu v JS

v JavaScript, VBScript, Ajax

0

825

28.01.2009 10:40

jtomcik

V tomto fóre nie sú ďalšie neprečítané témy.

WP vertikalne zarovnane 3 obrazky

v Redakčné systémy

6

504

12.04.2015 18:45

eMp

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vertikalne zarovnan na stred toto?

v HTML, XHTML, XML, CSS

4

616

21.12.2007 19:46

Matho



© 2005 - 2025 PCforum, edited by JanoF