| Autor | Zpráva | ||
|---|---|---|---|
| PitgenUK Profil |
#1 · Zasláno: 21. 12. 2013, 00:27:27
Dobry den,
zkousim zarovnat ten paragraf tak, aby zleva i zprava byla mezera tak 10px od okraje v zavislosti na rozliseni (bez pouziti js), ale nejak se mi to nedari. Take bych rad, aby ten text byl max na vysku toho obrazku coz je 259px . Momentalne v kazdem prohlizeci to vypada jinak, hlavne ta mezera zleva i zprava. To jak se to zobrazi v prohlizeci je momentalne zavisle na tom kolik toho textu(1001010) dam na radek do HTML kodu. Tu absolutni hodnotu tam mam proto ze ten text prekryva obrazek ktery se nachazi uprostred a ve vysce top:220px Ten kod vytvarim pro IE8, Firefox a Google Chrome. Predem mooc diky za rady. HTML:
<div id="desingtext" class="desingtext"> <!-- div mean Generic Container -->
<p> <!-- p mean Paragraphs --> <!-- 0101010101 mean Binary Code -->
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
1010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
</p> <!-- p mean Paragraphs -->
</div>
CSS:
#desingtext {
position:absolute;
top:220px;
}
#desingtext p {
text-align:center;
text-indent: 0px;
color: #cc0000;
opacity: 0.3;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
} |
||
| Str4wberry Profil |
#2 · Zasláno: 21. 12. 2013, 03:21:40
Mezeru můžete udělat vlastností
padding a omezit výšku je možné vlastností height a overflow: auto — při vyšší výšce se objeví posuvník.
|
||
| PitgenUK Profil |
#3 · Zasláno: 21. 12. 2013, 14:59:01
I po uprave to v kazdem prohlizeci vypada jinak. Jde o to aby ten text presne pasoval do toho ramecku v kazdem prohlizeci tzn kdyz by nekde precuhoval tak aby se ten precuhujici text nezobrazil. Nejsem si vsak jisty jestli to vubec za pomoci html a css jde. Zkousel jsem zmenit i width na pixely ale rozhodilo to text ve Firefoxu uplne.
Ten kod vytvarim pro IE8, Firefox a Google Chrome. Ten CSS jsem upravil takto : #desingtext {
position:absolute;
top:220px;
width:90%;
margin-left: 4%;
margin-right: 4%;
}
#desingtext p {
padding: 5px 0px 5px 0px;
line-height: 20px;
font-size: 17px;
word-break:break-all;
text-align:center;
text-indent: 0px;
color: #cc0000;
opacity: 0.3;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
border-style: solid;
height: 260px;
} |
||
|
Časová prodleva: 10 let
|
|||
0