Zachovanie tvaru textu [HTML]

Programovacie jazyky, rady, poradňa...
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Zachovanie tvaru textu [HTML]

Príspevok od používateľa BX »

Zdravim. Tak robim jednu stranku (Teraz uz ju pisem ja :D)
Ide mi o to, ze by som chcel, aby text vyzeral takto: http://bxpage.php5.sk/Vysledky08.html , no pri pouziti tagu <pre> sa mi to deformuje v IE.
Chcel by som sa vynut vytvaraniu tabulky, pretoze kym by som tam nahadzal vsetok text, tak by ma porazilo dva krat :? (A to este pride rok 2009 :roll:)
Da sa to nejako vykoumat, bez pouzitia tabulky, alebo nejaky nastroj, kde by som tu tabulku nerobil vecne? :)
Dakujem...
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

ako prepáč, ale štýly ešte pred samotným html? A tie nové tagy <oznam2> sú čo? To máš nejakú vlastnú verziu BXHTML čo píšeš, a zrejme preto jej IE nerozumie. Lebo pre mi vykreslil dobre, iba inde ako som ho očakával
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

Tie "nove" tagy mam ulozene v externom subore style.css Je s tym nejaky problem?
A prosim ta, mozes sa zamerat na moju otazku? (Stranka sa zle zobrazuje len na IE)
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

je v tom asi taký problém, že sa to nedá. Ty si nedokážeš definovať iba tak nový tag, to je nonsens. A možno odstránenie týchto chýb bude riešiť tvoj problém, tak sa radšej skús zamerať ty na tie moje otázky ;)

(a btw: aj keby to išlo, nemáš oznam2 ani v tom externom štýle)
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

Aha teraz som si vsimol o com tocis. Prepac, moja chyba :)

Uz by to malo byt v poriadku. Ak ano, sustredme sa na tie primarne otazky :)

btw. preco by som si nemohol robit vlastne tagy?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

looool :D ty si zo mňa robíš prdel. Dobre, hlboký nádych, výdych, a skúsim ešte raz:

To že si to nemal v tom css bolo iba mimochodom, za predpokladu že by to išlo. Nemyslel som aby si to tam pridal, ale aby si pomazal tie <oznam2> a </oznam2> z html kódu. Podstata je taká, že ty si NEmôžeš vytvoriť len tak vlastný tag. Môžeš pridať id alebo class nejakému existujúcemu, ale nemôžeš vytvoriť nový. Totižto mu žiaden prehliadač nebude rozumieť, lebo nie je v štandarte a doctype (ktorý tam mimochodom tiež nemáš definovaný). Takže <oznam2> nie je platný tag, a teda tam nemá čo robiť. Možno aj preto to IE nevie správne vykresliť.
Ďalej, ešte pred samotným <html> máš definované nejaké štýly. To taktiež nemôže byť. Takže skús tieto chyby ešte raz odstrániť, možno sa teraz podarí :)

a k otázke prečo by si nemohol robiť vlastné tagy: mohol, len o tom musíš povedať w3c konzorciu, a oni ho musia schváliť a pridať do html štandardu a potom musíš počkať na nové verzie prehliadačov čo ho budú už "poznať" a budú ho vedieť spracovať
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

wtf? :D Neviem co mas proti mojmu kodu! Vies aky som stastny, ze som aspon nieco take napisal? :D
Naozaj to nechapem, co proti tomu mas. Zobrazuje ti tie naspisi cervenym, alebo nie? :D Ked to ide tak to ide. Nikto mi nepovedal, ze by to tak nemohlo byt (Teda az na teba. Ja viem ze ty si velky, ale nam malim staci, ked stranka funguje tak ako ma :) )

No dobre, ideme po tvojom:
Odstranil som vsetko co si chcel (ak si este nieco nevymyslis :D) Teraz si porovnaj
tuto stranku -> http://bxpage.php5.sk/Vysledky08b.html (orezana verzia)
a tuto -> http://bxpage.php5.sk/Vysledky08.html (predchadzajuca verzia)

A povedz mi, co mam urobit, aby ten text (tie mena, kategorie atd.) boli pekne zarovnane ako v pripade pouzitia tagu <pre> :?:

<som velmi zvedavy co napises :D>


No dobre, teraz uz mi naozaj pripada, ze si zo mna robis dobry den/vecer ! Aby si vedel, pockam na inych! :D
Numline1
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 858
Registrovaný: 04 dec 2006, 18:04

Príspevok od používateľa Numline1 »

Preboha, robis si srandu BX ? Kde si nabral take tagy ? Nemozes si vytvorit <cokolvek></cokolvek>. Ak chces pridelit tagu urcitu vlastnost z CSS suboru, musis mu dat prvok class alebo id (viac najdes na webe). HTML vobec nefunguje tak, ako ho tam ty pises (series). Ak chces pridelit elementu, urobis to nasledovne (priklad):

<p class="velke-pismo">TEXT</p>

a NIE

<velke-pismo>TEXT</velke-pismo>

pricom v CSS to definujes klasicky :

.velke-pismo{
font-size: 20px;
}

Tagy pre HTML mas definovane od W3C, nemozes robit vlastne. HTML nieje XML.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

dobre, plán B. Napíšem ti to takto:

Kód: Vybrať všetko

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>

<link rel="shortcut icon" href="http://bxpage.php5.sk/obrazky/favicon.png">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>BX corporation</title>

<link rel="stylesheet" href="Vysledky08b_soubory/style.css" type="text/css" charset="utf-8">
<meta name="Author" content="BXcorp.">
<meta http-equiv="Pragma" content="no-cache">
<meta name="keywords" content="BX, BXcorp, BXcorp., BX corporation, BX corp, BX corp.">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Language" content="sk"></head><body>
<div id="kontajner">


	<div id="header"></div>
	<div id="teloo">
	<div id="menu"> 
	  
	<br><br><br><br><br><br>
	
	<a href="http://bxpage.php5.sk/index.html" onMouseOver="document['btUvod'].src = 'obrazky/btUvod2.png' ;" onMouseOut="document['btUvod'].src = 'obrazky/btUvod.png' ;">
     <img src="Vysledky08b_soubory/btUvod.png" name="btUvod">
	</a>

	<a href="http://bxpage.php5.sk/About.html" onMouseOver="document['btAbout'].src = 'obrazky/btAbout2.png' ;" onMouseOut="document['btAbout'].src = 'obrazky/btAbout.png' ;"> 
     <img src="Vysledky08b_soubory/btAbout.png" name="btAbout">

	</a><a href="http://bxpage.php5.sk/Treningy.html" onMouseOver="document['btTreningy'].src = 'obrazky/btTreningy2.png' ;" onMouseOut="document['btTreningy'].src = 'obrazky/btTreningy.png' ;"> 
     <img src="Vysledky08b_soubory/btTreningy.png" name="btTreningy">
	</a>
	
	<a href="http://bxpage.php5.sk/Vysledky.html" onMouseOver="document['btVysledky'].src = 'obrazky/btVysledky2.png' ;" onMouseOut="document['btVysledky'].src = 'obrazky/btVysledky.png' ;"> 
     <img src="Vysledky08b_soubory/btVysledky.png" name="btVysledky">
	</a>
	
	<a href="http://bxpage.php5.sk/Fotky.html" onMouseOver="document['btFotky'].src = 'obrazky/btFotky2.png' ;" onMouseOut="document['btFotky'].src = 'obrazky/btFotky.png' ;"> 
     <img src="Vysledky08b_soubory/btFotky.png" name="btFotky">
	</a>

	<a href="http://bxpage.php5.sk/Members.html" onMouseOver="document['btMembers'].src = 'obrazky/btMembers2.png' ;" onMouseOut="document['btMembers'].src = 'obrazky/btMembers.png' ;"> 
     <img src="Vysledky08b_soubory/btMembers.png" name="btMembers">
	</a>
	
	<a href="http://bxpage.php5.sk/Kontakt.html" onMouseOver="document['btKontakt'].src = 'obrazky/btKontakt2.png' ;" onMouseOut="document['btKontakt'].src = 'obrazky/btKontakt.png' ;"> 
     <img src="Vysledky08b_soubory/btKontakt.png" name="btKontakt">
	</a>
	 </div>
	 
	 
	<div id="obsah"> 
	
	
	 
	<blockquote>
	<pre>
	  III. KOLO SLOVENSKÉHO POHÁRA V KICKBOXE  V SEZÓNE 2007/2008 <br>
	28. marca  2008 Prešov   <br> <br>	
	chlapci -28kg        Lightcontact    Babiak Klaudio    4. miesto  
	chlapci -32kg        Lightcontact    Bodor Jozef       2. miesto  
	chlapci -32kg        Lightcontact    Leveš Tomáš       1. miesto  
	chlapci -32kg        Semicontact     Bodor Jozef       2. miesto  
	chlapci -32kg        Semicontact     Leveš Tomáš       1. miesto  
	chlapci -37kg        Lightcontact    Bodor Ľuboslav    2. miesto  
	chlapci -37kg        Semicontact     Bodor Ľuboslav    1. miesto  
	chlapci -47kg        Lightcontact    Tamáš Michal      2. miesto  
	chlapci -47kg        Semicontact     Tamáš Michal      2. miesto  
	muži    -57kg        Semicontact     Tamáš Ján         1. miesto  
	muži    -57kg FC     Fullcontact     Tamáš Ján         1. miesto  
	muži    -57kg K-R    Fullcontact     Tamáš Ján         1. miesto  
	muži    -63kg        Semicontact     Brindzák Ján      1. miesto  
	muži    -79kg        Semicontact     Frank Marek       1. miesto  
	muži    -81kg        Fullcontact     Frank Marek       4. miesto  
	muži    -60kg        Fullcontact     Brindzák Ján      2. miesto  
	muži    -60kgK-R     Fullcontact     Brindzák Ján      3. miesto 
	muži    -75kg K-R    Fullcontact     Kupsák Rudolf     3. miesto  <br>
	Celkovo sa športový klub Kickbox Leon Revúca po treťom kole SP umiestnil na druhom mieste. </pre>

	  IV. KOLO SLOVENSKÉHO POHÁRA V KICKBOXE  V SEZÓNE 2007/2008  
	16. februára  2008 Športová hala Výstavisko Lučenec
   <pre> 	
	muži  -57kg          Lowkick         Tamáš Ján         2. miesto
	muži  -57kg          Lightcontact    Tamáš Ján         2. miesto
	muži  -74kg          Lightcontact    Kupsák Rudolf     3. miesto
	muži  -75kg          Lowkick         Kupsák Rudolf     3. miesto	
     </pre>
   
   
     PÁSKOVANIE ČLENOV ŠK KICKBOX LEON REVÚCA   <br>
	28. marca 2008 Prešov  
    <pre>
	Tamáš Michal     udelený technický stupeň    3 kyu  (farba modrá)
	Bodor Ľuboslav   udelený technický stupeň    3kyu   (farba modrá)
	Ďurej Ján        udelený technický stupeň    5kyu   (farba ) 
    </pre>
	
	  V. KOLO SLOVENSKÉHO POHÁRA V KICKBOXE  V SEZÓNE 2007/2008  
	29. marca 2008 Prešov	
    <pre>
	Chlapci  -28kg    Lightcontact      Babiak Klaudio      3. miesto
	Chlapci  -28kg    Semicontact       Babiak Klaudio      4. miesto
	Chlapci  -32kg    Lightcontact      Leveš Tomáš         1. miesto
	Chlapci  -28kg    Semicontact       Leveš Tomáš         2. miesto
	Chlapci  -37kg    Lightcontact      Bodor Ľuboslav      2. miesto
	Chlapci  -28kg    Semicontact       Bodor Ľuboslav      3. miesto
	Chlapci  -28kg    Semicontact       Ivan Michal         3. miesto
	Chlapci  -47kg    Lightcontact      Tamáš Michal        2. miesto
	Chlapci  -28kg    Semicontact       Tamáš Michal        1. miesto
	Chlapci  -57kg    Lightcontact      Ďurej Ján           4. miesto
	Chlapci  -57kg    Semicontact       Ďurej Ján           2. miesto
	muži     -57kg    Semicontact       Tamáš Ján           2. miesto
	muži     -79kg    Semicontact       Frank Marek         2. miesto
	muži     -81kg    Fullcontact       Frank Marek         3. miesto
	muži     -75kg      KR K-1          Kupsák Rudolf       2. miesto
  </pre>

	</blockquote>
	
	

</div>
</div>
</div></body></html>
a tvoj problém spôsobuje float: left; v #obsah. Zmaž ten riadok z toho css a pôjde ti to. A k tej otázke čo si sa pýtal: nie, nevidel som to červeným. A práve v tom je ten problém, že ono to nefunguje ako má, nie jak si písal že funguje tak neriešim :)
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

Aha no dobre audiotrack, si z toho vonku :?
Tak dobre, slubujem ze sa polepsim :)
btw. To kamarat ma naucil takto robit, tagze mu mozem vynadat :twisted:

No dobre, naucil som sa tu od vas dost, ale stale neviem, ako by sa dalo urbit to, co pisem v prvom prispevku. Teraz zabudite ako kurv**** HTML, napiste mi nejake potencionalne riesenie k teme :)
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

používaj <pre>. V IE ti to pôjde dobre ak odstrániš z css to čo som písal, inde to pôjde tiež dobre ak tam nebudeš dávať svoje tagy a tým pádom myslím že je to zodpovedané
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

Super audio :) To je presne ono, len skoda, ze teraz mi to rozbije kod vo Firefoxe :/
Menu mam teraz hore a text pod tym. Cize nejaka podmienka IF IE by bola mozna? :)
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

k #menu pridaj height:100%;
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

nepomohlo :/
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Zachovanie tvaru textu [HTML]

Príspevok od používateľa audiotrack »

tak sa trošku pohraj so štýlmi, mne to ide relatívne dobre (trošku by bolo treba pomeniť margin aby sa mi to aj páčilo, ale nezobrazuje sa to zle). A dovoľ mi pripomenúť jednu, vec, že:
BX napísal:Zdravim. Tak robim jednu stranku (Teraz uz ju pisem ja :D)
lebo čím ďalej, tým viac ju píšem vlastne ja :D
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

No lebo ja som bol stastny, ze som napisal aspon toto a ty prides a zrusis ma tak brutalne ze sa teraz hanbim ak pes!!! :evil: :D

No a smiem vediet, ako ti to zobrazuje? Pretoze mne asi tatko:
A to asi nie je dobre :?
Prílohy
2009-08-24_234017.jpg
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Prečo namiesto tabuľky používaš <pre>?
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Príspevok od používateľa BX »

Uz v prvom prispevku som pisal, ze by som chcel ine riesenie, ako tabulku, pretoze toho textu je vela. A teda stale ho pisat do tabulky, to by ma stalo nervy :/
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Tie medzery na zarovnávanie sa tam vkladajú samé? Urob si nejaký skript, ktorý to "obalí" tou tabuľkou.
Napísať odpoveď