CSS-layout-JUNKIES
2 отговора
87 прегледа
CSS-layout-JUNKIES
vseki mediocre developer.. otnesen gledasht tupo.. v proizvolna tochka v kude narochno kude sluhcaino otvorena specifikacia ili site sus primeri.. za layout.. css techniki.. whatever.. edin den se sbluskva s neshto podobno..
[линк]
da si prestavim che se opitvam da napravia neshto kato opisanoto v tozi primer s malkata razlika che vsiako blokche.. [img+txt+etc..] mi e s razlichen hight.. ako prosto izpolzvam float:left.. i pocheta malko css spec-s..
"...The top of the floated box is aligned with the top of the current line box (or bottom of the preceding block box if no line box exists). If there isn't enough horizontal room on the current line for the float, it is shifted downward, line by line, until a line has room for it. ..."
ne che sum razbral napulno tozi red..
no.. tujnoto e che ne uspiavam da vertical-align-na bottom.. da kajem kutiikite si.. i da sum siguren che shte izgeljdat taka vsiakush sa v tablica.. na koiato ili sum znael koga da sloja </tr><tr> ili sum znael kolko e hight-a na nai visokia box...
mnogo li se otviah niakoi razbra li me?...
i hope so.. :) ako ste me razbrali i mojete da plisnete malko znania.. na lamer as me.. shte sum oh so greatful.. thank you..
[линк]
da si prestavim che se opitvam da napravia neshto kato opisanoto v tozi primer s malkata razlika che vsiako blokche.. [img+txt+etc..] mi e s razlichen hight.. ako prosto izpolzvam float:left.. i pocheta malko css spec-s..
"...The top of the floated box is aligned with the top of the current line box (or bottom of the preceding block box if no line box exists). If there isn't enough horizontal room on the current line for the float, it is shifted downward, line by line, until a line has room for it. ..."
ne che sum razbral napulno tozi red..
no.. tujnoto e che ne uspiavam da vertical-align-na bottom.. da kajem kutiikite si.. i da sum siguren che shte izgeljdat taka vsiakush sa v tablica.. na koiato ili sum znael koga da sloja </tr><tr> ili sum znael kolko e hight-a na nai visokia box...
mnogo li se otviah niakoi razbra li me?...
i hope so.. :) ako ste me razbrali i mojete da plisnete malko znania.. na lamer as me.. shte sum oh so greatful.. thank you..
в отговор на didkobravo
#2
Re: CSS-layout-JUNKIES
несъм много сигурен, че те разбрах...
дано долният пример да има отговор на въпроса ти.. или поне да ти даде насока...
Тази структура се рендва много по-бързо от интерпретаторите отколкото табличната, но има моменти в които таблиците няма как да бъдат избягнати...
<html>
<head>
<title>some page</title>
<style>
div {width:200px; height:200px; float:left}
img {position:relative; top:100%}
</style>
</head>
<body>
<div><img src="xx.jpg" width="100px" height="180px" style="margin-top:-180px"></div>
<div><img src="xx.jpg" width="100px" height="80px" style="margin-top:-80px"></div>
<div><img src="xx.jpg" width="140px" height="93px" style="margin-top:-93px"></div>
</body>
</html>
HowBizarre
дано долният пример да има отговор на въпроса ти.. или поне да ти даде насока...
Тази структура се рендва много по-бързо от интерпретаторите отколкото табличната, но има моменти в които таблиците няма как да бъдат избягнати...
<html>
<head>
<title>some page</title>
<style>
div {width:200px; height:200px; float:left}
img {position:relative; top:100%}
</style>
</head>
<body>
<div><img src="xx.jpg" width="100px" height="180px" style="margin-top:-180px"></div>
<div><img src="xx.jpg" width="100px" height="80px" style="margin-top:-80px"></div>
<div><img src="xx.jpg" width="140px" height="93px" style="margin-top:-93px"></div>
</body>
</html>
HowBizarre
Редактирано от PllP на
Re: CSS-layout-JUNKIES
vsushtnost otgovora na vuprosa mi e sth like that..
<html>
<head><title></title>
<style type="text/css">
table {display:inline;}
</style>
</head>
<body>
<some serverSide looping>
<table><tr><td>
<img src="<%=some serverSide Img%>" />
</td></tr></table>
</some serverSide looping>
</body></html>
4ystvam se glupavo... niakak kifladjiiski..
<html>
<head><title></title>
<style type="text/css">
table {display:inline;}
</style>
</head>
<body>
<some serverSide looping>
<table><tr><td>
<img src="<%=some serverSide Img%>" />
</td></tr></table>
</some serverSide looping>
</body></html>
4ystvam se glupavo... niakak kifladjiiski..