CSS' arm-twisting-technic Question
7 отговора
183 прегледа
CSS' arm-twisting-technic Question
<html>
<head>
<style type="text/css">
body {border:0;padding:10;margin:0;background-color:#EEE;}
body, p {font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:16px;}
p {margin:0;padding:0px 0px 16px 0px;}
h2 {margin:0;padding:0;display:inline;font-size:12px;}
</style>
</head>
<body>
<div class="className">
<p>
Here we have some content which everyone should admit is nothing but and only some bunch of text which generaly speaking stands for nothing else but ..some text
</p>
<p>
here we have some more text.. you know and it's padded just 16px away from the previous paragraph...
<h2>and here is the problem</h2>
</p>
</div>
</body>
</html>
ta taka.. opitvam se da polzvam display:block element koito iskam da e inline-r(h2) v drug block element(p) kakva e nashata iznenada kogato vijdame che toi.. ne se zalepva za kraia.. na content-a.. "paragraph... " a se durji kato block level element i si se miata na nov red..
moje bi se omotvam moje bi tova koeto pitam e adski tupo ili bezinteresno.. moje bi nikoi ne e produljil do tyk.. :) no ako vse pak ima niakoi koito da iska da sudeistva v tezi ujasni sletobedni jegi.. :) shte go cherpia edna limonada.. :)
respeq!
<head>
<style type="text/css">
body {border:0;padding:10;margin:0;background-color:#EEE;}
body, p {font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:16px;}
p {margin:0;padding:0px 0px 16px 0px;}
h2 {margin:0;padding:0;display:inline;font-size:12px;}
</style>
</head>
<body>
<div class="className">
<p>
Here we have some content which everyone should admit is nothing but and only some bunch of text which generaly speaking stands for nothing else but ..some text
</p>
<p>
here we have some more text.. you know and it's padded just 16px away from the previous paragraph...
<h2>and here is the problem</h2>
</p>
</div>
</body>
</html>
ta taka.. opitvam se da polzvam display:block element koito iskam da e inline-r(h2) v drug block element(p) kakva e nashata iznenada kogato vijdame che toi.. ne se zalepva za kraia.. na content-a.. "paragraph... " a se durji kato block level element i si se miata na nov red..
moje bi se omotvam moje bi tova koeto pitam e adski tupo ili bezinteresno.. moje bi nikoi ne e produljil do tyk.. :) no ako vse pak ima niakoi koito da iska da sudeistva v tezi ujasni sletobedni jegi.. :) shte go cherpia edna limonada.. :)
respeq!
Re: CSS' arm-twisting-technic Question
този въпрос определено е от гадните...
би трябвало да работи, но не, не работи.
оправя се като му сложиш
p {margin:0;padding:0px 0px 16px 0px;display:inline;}
наистина абсурдно все пак.
Но ако мен питаш употребата на h2 в параграф е неправилна структурно
(дори валидатора казва, че h2 не може да се употребява в p)
може би от там идва проблема...
би трябвало да работи, но не, не работи.
оправя се като му сложиш
p {margin:0;padding:0px 0px 16px 0px;display:inline;}
наистина абсурдно все пак.
Но ако мен питаш употребата на h2 в параграф е неправилна структурно
(дори валидатора казва, че h2 не може да се употребява в p)
може би от там идва проблема...
Re: CSS' arm-twisting-technic Question
ето го корена на злото:
p {margin:0;padding:0px 0px 16px 0px;border-bottom:4px solid pink}
забележи къде затваря <p> тага! (преди <h2>) Хитроумния бровзер...
p {margin:0;padding:0px 0px 16px 0px;border-bottom:4px solid pink}
забележи къде затваря <p> тага! (преди <h2>) Хитроумния бровзер...
Re:-)
ми... това никога няма да проработи... има нялкоко елемента, който се залага в интерпретаторите с CR задължителен преди тях
<html>
<head>
<style type="text/css">
body {border:none; padding:10px; margin:0px; background-color:#eee}
body, p {font:11px/16px Arial, Helvetica, sans-serif}
p {margin:0px; padding:0px 0px 16px 0px; display:inline}
h2 {margin:0px; padding:0px; font-size:12px}
</style>
<title>re</title>
</head>
<body>
<div>
<p>Here we have some content which everyone should admit is nothing but and only
some bunch of text which generaly speaking stands for nothing else but ..some
text</p>
<h2>YEEPAAA <p>here we have some more text.. you know and it's padded just 16px away from
the previous paragraph...and here is the problem</p></h2>
</div>
</body>
</html>
така наопаки ще зарабори...
HowBizarre
<html>
<head>
<style type="text/css">
body {border:none; padding:10px; margin:0px; background-color:#eee}
body, p {font:11px/16px Arial, Helvetica, sans-serif}
p {margin:0px; padding:0px 0px 16px 0px; display:inline}
h2 {margin:0px; padding:0px; font-size:12px}
</style>
<title>re</title>
</head>
<body>
<div>
<p>Here we have some content which everyone should admit is nothing but and only
some bunch of text which generaly speaking stands for nothing else but ..some
text</p>
<h2>YEEPAAA <p>here we have some more text.. you know and it's padded just 16px away from
the previous paragraph...and here is the problem</p></h2>
</div>
</body>
</html>
така наопаки ще зарабори...
HowBizarre
Re: CSS' arm-twisting-technic Question
mislq che ne te razbrah....
ako iskash "and here is the problem" da e na syshtiq red sled "........previous paragraph... " izpolzvai taga <span></span>
primer:
<span class=ik>neshto si.... </span>
ako iskash "and here is the problem" da e na syshtiq red sled "........previous paragraph... " izpolzvai taga <span></span>
primer:
<span class=ik>neshto si.... </span>
Re: CSS' arm-twisting-technic Question
razbira se.. suglasen sum sus vsichki vas..
da, moga da izpolzvam span sus class defined in it..
da moga da izvadia text+<h2> izvun <p> i vsichko shte e nared..
taka e..
vuprosa e po skoro principen.. dali podobno neshto e vuzmojno.. dali mojesh da nakarash initinaly defined as display:block element as.. a heading <h2> da ima inline povedenie.. i da go sojish.. v drug initialy defined as block element as <p> i toi da stae chast ot contet-a MY.. sledvaiki go.. like a typical inlineR... i niamam predvid da.. izvivame rucete.. na <p> kato go float-vame left ili go display:inline-vame...
stranno mi e zashto <p> padding-ove.. sled kraia na text-a v nego.. a ne sled <h2>-to.. tova e.. ne znam dali tova beshe any clarification at all.. nadiavam se
da, moga da izpolzvam span sus class defined in it..
da moga da izvadia text+<h2> izvun <p> i vsichko shte e nared..
taka e..
vuprosa e po skoro principen.. dali podobno neshto e vuzmojno.. dali mojesh da nakarash initinaly defined as display:block element as.. a heading <h2> da ima inline povedenie.. i da go sojish.. v drug initialy defined as block element as <p> i toi da stae chast ot contet-a MY.. sledvaiki go.. like a typical inlineR... i niamam predvid da.. izvivame rucete.. na <p> kato go float-vame left ili go display:inline-vame...
stranno mi e zashto <p> padding-ove.. sled kraia na text-a v nego.. a ne sled <h2>-to.. tova e.. ne znam dali tova beshe any clarification at all.. nadiavam se
Re: CSS' arm-twisting-technic Question
ne sum mnogo ubeden w slednoto, no mislia si, che explorer-a dopuskashe niakoi volnosti w <p> taga specialno ( towa sum nabliudawal, mozhe i drugi tagowe da se radwat na takowa wnimanie ot strana na IE), koito pozwoliawaha da 'propuskash' zatwariashtia tag </p>, kato sledwashtia blokow element (ili element, stoiasht po-wisoko w niakakwa si ierarhia na IE) zatwaria waprosnia <p>
taka, che, towa eventualno e problema/reshenieto/obiasnenieto (btw, kak izglezhda na NS?)
taka, che, towa eventualno e problema/reshenieto/obiasnenieto (btw, kak izglezhda na NS?)
Редактирано от desertwaste на
Re: CSS' arm-twisting-technic Question
Инменно де, когато достигне до <h2>, IE затваря <p> тага. И после отдолу може би го отваря наново, но това няма значение...
Не е проблема в цссто, пусни бордер на p тага и ще видиш, че имаш едно в повече от написаното.
ASNatives can usually be found in dark rooms where the only light is the glow of a CRT …
Не е проблема в цссто, пусни бордер на p тага и ще видиш, че имаш едно в повече от написаното.
ASNatives can usually be found in dark rooms where the only light is the glow of a CRT …