(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
|
14. 10. 2007. | #1 |
profesionalac
Qualified
|
Stavljanje kôda u textarea
Opet ja, dobar dan
Ovako, kad želim u wordpressu napisati neki post u kojem čitateljima treba prikazati i neki komad kôda (bilo kakvog, HTML, CSS, PHP, bilošta), koristim pre tag. Tad mi se on fino ispiše u courieru, i stvarno bude prikazan kao običan tekst, ne procesira se, jel... E, ali kako da riješim problem kad imam linije koje izlaze van layouta? Pokušao sam staviti to sve u textarea, ali ne uspijevam, dobijem nešto potpuno treće, a htio bih dobiti jedan textarea fiksne širine, pa da se u njemu ispiše taj moj kôd, i po potrebi da se pojavi vertikalni i/ili horizontalni scrollbar... Kako to izvesti, šta sam fulao, šta previdio? |
14. 10. 2007. | #2 |
Direktor Kombinata
Invented the damn thing
Datum učlanjenja: 07.06.2005
Poruke: 2.669
Hvala: 44
119 "Hvala" u 64 poruka
|
Stavi za PRE overflow: auto;
Kôd:
<pre style="overflow: auto">...</pre>
__________________
activeCollab - Project Management and Collaboration Tool iz domaće kuhinje | area51.rs - Blog |
"Hvala" Ilija Studen za poruku: |
14. 10. 2007. | #3 |
profesionalac
Qualified
|
Vrlo zahvalan!
|
14. 10. 2007. | #4 |
Super Moderator
Invented the damn thing
Datum učlanjenja: 06.06.2005
Poruke: 2.371
Hvala: 370
701 "Hvala" u 194 poruka
|
A mozes kao i ja na svom blogu da definises poseban stil za pre element:
Kôd:
pre { width: 480px; color: #000000; background-color : #fafafa; font: normal small courier, 'courier new', sans-serif; text-align: left; padding: 10px 3px; margin-bottom: 10px; border : 1px solid #d1d7dc; overflow: auto; } |
"Hvala" dinke za poruku: |
14. 10. 2007. | #5 |
Ivan Dilber
Sir Write-a-Lot
|
ako imas doctype na vrhu strane mozes da koristis i <code> foo </code> za prikazivanje koda, to je semanticki bolje, samo dodaj u css: code { white-space: pre; } ... alternativna varijanta je da se stavi <pre><code> foo </code><pre>
i naravno dodas overflow:auto da bi dobio scroll barove...
__________________
Leadership is the art of getting people to want to do what you know must be done. |
16. 10. 2007. | #6 |
profesionalac
Qualified
|
Da, i ja sam si u CSS file složio stil za pre, i sad fino sve radi.
ivanhoe, ako je tako kako kažeš, koristit ću code tag, nek bude kak treba |
16. 10. 2007. | #7 |
Direktor Kombinata
Invented the damn thing
Datum učlanjenja: 07.06.2005
Poruke: 2.669
Hvala: 44
119 "Hvala" u 64 poruka
|
Kada smo već kod toga, kako najbolje markupovati blok koda, kako inline kod. Ja sam uvek koristio code za inline varijante, a pre za blokove, ali kotam da je to pogrešno. Npr, kako biste markupovali ovaj tekst:
Da biste markirali task završen pozovite completeTask() metod na sledeći način: $task = Tasks::findById($task_id); $task->completeTasks();
__________________
activeCollab - Project Management and Collaboration Tool iz domaće kuhinje | area51.rs - Blog |
16. 10. 2007. | #8 |
Ivan Dilber
Sir Write-a-Lot
|
ja bih ovo gore sve gurao u <code></code>, i inline deo i blok koda..
naravno nisam 100% siguran, ali moje razumevanje je da se <code> odnosi na bilo kakav kod na strani (a pored <code> postoji i <var> za oznacavanje varijabli i <samp> za primere outputa), a to da li je inline ili block element, to bi trebalo da se definise preko CSS klasa... ja bih ovo gore sve gurao u <code></code>, i inline deo i blok koda..
__________________
Leadership is the art of getting people to want to do what you know must be done. |
"Hvala" ivanhoe za poruku: |
16. 10. 2007. | #9 |
Direktor Kombinata
Invented the damn thing
Datum učlanjenja: 07.06.2005
Poruke: 2.669
Hvala: 44
119 "Hvala" u 64 poruka
|
Zanimljivo. Nisam znao za ove druge elemente...
__________________
activeCollab - Project Management and Collaboration Tool iz domaće kuhinje | area51.rs - Blog |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
<textarea> unicode problem | eraser | PHP | 0 | 06. 02. 2010. 21:06 |
Problem textarea, post method, php, mysql | Miroslav | Sva početnička pitanja | 17 | 24. 01. 2008. 00:06 |
Protect textarea | Dragan Babić | Opušteno | 0 | 24. 04. 2007. 20:48 |
Stavljanje imena u profil na lijevoj strani | mungos | Obaveštenja, predlozi i pitanja | 23 | 27. 01. 2006. 12:53 |
TAB u <textarea> | bluesman | (X)HTML, JavaScript, DHTML, XML, CSS | 15 | 20. 11. 2005. 12:41 |