Autor Zpráva
PitgenUK
Profil
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
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
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;
}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: