Otazka ohladne HTML kodu

  • 23 príspevkov
  • samo 07.02.2009 - 18:44

    Zdravim, opytam sa znalejsich v tomto obore...

    ako spravim pomocou HTML / PHP kodu toto:

    mam text,robim cennik na webe a potrebujem aby napravo boli nazvy a hned vedla toho vlavo zarovnane ceny,cize napr:

    Kofola ----------------------------------------------------------- 1EUR / 30.126 Sk

    (bez - )

    dik

  • Andrej07.02.2009 - 18:57 Trvalý odkaz

    uplne najjednoduchsie je to spravit tabulkou ktorej nastavis pevnu sirku, do kazdeho riadku das dve bunky a jednej das do stylu ze "text-align:left" a druhej "text-align:right".

    druhy sposob je ze nazov a cena budu samostatne spany alebo divy ktore budes v style floatovat takto "float:left" alebo float "right"

    osobne by som na toto volil tabulku nakolko je lepsie kompatibilna s mobilnymi prehliadacmi a nebude robit problem na malych rozliseniach displejov

    samo07.02.2009 - 19:04 Trvalý odkaz

    hm,ta tabulka sa mi pozdava

    a nejako cez CSS?

    hladam najjednoduchsi sposob,poslal som ti do SS odkaz,pomozes mi s tym?

    skusal som toto:

    <table>
    <col style="text-align: right">
    <col span="2" style="text-align: center">
    <tr> <td>vpravo zarovnany sloupec</td> <td>Vycentrovany sloupec</td> <td>Dalsi vycentrovany sloupec (to je ta dvojka).</td> </tr>
    </table>

    ale nefunguje

    Andrej07.02.2009 - 19:32 Trvalý odkaz

    <table width="800" style="margin:auto; background:#eee">
    <tr>
    <td style="text-align:left">left</td>
    <td style="text-align:center; border-bottom:1px solid #f00">center</td>
    <td style="text-align:right">right</td>
    </tr>

    <tr>
    <td style="text-align:left">left</td>
    <td style="text-align:center; border-bottom:1px solid #f00">center</td>
    <td style="text-align:right">right</td>
    </tr>
    </table>

    Andrej07.02.2009 - 19:34 Trvalý odkaz

    a to style si myslis ze nie je CSS? :D
    ak sa ti nepaci inline CSS mozes si tam dat ze class="lavabunka" a vytvor si externe css kde pod lavabunka hodis styl.. css ta dufam ucit netreba ;)

    samo07.02.2009 - 19:34 Trvalý odkaz

    diki :) nie netreba

    dobra vec,akurat ze to musim vsetko vkladat rucne a po jednom,co da dost zabrat cely cennik :D

    Andrej07.02.2009 - 19:36 Trvalý odkaz

    si to sprav v exceli to snad nie je take tazke :D
    medzi bunky si vloz stlpce do ktorych das html :) tam narves uzavretie a zaciatok buniek a nakoniec si to cele oznacis a vlozis to textaka :)

    dufam ze excel ovladas :D pripadne calc

    samo07.02.2009 - 19:41 Trvalý odkaz

    robim to v Taco HTML a Coda ...ide to rychlejsie

    Andrej07.02.2009 - 19:45 Trvalý odkaz

    nepoznam, ja pouzivam notepad++ :))

    samo07.02.2009 - 19:49 Trvalý odkaz

    :) pouzival som aj ja,ked som mal este Mrkvosoft ;)

    Notepad ++ je skoro to iste ako Taco HTML

    defluo07.02.2009 - 21:07 Trvalý odkaz

    na taketo veci je najlepsie mat nejaky WYSIWYG editor, kde sa da ten kod potom aj editovat... potom netreba uz ani pisat zbytocne tie blbosti... ja som na toto pouzival homesite... tam sa da navolit ze aku velku tabulku chces a ono ti ju to vytvori aj s peknym kodom

    Gepid07.02.2009 - 22:05 Trvalý odkaz

    wysiwyg by som nepouzival. Dava do kodu straasne vela nepotrebnych veci a tym ho zatazuje...
    Ale spravit tabulko vo wysiwygu a pouzit iba ten kod by sa celkom dalo...

    Andrej07.02.2009 - 22:09 Trvalý odkaz

    1. co to je zbytocny kod?
    2. je malo wysiwyg editorov co generuju cisty validny kod
    3. jediny wysiwyg co za nieco stoji je dreamweaver od adobe
    ovela lepsie su textove editory ako je napr coffee cup alebo acehtml ale kazdy poriadny webcoder pouziva alebo .NET rozhranie pre ASP alebo textovy blok pre PHP :)

    Raynor08.02.2009 - 13:47 Trvalý odkaz

    3. jediny wysiwyg co za nieco stoji je dreamweaver od adobe

    --------------------------------

    a co taky iWeb od Apple ?

    samo08.02.2009 - 13:49 Trvalý odkaz

    dreamweaver je aj pre Mac,existuje ich plno plno,ako som uz pisal,Coda,Taco HTML,iWeb,...

    blast3r08.02.2009 - 14:38 Trvalý odkaz

    no... takze chlapec to chcel cez CSS... ok neni problem...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    #vlavo {
    float:left;
    text-align: left;
    padding-right: 240px;
    }
    #vpravo {
    float:right
    text-align: left;
    width:300 px;
    }
    -->
    </style>
    </head>

    <body>
    <div id="vlavo">Kofola</div><div id="vpravo">1EUR / 30.126 Sk</div>

    </body>
    </html>

    Andrej08.02.2009 - 14:56 Trvalý odkaz

    v rychlosti :)
    za float:right ti chyba ciarka ostatne riadky budu ignorovane, inak by si dosiel ze aj ten riadok text-align:left ti robi pataliu a zarovnava ti to na zaciatok toho 300px bloku

    dalsia hovadina co tam mas je div id="vlavo" resp pravo.. pokial pouzijes id moze sa na stranke vyskytovat len raz inak musis miesto id pouzit class, automaticky v css musis nahradit # za . a to nevravim ze si zbytocne oddelil css, radsej ho vlozit do externeho suboru..

    moj nazor, no flame

    Andrej09.02.2009 - 20:50 Trvalý odkaz

    samsung nehnevaj sa ale table je predpotopne pouzivat na dizajn, na strukturovane veci je aktualne stale najlepsia tabulka.. keby s tym pracujes denne vedel by si ze to tak je.. naviac ked kazdy prehliadac inak renderuje css za vsetko vravi IE6. ale odlisnosti su aj medzi ie7 ff a operou predovsetkym v zakladnych nastaveniach paddingoch marginoch. ale opera ma aj inak ponaty pojem dedicnosti ked napriklad dedi z rodica na potomka text-indent, co napriklad ie7 a ff nerobia a takych detailov je milion

    Peter Makai10.02.2009 - 15:35 Trvalý odkaz

    niner, ved ja s tym pracujem denne :-D vies kolko stranok presurfujem? :-D
    Ano, mas pravdu na hento sa da pouzit tabulka v pohode, ale ja by som to s tabulkou nerobil...

    Andrej10.02.2009 - 18:04 Trvalý odkaz

    ja by som to nerobil cez css elementy, je to vec nazoru, ked mas maly displej tabulka vyzera rovnako ale elementy su floatovane daleko inak, ostatne popisal som obe metody ale zastancom som rozhodne tabuliek.
    v priamom obsahu webu by sa divy pouzivat nemali. pokial nieco potrebujes nastylovat odporuca sa span a na struktorvane veci su fakt naj tabulky. vcera boli, dnes su a ver ze aj zajtra budu :P

    Richard Hombauer10.02.2009 - 18:25 Trvalý odkaz

    ja len k tomu listku:
    "somlo halusky" nie su podla mna spravne. to su somloi ;)

    Andrej10.02.2009 - 18:39 Trvalý odkaz

    tomu poviem off topic prispevok :D normalne som sa teraz dobre od srdca zasmial :D

    samo10.02.2009 - 23:46 Trvalý odkaz

    ja len k tomu listku:
    "somlo halusky" nie su podla mna spravne. to su somloi ;)

    Risko,pisal som to len tak,ani ceny nesedia ;),zajtra budem mat cely cennik a pekne to prepisem,respektive ho tam hodim v PDF