Autor Zpráva
stitch123
Profil
Zdravim,

predem bych chtel podotknout, ze jsem absolutni zacatecnik. To, co se vam bude asi zdat jako prkotina, je pro me nevyresitelny problem

Potrebuju vytvorit dva sloupce pro tento web (Nehodnotte vzhled, prosim. Ramecek je tam jen pro lepsi orientaci, ve finalni verzi nebude.). Jeden s nazvem "Přebarvené originální vlajky:" a druhy "Moje vlastní vlajky:". Problem, jak uz sami asi vidite, je v tom, ze druhy sloupec se mi dava doprostred webovky a ja nevim, jak ho dat do stejne linie s tim prvnim. Nejspis to popisuju dost chaoticky, ale doufam, ze pochopite, co tim myslim.

Tohle je muj dosavadni kod, nic jinyho se mi nepovedlo vymyslet.

<!DOCTYPE HTML>
<html>
     <head>
          <title>Stitchovy vlajky</title>
     </head>
     <body>
       <p><strong><font style="font-size: 25px">Stitchovy vlajky</font></strong></p>
       <p>Vlajky, které jsem vytvořil do internetové hry <a href="http://darkelf.cz">DarkElf</a>.</p>
       <table border="1px">
        </tr>
          <td>
          
         
          <p><strong>Přebarvené originální vlajky:</strong></p>
          <p>Vzor: vlajka číslo 70 <img src="http://www.darkelf.cz/images/v/70a.gif" />
          <ul>
             <li><img src="http://imageshack.com/a/img703/334/riiu.gif" /><img src="http://imageshack.com/a/img542/4691/rdzg.gif" />
             <li><img src="http://imageshack.com/a/img834/5875/rxq.gif" /><img src="http://imageshack.com/a/img607/9918/grc.gif" />
             <li><img src="http://imageshack.com/a/img837/7965/mfa8.gif" /><img src="http://imageshack.com/a/img836/5574/h9wb.gif" />
             <li><img src="http://imageshack.com/a/img703/8112/wm4.gif" /><img src="http://imageshack.com/a/img849/2646/7eb7.gif" />
             <li><img src="http://imageshack.com/a/img829/7282/tnqb.gif" /><img src="http://imageshack.com/a/img819/4537/we9.gif" />
             <li><img src="http://imageshack.com/a/img690/4131/xgu0.gif" /><img src="http://imageshack.com/a/img690/5414/z3w.gif" />
             <li><img src="http://imageshack.com/a/img836/8181/1m9.gif" /><img src="http://imageshack.com/a/img703/3705/bs.gif" />
          </ul>
          <p>___________________________</p>
          <p>Vzor: vlajka číslo 210 <img src="http://www.darkelf.cz/images/v/210a.gif" />
          <ul>
             <li><img src="http://imageshack.com/a/img401/1320/eo8.gif" /><img src="http://imageshack.com/a/img843/6241/cge.gif" />
             <li><img src="http://imageshack.com/a/img404/9070/xdnp.gif" /><img src="http://imageshack.com/a/img853/874/a2pm.gif" />
             <li><img src="http://imageshack.com/a/img208/9340/i93.gif" /><img src="http://imageshack.com/a/img839/7354/a2r.gif" />
             <li><img src="http://imageshack.com/a/img854/800/do2r.gif" /><img src="http://imageshack.com/a/img571/7049/hij.gif" />
             <li><img src="http://imageshack.com/a/img802/2259/566.gif" /><img src="http://imageshack.com/a/img30/281/yqa4.gif" />
             <li><img src="http://imageshack.com/a/img703/3538/4yl.gif" /><img src="http://imageshack.com/a/img199/8044/ib7.gif" />
             <li><img src="http://imageshack.com/a/img856/1585/qmlj.gif" /><img src="http://imageshack.com/a/img687/3923/q5i.gif" />
          </ul>
          <p>Všechny vlajky v seznamu si můžete bezplatně stáhnout a používat.</p>
          <p>Připomínky, dotazy, nebo návrhy mi můžete posílat na můj darkelfácký nick <a href="http://www.darkelf.cz/statistiky/vyhledavani.asp?hrac=558924">stitch123</a>.</p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <!-- ---- Pocitadlo od Toplistu. ---- -->
          <a href="http://www.toplist.cz/" target="_top"><img 
          src="http://toplist.cz/count.asp?id=1607749&logo=mc&start=49" border="0" alt="TOPlist" width="88" height="60"/></a>
          <!-- ---- Konec kodu pocitadla. ---- -->
          <p style="font-size: 10px">©2014 Štěpán Krejčíř</p>
          <p style="font-size: 10px">Webová hra <a href="http://darkelf.cz">DarkElf</a> je vlastnictvím Zdeňka Pletky.</p>
           </td>
         
           <td>
              <p><strong>Moje vlastní vlajky:</strong></p>
              <p>(Přidám později)</p>
           </td>
         </tr>
        </table>
     </body>
</html>

Vim, ze se to da udelat pres CSS, ale to uz vubec neumim pouzivat. Je nejake reseni v HTML?

Dekuji.
Bubák
Profil
stitch123:
Je nejake reseni v HTML?
Pozměnit řádek 51 takto:
<td valign=top>
Více na Tabulky » td

Doporučuji použít CSS, třebas takto:
<head>
  <title>Stitchovy vlajky</title>
  <style>
    td  { vertical-align: top; }
  </style>
</head>

Nehodnotte vzhled
Přesto jsem se neudržel, nadpisy se nedělají takto:
<p><strong><font style="font-size: 25px">Stitchovy vlajky</font></strong></p>
Ale takto (ale já bych vyhodil i atribut style):
<h1 style="font-size: 25px">Stitchovy vlajky</h1>
Obdobně podnadpisy, na ty je element h2
stitch123
Profil
Bubák:
Tag <h> znam. Puvodne jsem ho tam i mel. S <p> umim lip pracovat, takze jsem to nakonec udelal takhle.

Diky za odpoved :)
jenikkozak
Profil
Stejně jako doma nedáváš knížky do ledničky a cibuli pod polštář, je nesmyslné vkládat nadpisový text do odstavce.
stitch123
Profil
jenikkozak:
Dobre, ja to upravim ;)


Diky za odpovedi.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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