html.. pomoc

seky · Napísal **seky**: 15.05.2007 12:54

nevie mi niekto poradit ako mam napr. spravit neico take
Pondelok 13:00 do 22:00
Utorok 13:00 do 22:00
Streda 13:00 do 22:00
Stvrtok 13:00 do 22:00
Piatok 13:00 do 22:00
Sobota 13:00 do 22:00
Nedela 13:00 do 22:00
ale aby som to mal vsetko peken pod sebou hodiny , od. do
dakujem

Taomas · Napísal **Taomas**: 15.05.2007 13:16

Najjednoduchsie ked doplnis tolko medzier, aby to bolo zarovnane tak ako chces.
Alebo to vloz do tabulky.

suchy · Napísal **suchy**: 15.05.2007 15:55

tabulka.

to Taomas: nechapem jak mu mozes poradit aby to zarovnaval medzerami.

p360t · Napísal **p360t**: 15.05.2007 17:26

Jednoduchá tabuľka:

Kód:

<table>
  <tr>
    <td>Pondelok</td>
    <td>13:00</td>
    <td>do</td>
    <td>20:00</td>
  </tr>
  <tr>
    <td>Utorok</td>
    <td>13:00</td>
    <td>do</td>
    <td>20:00</td>
  </tr>
 <!-- atd takto vsetky dni -->
</table>

Avšak musíš si uvedomiť jedno - HTML kód dáva stránkam význam - jednotlivými značkami určuje, čo ktorá časť znamená. Neslúži na vytváranie vzhľadu stránok! Na to je CSS. Preto, ak chceš napr. názvy dní tučným písmom a všetky časy zarovnané doprava, musíš použiť CSS:

Kód:

<!-- tento tag (STYLE) vloz do hlavicky (tj medzi <head> a </head>) -->
<style>
.den {
font-weight: bold;
}
.cas {
text-align: right;
}
</style>
<!-- tento tag (table) vloz do tela stranky (medzi <body> a </body>) -->
<table>
  <tr>
    <td class="den">Pondelok</td>
    <td class="cas">13:00</td>
    <td>do</td>
    <td class="cas">20:00</td>
  </tr>
  <tr>
    <td class="den">Utorok</td>
    <td class="cas">13:00</td>
    <td>do</td>
    <td class="cas">20:00</td>
  </tr>
 <!-- atd takto vsetky dni -->
</table>

Ak máš chuť na samoštúdium, neexistuje lepšie miesto ako české Jak psát web, v opačnom prípade by som sa na tvojom mieste obrátil na odborníkov - či už nejakého kódera, alebo voľne šíriteľný redakčný systém (viac v príslušnej sekcii tu na fóre).

Inak nebolo by jednoduchšie napísať, že je otvorené každý deň od 13:00 do 20:00?

zero0x · Napísal **zero0x**: 16.05.2007 6:05

inac pocuvaj p360t, v ramci zbavovania sa tabuliek zo stranky, by som chcel nahradit tabulku pri formulari: vlavo nazvy inputov, vpravo inputy, a je to urobene tak, ze nazvy su zarovnane doprava a inputy dolava, chapes..?

a toto by som chcel nahradit csskom.. da sa take?

p360t · Napísal **p360t**: 16.05.2007 7:07

Dá sa aj to, ale úprimne povedané - je to strašná otrava. Načrtnem ti niečo, čo napísal Pixy vo svojej knihe.

Index.html

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Formulář bez použití tabulky</title>
<link rel="stylesheet" href="styl.css" type="text/css">
</head>
<body>
<h1>Formulář bez použití tabulky</h1>
<form>
  <fieldset>
  <label for="jmeno">Jméno:</label>
  <br>
  <input type="text" size="20" id="jmeno">
  <br>
  <label for="prijmeni">Příjmení:</label>
  <br>
  <input type="text" size="20" id="prijmeni">
  <br>
  <label for="komentar">Komentář:</label>
  <br>
  <textarea name="komentar" id="komentar" cols="20" rows="10"></textarea>
  </fieldset>
</form>
</body>
</html>

styl.css

Kód:

body {
   font: small/1.3 "Helvetica CE", Arial, sans-serif;
   background: #fff;
   }
form {
   width: 460px;
}
fieldset {
   padding: 10px;
   border: none;
}

label {
   width: 120px;
   float: left;
   display:block;
}
form br {
   display: none; /* pro lepší zobrazení bez stylů */
}
input, textarea {
   width: 300px;
   margin: 0 0 10px 0;
}

Jáááj počkaj, toto je naopak, že inputy sú vľavo a labely vpravo. Chvíľku vydrž.

Takže tu je moje riešenie, ktoré ale nie je úplne 100% (pretoťže problémy s ním nemá len Opera 9.2, Firefox má haluze pri popiskoch presahujúcich 1 riadok a IE6 takmer so všetkým - trošku sa s tým pohraj, niečo z toho možno bude).

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title></title>
    <style>
    form {
    width: 502px;
    border: 1px solid navy;
    background: lavender;
    padding: 10px;
    }
    input, label {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    }
    br {
    display: none;
    }
    input {
    width: 200px;
    float: left;
    }
    label {
    width: 300px;
    float: right;
    text-align: right;
    }
    #clearovac {
    float: none;
    clear: both;
    }
    </style>
  </head>
  <body>
    <h1>Moje riešenie formuláru</h1>
    <form>
      <label for="inp1">
        Toto je prvý Input1, ktorý má takto nenormálne dlhý popis (len aby si
        videl, čo sa stane, ak to preženieš)
      </label> <input type="text" id="inp1"><br>
      <label for="inp2">Pozri si, ako sa to správa s vypnuným CSS</label>
      <input type="text" id="inp2"><br>
      <label for="inp3">Input3</label> <input type="text" id="inp3"><br>
      <input type="submit" value="odošli" id="clearovac">
    </form>
  </body>
</html>

mylan · Napísal **mylan**: 16.05.2007 10:41

Prečo dávať formulár preč z tabuliek? IMHO to tabuľkové data sú, tak si netreba komplikovať život a formuláre kľudne v tabuľkách nechať.

http://www.dgx.cz/trine/item/dokonale-s ... -formularu (najmä diskusia pod článkom)
http://www.plavacek.net/formulare/formu ... bulka.html

suchy · Napísal **suchy**: 16.05.2007 14:34

ja osobne si myslim ze formular medzi tabulkove data nepatri a ze tag label existuje prave koli formularom(semantika, pristupnost). prvky formularu nieje problem jednoducho rychlo a pekne nastylovat.

fero182 · Napísal **fero182**: 16.05.2007 15:17

Setko daj do jednej tabulky aza kazdym riadkom daj BR a mylsim si ze by to mohlo stacit

p360t · Napísal **p360t**: 16.05.2007 15:33

Len niekedy človek potrebuje mať veci hotové fakt rýchlo, takže v tom prípade ja volím tabuľky a venujem sa niečomu dôležitejšiemu. Nie je to ideálne, ale aspoň si šetrím nervy, čas a klientovi peniaze.

Quote of the day:

fero182 píše:

Setko daj do jednej tabulky aza kazdym riadkom daj BR a mylsim si ze by to mohlo stacit

Tento postup je rozhodne zlý - ak už formulár dávaš do tabuľky, nemusíš na konci riadku dať <br> - predsa <tr>, riadok v ktorom sú samotné bunky, zabezpečí zalomenie. Kde by si chcel dať to <br>?? Do bunky? Alebo do riadku tabuľky? Alebo do samotného tela tabuľky???

MANIAC · Napísal **MANIAC**: 10.06.2007 12:34

Napíš to normálne a vlož to do tagov: <pre> </pre>

Malo by to fungovať.

Tominator · Napísal **Tominator**: 10.06.2007 19:20

no ja by som to generoval PHPčkom žeby som sa nenapísal ...

shaggy · Napísal **shaggy**: 10.06.2007 23:39

Hmm, generovať php-čkom? Na takýto krátky kód je to zbytočné, tých 7 riadkov ma nezabije (a v php-čku to nebude o moc kratší zápis). A hlavne, myslím že jeho situáciu to moc nevyrieši, php to samé od seba nenaformátuje :roll:

Tominator · Napísal **Tominator**: 11.06.2007 13:19

ale ked bude chiet robit cely rok takto tak uz PHP

shaggy · Napísal **shaggy**: 11.06.2007 14:14

Neviem, ale myslím si že rok má v každom týždni rovnaké dni...
Ak to sú napr. otváracie hodiny, neviem čo by mu to pomohlo + on sa pýta ako zarovnať pod seba tie hodiny a v tom mu php-script nepomôže, stále to bude mať nezarovnané, takže si mu moc neporadil, skôr ho iba zavádzaš.

Myslím, že dobrých riešení tu už pár má (okrem toho s tabuľkou a BR v nej

).

p360t · Napísal **p360t**: 11.06.2007 15:43

shaggy píše:

Myslím, že dobrých riešení tu už pár má (okrem toho s tabuľkou a BR v nej

).

A ja si zas myslím, že riešite mesiac starý problém :lol:

.

shaggy · Napísal **shaggy**: 11.06.2007 19:34

Hej, ale ide aj o ľudí, čo si túto tému potom prečítajú (ak budú mať podobný problém) a budú sa zamýšľať ako im php pomôže naformátovať niečo.

Tominator · Napísal **Tominator**: 13.06.2007 14:29

ta veď si da pole a potom da kod:
echo "<table>";
$i=0;
while ($i<10){
echo "<tr><td>$zaznam['Trebarsden1']</td><td>$zaznam['Trebarsden2']</td></tr>";
$i++;
}
// kto vie či ta aj funguje? (Robím výlučne s Mysql)

p360t · Napísal **p360t**: 13.06.2007 22:34

Tominator píše:

ta veď si da pole a potom da kod:
echo "<table>";
$i=0;
while ($i<10){
echo "<tr><td>$zaznam['Trebarsden1']</td><td>$zaznam['Trebarsden2']</td></tr>";
$i++;
}
// kto vie či ta aj funguje? (Robím výlučne s Mysql)

Tomi, už to nehaj tak, dávno to je vyriešené a toto čo sem dávaš je aj tak absolútne nevhodné.

html.. pomoc

Podobné témy