HTML kérdésem van

[Kiskalóz]

Balázsnak ez a javascript language mindig is szúrta a szemét.. nekem is szólt már érte párszor

[Pjotr]

Netkaloz, szerintem csak el vannak szúrva a kódolásaid (a PHP, JS, CSS, HTML fájloknak is UTF8-asoknak kell lenniük, plusz a szervernek is azt kell kiküldenie).

 

Kiskalóz, azért nem valid, mert nem az (k-val írva se)! Nem tudom, mi áll a háttérben, de az biztos, hogy ez eleve egy bunkó módja a felhasználó irányításának. JavaScript-tel sokkal szebben, ügyesebben, validabban meg lehet csinálni.

[Kiskalóz]

Akkor lennél olyan kedves átdobni egy olyan JS kódot amivel meg tudom oldani?

[payskin]

Azért nem valid (ha jól tudom csak XHTML strictben nem az), mert a targetet eredetileg arra találták ki, hogy a különböző frame-ekbe (blöárgh) lehessen tartalmat betölteni. Tekintve, hogy az XHTML-nek van egy külön frame-es doctype-ja, ezért ez a strictben nem valid.

 

HTML5-ben nem tudom, mi a helyzet, utána kellene olvasni abszolút megengedett és támogatott. Még egy ok, hogy HTML5-ben írjuk weboldalainkat!

 

Netkalóz: a <script> tagnél tovább nem is néztem a kódot, ott már kész voltam. Esetleg este visszatérhetünk rá, most épp csak beugrani volt időm...

[Netkaloz]

@Spányik Balázs

 

Elõre is köszönöm, ha segítesz.

Nem tudom elõny-e részemrõl, hogy "földik" vagyunk.

 

 

@Pjotr

 

És ha minden UTF-8-as lesz, akkor a magyar karakterek is olvashatóak maradnak?

[payskin]

Igen, de előre szólok, hogy kevés annál nagyobb szívás van, mint a karakterkódolás-váltás egy adatbázisban. Anno én is nagyon megszenvedtem vele...

[Kiskalóz]

@Netkaloz:

UTF-8 ban persze hogy tudod olvasni a magyar karaktereket. Nekem az egész szerver arra van konfigurálva.

[payskin]

Amúgy ennyire borzasztó lenne az oldal forrása?

Kérdezzük meg a Validatort. Azt mondja:

38 Errors, 11 warning(s)

 

Igen, annyira.

 

Első körben ezeket javítsd ki, szerintem, és csak utána kezdjél bármi mással foglalkozni. Szerencsére ennek a jó része az elején levő javascripttel foglalkozik, amit első körben 1:1-ben kihajítanék a kódból. Aztán ha nagyon muszáj, hogy az oldal mutassa az időt (nem tudom, sosem éreztem még szükségességét, hogy a weboldalam mutassa az időt), akkor az oldal végére a

[mazda6diesel]

Sziasztok!

 

Az lenne a kérdésem, hogy hogyan lehet megoldani azt, hogy a szöveg szélessége ne legyen hosszabb egy bizonyos méretnél. Van egy oldalam aminek a fejlécén van egy 800 pixel szélességû kép. Azt szeretném hogy ha a kép alá írok szövegeket, sok bekezdéssel akkor a szövegek szélessége ne legyen hosszabb mint a kép tehát 800 pixel. Hogyan kellene ezt megoldani?

[[OP]Destroy-man]

Azt már probáltad, hogy a kép alá raksz egy 800 px széles DIV-et, és abba irod a szöveget, vagy már az adott képet is ebbe a DIVbe teszed? De meg lehet oldani táblázattal is.

[mazda6diesel]

Tegnap kezdtem foglalkozni a html-el, tehát még nagyon laikus vagyok. Mi az a DIV?

[Giraffe1]

Érdemes lenne a legelejétõl elkezdened a Websulit.

 

@[OP]Destroy-man

Az utolsó mondatért nagyon kár volt.

[[OP]Destroy-man]

Táblával is megoldható, igaz, azt nem fejtettem ki, hogy hogyan...

 

Egyébként itt egy angol leírás, hogyan kell megvalósítani a képaláírást:

http://www.cs.tut.fi/~jkorpela/www/captions.html

 

De azis lehet, hogy én értettem félre, és az a 800px-es kép az oldal fejléce lenne, és akkor tényleg nem szerencsés a táblás megoldás. Ez csak azon múlik, hogy mi a felhasználási cél. A lényeg, hogy sok féle képpen meg lehet valósítani, ahogy azt a fenti link is bizonyítja.

[Giraffe1]

Valóban sokféleképpen meg lehet oldani, pont ezért nem kellene - fõként két websulis tanár elõtt - ilyenek javasolni.

[payskin]

Táblával egy dolgot oldunk meg, egyes egyedül egyetlen dolgot: a táblázatokat. SEMMI MÁST.

[Netkaloz]

Üdv Mindenkinek!

 

 

Egy számomra bonyolult kérdésem van.

Hogyan lehet egy kép több pontját különálló linkként mûködtetni?

 

Elõre is köszönöm a választ!

[payskin]

Több megoldás is van:

 

a) klasszikus image map

 

b) a képet berakod egy befoglaló objektum (

,

stb.) hátterének, majd azon belül csinálsz megfelelő méretű kis belső objektumokat, amikben lehetnek linkek mindenfelé (Nézd meg a jateknet.hu fejlécében a Játékbolt, Kedvenc, Márka, Mesehős stb. főbb menüpontokat. Az valójában egy háttérkép.)

[Netkaloz]

@Balázs

 

Köszönöm a gyors választ!

Bár elsõre elég nehéznek tûnik számomra és az ajánlott oldal forráskódja sem egyszerû, majd küzdök vele, aztán kérdezek.

[payskin]

Csak azért tűnik bonyolultnak, mert a listaelemekben ott van a "legördülő" panelek teljes forrása. Ha ezeket kivesszük, ezt kapjuk:

 

<ul id="mainnav">
    <li id="toys">
        <a class="navlink" href="#">Játékbolt</a>
    </li>
    <li id="baby">
        <a class="navlink"  href="#">Bababolt</a> <!-- Kedvencek -->
    </li>
    <li id="brands">
        <a class="navlink" href="#">Márkák</a>
    </li>
    <li id="heroes">
        <a class="navlink" href="#">Mesehős</a>
    </li>
    <li id="spec">
        <a class="navlink" href="#">Akció</a>
    </li>
</ul>

Nagyjából ez a CSS hozzá:

 

#mainnav { width: 463px; height: 44px; background: url(../images/headermain2.png) 0 0 no-repeat; }

#toys, #baby, #brands, #heroes, #spec { float: left; }
#toys   { width: 107px; }
#baby   { width:  96px; }
#brands { width:  84px; }
#heroes { width:  99px; }
#spec   { width:  76px; }

.navlink { display: block; height: 44px; text-indent: -9999px; }

 

(Heh, a második menüpont eredetileg Bababolt volt, azt most cseréltük le Kedvencekre a képen. A HTML-ben viszont még a Bababolt van benne. Jó is, hogy észrevettem. )

[Kiskalóz]

Lenne 1 apró problémám.

 

Adott 1 oldal, ahol fényképeket is meg szeretnék jeleníteni.

adatbázisból kérdezné le, kirakja a weboldalra, és 3 kép után új sorban folytatja.

 

Namármost ennek a megjelenítésével nem igazán boldogulok.

Ha berakok a css-be egy float: left értéket, akkor megjelenik egymás mellet 2 kép, de nem 3 ahogy én szeretném, és a footer is feljön egészen a képekig. Ha ezt kiveszem akkor a footer tökéletes de a képeket egymás alá rakja.

 

itt meg lehet nézni:

Link

 

Update:

 

Közben sikerült megoldani a 3 képet egymás mellé (kevés volt neki a div mérete.. elfelejtetem beleszámolni a margint)

De a footer még mindig nem jó

[Pjotr]

Kell egy üres <div> a footer elé clear: both; css tulajdonsággal.

[Kiskalóz]

Tökéletes!

 

Köszönöm!

[payskin]

Kell egy üres

a footer elé clear: both; css tulajdonsággal.

[Pjotr]

Így szeretem. B...-e vagyok?

[Kiskalóz]

Nincs kérdésem.. vagyis csak egy...

Aki ilyen kódot ír az mégis miben bízik?

 

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Névtelen1.psd) -->
<table width="1024" height="768" border="0" align="center" cellpadding="0" cellspacing="0" id="id01__t_bl_zat">
    <tr>
        <td>
            <img src="http://asdasd.hu/images/proba5_01.jpg" width="47" height="340" alt=""></td>

        <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="917" height="340" align="middle">
          <param name="movie" value="http://www.asdasd.hu/proba2.swf">
          <param name="quality" value="high"><param name="LOOP" value="false"><param name="PLAY" value="false">
          <embed src="http://www.asdasd.hu/proba2.swf" width="917" height="340" loop="false" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" play="false"></embed>
        </object></td>
        <td>
            <img src="http://asdasd.hu/images/proba5_03.jpg" width="60" height="340" alt=""></td>
    </tr>
    <tr>

        <td colspan="3">
            <img src="http://asdasd.hu/images/proba5_04.jpg" width="1024" height="34" alt=""></td>
    </tr>
    <tr background="http://asdasd.hu/images/proba5_05.jpg">
    <td colspan="3"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <HTML>
      <!--          @page { size: 21cm 29.7cm; margin: 15cm }          P { margin-bottom: 0.21cm }      -->
      <BODY DIR="LTR">
      <table width="1023" height="491" border="0" align="center">

        <!--DWLayoutTable-->
        <tr>
          <td width="72" height="954"> </td>
          <td width="851" valign="top"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML>
            <!--          @page { size: 21cm 29.7cm; margin: 2cm }          P { margin-bottom: 0.21cm }      -->
            <p align="center" class="style8" STYLE="margin-bottom: 0.49cm; line-height: 100%">EGY ÉLETRE AJÁNLJUK! 

</p>
.......

......

 

Igen.. az.. oldalon belül, új BODY HTML ... fantasztikus..

 

Balázs ehhez képest a script lang. .... kutyafüle!