Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (14) összesen

Téma: h3 kiszélesíti a táblázatot

  1. #1
    Mentor
    Csatlakozott
    07-04-26
    Hely
    Szeged, Budapest
    Hozzászólás
    459
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás h3 kiszélesíti a táblázatot

    A problémám a következő. Lehet, hogy nagyon triviális, meg hülye a kérdés, de html-szakértő haverom nem tudott rá mit mondani, azt mondja, nem vágja, miért van ez. Én se. De én nem vagyok HTML-szakértő, ahogy ez mindjárt látszódni fog:

    Szóval: ha megnézítek a magyar wikipedia főoldalát, itt vannak olyan fejlécek, hogy kiemelt szócikk, a nap képe, stb. De a fél interneten vannak ilyenek. Na, én is ilyen fejlécet csináltam, szöveggel és képpel, a következő módon, biztos csúnya a kód, meg nem valid, de ez van :

    HTML kód:
    <table width="100%" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
    <tr valign="top">
    <tr halign="center">
    <td colspan="2" bgcolor="#FF6600">
    <font color="white"><h3>Fejléc</h3></font>
    
    </td>
    </tr>
    <tr valign="top">
    <td width="100%">
    <p>Szöveg
    </p>
    <a href="cucc.html">Cucc</a>, <a href="cucc.html">Cucc</a>, <a href="cucc.html">Cucc</a> -
    </td>
    <td width="240">
    <img width="240" height="180" src="kep.jpg">
    
    </td>
    </tr>
    </table>
    Na, ha a h3-at a fejléc elől kiszedném, még jól is működne, de mivel ott a h3, így egy km. hosszú rész lesz még a szöveg előtt. Inkább megmutatom, h3-al és h3 nélkül a csatolásban, hogy világos legyen (tehát a Spanyolországnál jó, csak ott nincs előtte h3).

    A h3-ra vonatkozó css részlet:

    HTML kód:
    h3 {
    color:#FFFFFF; font-size:100%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
    font-weight:bold;}
    Mondjuk a megoldás ott lehet a Wikipedia kódjában, mert náluk meg h2-ben, és ott működik.


    Csatolt kicsinyítések Csatolt kicsinyítések h3 kiszélesíti a táblázatot-h3problema.jpg  

  2. #2
    system g-easy logója
    Csatlakozott
    07-04-26
    Hely
    n/a
    Hozzászólás
    4.311
    Thanked 1 Time in 1 Post

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    Nem biztos, hogy jól értem, de ez a probléma? Csak dobd át a css-be..
    HTML kód:
    <font color="white"><h3 style="margin-top: 0; margin-bottom: 0">Fejléc</h3></font>




  3. #3
    Bölcs Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.873
    Begyűjtött 168 köszönetet
    109 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    Itt a kód valid, kiegészített változata a css-nél kommentekkel ellátva, táblát bennehagytam viszont így könnyebb átlátni és módosítani a kódot.

    HTML kód:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>An XHTML 1.0 Transitional Minta Oldal</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="leiras" />
        <meta name="keywords" content="kulcs, szavak" />
        <style type="text/css">
    
            /*a tablazat altalanos tulajdonsagai */
            table {
                width: 100%;
                backround-color: #ffffff;
                border: 1px;
                }
                td.fejlec {
                    background-color: #FF6600; /* a fejlec TR hatterszine*/
                    }
                td.kep {
                    width: 240px;
                    height: 180px;
                    background-color: #cccccc;
                    }
    
            h3 {
                font-family: "trebuchet ms", "lucida sans", arial, sans-serif; 
                color: #ffffff;
                font-size: 14px; /* cimsor szovegmerete */
                font-weight: bold;
                margin: 0; /* margin nullazasa, nem kell most */
                padding: 0 5px; /* fent es lent 0px, jobb es bal oldal 5px paddingot kapott, hogy ne erjen hozza bal oldalon a falhoz*/
                line-height: 23px; /* cimsor magassaga */
                vertical-align: middle; /* vertikalis kozepre igazitasa a szovegnek */
                }
    
        </style>
    </head>
    <body>
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="2" class="fejlec"><h3>Fejléc</h3></td>
        </tr>
        <tr>
            <td>
                <p>szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt </p>
                <p><a href="cucc.html" title="">cucc</a>, <a href="cucc.html" title="">cucc</a>,  <a href="cucc.html" title="">cucc</a></p> 
            </td>
            <td class="kep"><img width="240" height="180" src="kep.jpg" alt="" longdesc="" /></td>
        </tr>   
    </table>
    </body>
    </html>




  4. #4
    Törzsvendég sanyez logója
    Csatlakozott
    07-04-29
    Hely
    Budapest
    Hozzászólás
    127
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    Már megint azok a táblázatok.. :|



  5. #5
    Mentor
    Csatlakozott
    07-04-26
    Hely
    Szeged, Budapest
    Hozzászólás
    459
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    Kösz mindkettőtöknek, működik is! Külön kösz hardernek az oktató célú kommenteket, így már ezt a részét is megtanultam. Sose foglalkoztam ilyenekkel, mert mindenre nincs időm egyszerre.



  6. #6
    Bölcs huncyrus logója
    Csatlakozott
    07-04-26
    Hely
    EU :)
    Hozzászólás
    519
    Begyűjtött 3 köszönetet
    3 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    és ha nem a default h3-at nyuzerálnátok hanem csinálnátok egy sajátot egyedi css-el akkor még a többi platformon nem is birálná felül defaultra az ilyen fejléc szövegeket és nem esne szét minden második böngészőben az egész


    Cyrusmagus.hu - Informatika, Fantasy, Blog, Irások
    Szörnygyilkos 4.0 - hamarosan

  7. #7
    Bölcs Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.873
    Begyűjtött 168 köszönetet
    109 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    Milyen böngészőben esik szét ez a formázás? Meglepődnék ha így lenne..



  8. #8
    Bölcs huncyrus logója
    Csatlakozott
    07-04-26
    Hely
    EU :)
    Hozzászólás
    519
    Begyűjtött 3 köszönetet
    3 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    dear Harder. elég sok kod szétesik mindenféle böngésző alatt. pl a css alapbóül nem ugyanugy jelenik meg ie6.1 , firefox és maxthon alatt... sőt safari alatt sme

    (jo példa volt rá a papirsárga háttér-css szin. ie alatt jo volt a szin, firefox alatt lila, maxthon alatt sárga, safari alatt rozsaszin...) pedig standard iso szabvány szerinti css szin volt... csak példának hoztam fel...



  9. #9
    Mentor
    Csatlakozott
    07-04-26
    Hely
    Szeged, Budapest
    Hozzászólás
    459
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    Idézet huncyrus eredeti hozzászólása Hozzászólás megtekintése
    és ha nem a default h3-at nyuzerálnátok hanem csinálnátok egy sajátot egyedi css-el akkor még a többi platformon nem is birálná felül defaultra az ilyen fejléc szövegeket és nem esne szét minden második böngészőben az egész
    Ez saját h3 volt. Leraktam akkora betűtípusra, mint a szöveg, mégis előtte-utána kihagyott 2 km. helyet.



  10. #10
    Bölcs Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.873
    Begyűjtött 168 köszönetet
    109 hozzászólásával

    Alapbeállítás re: h3 kiszélesíti a táblázatot

    Idézet huncyrus eredeti hozzászólása Hozzászólás megtekintése
    dear Harder. elég sok kod szétesik mindenféle böngésző alatt. pl a css alapbóül nem ugyanugy jelenik meg ie6.1 , firefox és maxthon alatt... sőt safari alatt sme
    Nem kötözködésképpen, de tényleg érdekelne hogy mi eshet szét és melyik böngésző alatt egy ilyen egyszerű formázásnál. Azért próbálok kiszedni belőled vmi konkrét példát, mert ez amit írtál, annyira általános mint a "volt egy ismerősöm akinek a barátja húgának a ...". Ezzel nem lehet mit kezdeni, nem lehet rá érdemben, építő módon reagálni.

    A sitebuild kb ugyanolyan mint a programozás, lehet jó kódot írni meg lehet rosszat. Az, hogy valaki egy rossz megoldással vagy hibás kóddal rossz tapasztalatokat szerez, megesik... ilyenkor ki kell deríteni mi okozta a hibát és tanulni belőle.

    Megjegyzésként még annyit, hogy a maxthon az ie motorját használja, így ha egyiken gond van, gond lesz a másikon is.



Oldal: 1 / 2 12 UtolsóUtolsó

A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •