HTML-szerkesztés kezdőknek!!!

Jelentkezz be a hozzászóláshoz.

Sil78
#3477
Na de még ha létre is hozza, hol fog látszani az a felirat? Úgy gondoltad, hogy az alt text jelenjen meg tooltip-ként, amikor fölé megy egérrel? Mert az nem fog menni Firefoxban, az csak a title-t jeleníti meg így, az alt-ot a szabványnak megfelelõen csak akkor mutatja, ha maga a kép nem elérhetõ.

These are my friends, see how they glisten...

Dj Faustus
#3476
"a piros belépés felirat az a null.gif miatt eltünt és mot ott semi nincs"
A null.gif egy 258*33 méretû teljesen átlátszó gif kép. Szóval létre kell hozni egyet.

Vagy módosítsd következõképp a HTML kódot:
<div id="center2">
<a href="main.htm">
<div></div>
</a>
</div>


Akkor a CSS-kód a következõképp módosul:
#center2 a div {
cursor: pointer;
background: url("fullflash_04.jpg") center top no-repeat;
width: 258px;
height: 33px;
margin: 0px;
padding: 0px;
border: none;
}
#center2 a:hover div {
cursor: pointer;
background: url("rollover_04_04.jpg") center top no-repeat;
width: 258px;
height: 33px;
margin: 0px;
padding: 0px;
border: none;
}

grizzly21
#3475
ez már középen van köszi!
egyedüül az a gond, hogy a piros belépés felirat az a null.gif miatt eltünt és mot ott semi nincs😞

Dj Faustus
#3474
Táblázat használata nélkûl, valid kóddal, középre pozicionálva a 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>Indexoldal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="row1">
<div id="leftcell"></div>
<div id="centercell">
<div id="center1"></div>
<div id="center2">
<a href="main.htm"><img src="null.gif" alt="Belépés" width="258" height="33" border="0" /></a>
</div>
</div>
<div id="rightcell"></div>
</div>
<div id="row2"></div>
</div>
</body>
</html>

A null.gif egy 258*33 méretû teljesen átlátszó gif kép.

A HTML kódhoz tartozó CSS kód (style.css):
body {
background-color: #ffffff;
color: #000000;
margin: 0px;
padding: 0px;
text-align: center;
}
#container {
position: absolute;
background-color: #ffffff;
color: #000000;
width: 772px;
height: 431px;
top: 50%;
left: 50%;
margin: -215px auto auto -386px;
padding: 0px;
border: none;
vertical-align: middle;
text-align: left;
}
#row1 {
width: 772px;
height: 324px;
margin: 0px;
padding: 0px;
border: none;
}
#leftcell {
background: url("fullflash_01.jpg") center top no-repeat;
width: 257px;
height: 324px;
margin: 0px;
padding: 0px;
border: none;
float: left;
}
#centercell {
width: 258px;
height: 324px;
margin: 0px;
padding: 0px;
border: none;
float: left;
}
#center1 {
background: url("fullflash_02.jpg") center top no-repeat;
width: 258px;
height: 291px;
margin: 0px;
padding: 0px;
border: none;
}
#center2 a img {
background: url("fullflash_04.jpg") center top no-repeat;
width: 258px;
height: 33px;
margin: 0px;
padding: 0px;
border: none;
}
#center2 a:hover img {
background: url("rollover_04_04.jpg") center top no-repeat;
width: 258px;
height: 33px;
margin: 0px;
padding: 0px;
border: none;
}
#rightcell {
background: url("fullflash_03.jpg") center top no-repeat;
width: 257px;
height: 324px;
margin: 0px;
padding: 0px;
border: none;
float: left;
}
#row2 {
background: url("fullflash_05.jpg") center top no-repeat;
width: 772px;
height: 107px;
margin: 0px;
padding: 0px;
border: none;
}

grizzly21
#3473
nem, nem kell annyira nem fontos.
egyébként ehhez kell:
http://kurucz.try.hu //öcsémnek

Dj Faustus
#3472
Validitás ellenörzése:
* (X)HTML/WAP
* CSS
* RSS/Atom
* Section 508/WCAG
* Paramédia

Ajánlom még figyelmetekbe:
* Akadálymentes weboldalak
* Weblapok ergonómiája
* Irányelvek webfejlesztõknek
* Jakob Nielsen: Web-Design
* World Wide Web Consortium - a(z) (X)HTML, CSS, és egyéb szabványok lelõhelye.

CattiBrie
#3471
mit nyertem?

tudom, hogy rájöhetek, hogy hol a hiba és csináljam meg FF alá is 😊

[/spam]&#8482;

grizzly21
#3470
találat😊

CattiBrie
#3469
fogadjunk hogy FF-t használsz!

[/spam]&#8482;

grizzly21
#3468
valóban viszont most meg horizontálisan nincs középen, és a rollover image nem megy

#3467
ponsosan... esetleg valaki tudna ajánlani valamit amibol (meg)lehet tanulni Faustus 3. pontjában szereplo komplikáltnak titulált dolgokról (valid, böngészõfüggetlen) ? mert en igy magát a nyelvet (html, css php stb.) értegetem, de konkrét ilyen húzások érdekelnének amivel ezeket el lehet érni (valid, böngészõfüggetlen)
thx <#vigyor3>

C2Q Q9550, ASUS P5Q DLX 2x2GB OCZ REAPER 1066 CL5 MSI 8800GTS 512 OC, WD VelociRaptor 150G

Dj Faustus
#3466
"Szerintem a legegyszerûbb programozási nyelv, már ha lehet annak nevezni."
Nem az. HyperText Markup Language - hiperszöveg leíró nyelv.
Programozási nyelvek: Logo, (Visual) Basic, (Visual) C(++), C#, Pascal, Delphi, Java, Fortran, Assembly,...
Szkriptnyelvek (majdnem programozási nyelvek, de mégsem azok): PHP, ASP, Javascript, Perl (CGI), VBS,...

"a HTML oldalak már legalább 3-4 éve elavultak"
1. A mai trend az, hogy az oldal tartalmát, és az oldal design-ját különszedjék. Az elõbbihez ott az (X)HTML, az utóbbihoz ott a CSS. Sõt valószínûleg hosszabb távon az oldal tartalmát, az oldal struktúráját, az oldal design-ját szét fogják szedni. Erre lesz majd az XML+XSLT+CSS megoldás.

Remélhetõleg a cégvezetõk rájönnek, hogy a céges weblapoknál igen fontos az ergonómikus (felhasználók számára könnyen böngészhetõ, vakok/süketek/bénák számára is élvezhetõ), jól kialakított, valid oldal. Ugyanis ez is trend.
2. A statikus oldalak azért avultak el, mert a felhasználók egyre jobban elvárják a sûrûn frissûlõ tartalmat.
3. A HTML nyelv könnyen megtanulható. Ami komplikált, az a valid, böngészõfüggetlen (amit a CSS és a Javascript kissé megnehezít), ergonómikus weboldal kialakítása.

CattiBrie
#3465
jajj, de ércs férre, csak azon "hihi"-ztem, hogy én azon az oldalon adtam be a HTML beadandómat.. 😊

[/spam]&#8482;

DEXTER92
#3464
Még az oldal neve is: "weblapszerkesztés kezdõknek"
Amúgy meg ez a HTML nyelv tök egyszerû dolog, két éve, egy unalmas hétvégén megtanultam az egészet. Ennyi. Szerintem a legegyszerûbb programozási nyelv, már ha lehet annak nevezni. De manapság HTML-el az ember már semmire se megy, azonkívül minimum javascript és php kell, mert a HTML oldalak már legalább 3-4 éve elavultak.

Az intenzíven fekszem. Kérem, a sípszó előtt hagyjon üzenetet. Napról napra az újdonság varázsával ajándékoz meg az amnézia!

CattiBrie
#3463
lol

[/spam]&#8482;

DEXTER92
#3462
Szerintem egyszerûen meg lehet tanulni innen. Én még annó könyvbõl tanultam, asszem a 'Weblapszerkesztés házilag' c. /bbs könyvkiadó/ könyvbõl.

Az intenzíven fekszem. Kérem, a sípszó előtt hagyjon üzenetet. Napról napra az újdonság varázsával ajándékoz meg az amnézia!

CattiBrie
#3461
nédd csak meg, hogy mennyire középen van az!!!!!

itt

[/spam]&#8482;

CattiBrie
#3460
de hát, nincs benne

[/spam]&#8482;

grizzly21
#3459
beleírtam, akkor is beleírtam de nem rakta középre!

CattiBrie
#3458
ja és, ne zippelve tegyél fel tárhelyre weboldalt, csak simán másold fel a fájlokat

[/spam]&#8482;

CattiBrie
#3457
na, ez eddig jó, de írd bele, amit modntam

#3444 -as komment, ami zölddel van

[/spam]&#8482;

grizzly21
#3456
http://stopthebees.uw.hu/html.zip

batman
#3455
de egyébként nem bonyolult:

Csinálsz egy "nagy" táblázatot, amibe a teljes tartalom bekerül. Ennek mindössze 1 sora és 1 cellája legyen. Ebbe a cellába berakod a másik táblázatot úgy, hogy valahogy így nézzen ki: <td valign="middle"><table><tr>....és így tovább.

és ezt az egészet (tehát a "nagy" táblázatot) vagy a <center></center>, vagy a <div align="center"></div> módszerrel vízszintesen is középre rakod. Ennek mûködnie kell.

[...] Te romboló állat! Te sátán!

batman
#3454
ez miez? "http://stopthebees.uw.hu/oldal.zip"

egyébként nálam is mûködik, amit Cattie-Brie csinált

[...] Te romboló állat! Te sátán!

CattiBrie
#3453
ez mi ez a zip?

[/spam]&#8482;

CattiBrie
#3452
akkor valamit nagyon elcsúnyázol, mert megicsnáltam és nálam középen-középen van minden

[/spam]&#8482;

grizzly21
#3451
ugyanaz nem müxik😞
viszont már jó az uw:
http://stopthebees.uw.hu/oldal.zip

batman
#3450
oké

[...] Te romboló állat! Te sátán!

CattiBrie
#3449
de

[/spam]&#8482;

batman
#3448
Azt értem, de attól még maga a táblázat nem lesz középen...

[...] Te romboló állat! Te sátán!

CattiBrie
#3447
egy table-ban a cucc automatikusan úgy van

[/spam]&#8482;

batman
#3446
ebben hol van a függõlegesen középre helyezésért felelõs rész? <#fejvakaras>

[...] Te romboló állat! Te sátán!

batman
#3445
ld még a #3439-es hozzászólást. Ugyanakkor ha jól értettem a dolgot az elején, akkor függõlegesen is középre akarod igazítani a tartalmat. A valign (vertical align) pont ezt csinálja, vagyis a függõleges igazításhoz kell, értéke pedig top, middle vagy bottom lehet.

[...] Te romboló állat! Te sátán!

CattiBrie
#3444
itt van egészben a kód, csak ebbõl már kiszedtem dolgokat, mert azok zavartak:


<HTML>
<HEAD>
<TITLE>main2</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 style="text-align:center;">

<table style="height:100%;"><tr><td>

<TABLE WIDTH=792 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="257" ROWSPAN=2>
<IMG SRC="fullflash_01.jpg" WIDTH=257 HEIGHT=324 ALT=""></TD>
<TD width="258">
<IMG SRC="fullflash_02.jpg" WIDTH=258 HEIGHT=291 ALT=""></TD>
<TD width="277" ROWSPAN=2>
<IMG SRC="fullflash_03.jpg" WIDTH=257 HEIGHT=324 ALT=""></TD>
</TR>
<TR>
<TD> <a href="main.html"><img src="fullflash_04.jpg" name="Image5" width="258" height="33" border="0"></a></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="fullflash_05.jpg" WIDTH=772 HEIGHT=107 ALT=""></TD>
</TR>
</TABLE>

</td></tr></table>

</BODY>
</HTML>

[/spam]&#8482;

CattiBrie
#3443
nya megvan:

body

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 style="text-align:center;">


és a belsõ table köré:

<table style="height:100%;"><tr><td>

table rész

</td></tr></table>


Így müxik

[/spam]&#8482;

grizzly21
#3442
nem látok valin-t sehol😞

batman
#3441
a valign attribútumhoz nem a center, hanem a "middle" érték kapcsolódik, illetve a "bottom" és a "top"

[...] Te romboló állat! Te sátán!

grizzly21
#3440
itt az egész:
és köszi h foglalkoztok vele:
<HTML>
<HEAD>
<TITLE>main2</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p.src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames.document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr=x; if(!x.oSrc) x.oSrc=x.src; x.src=a;}
}
//-->
</script>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (main2.psd) -->
<TABLE WIDTH=792 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="257" ROWSPAN=2>
<IMG SRC="fullflash_01.jpg" WIDTH=257 HEIGHT=324 ALT=""></TD>
<TD width="258">
<IMG SRC="fullflash_02.jpg" WIDTH=258 HEIGHT=291 ALT=""></TD>
<TD width="277" ROWSPAN=2>
<IMG SRC="fullflash_03.jpg" WIDTH=257 HEIGHT=324 ALT=""></TD>
</TR>
<TR>
<TD> <a href="main.html"><img src="fullflash_04.jpg" name="Image5" width="258" height="33" border="0"></a></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="fullflash_05.jpg" WIDTH=772 HEIGHT=107 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

Sil78
#3439
A valign értéke nem is lehet center, maximum middle.

These are my friends, see how they glisten...

CattiBrie
#3438
Ilyen formában add meg az iframes sort:

<iframe src="valami.html" height="400" width="500"></iframe>

[/spam]&#8482;

CattiBrie
#3437
akkor másold be a forrást

[/spam]&#8482;

grizzly21
#3436
igen, de valamiért nem okés ez sem.😞

CattiBrie
#3435
hát én nem bízom semmien progiban

azért kipróbálod az én forrásomat?

[/spam]&#8482;

grizzly21
#3434
a PS programozta le így jók sztem

CattiBrie
#3433
Hümm...


szélességeb beállításai jóak???


<table cellpadding="0" cellspacing="0" style="width:792px;text-align:center;">
<tr>
<td width="257" rowspan="2">
<img src="fullflash_01.jpg" width="257" height="324" alt=""></td>
<td width="258">
<img src="fullflash_02.jpg" width="258" height="291" alt=""></td>
<td width="277" rowspan="2">
<img src="fullflash_03.jpg" width="277" height="324" alt=""></td>
</tr>
<tr>
<td>
<a href="main.html"><img src="fullflash_04.jpg" name="image5" width="258" height="33" border="0"></a></td>
</tr>
<tr>
<td colspan="3">
<img src="fullflash_05.jpg" width="792" height="107" alt=""></td>
</tr>
</table>

[/spam]&#8482;

grizzly21
#3432
sajnos az uw épp bedöglött, csak emailben tudnám elküldeni

CattiBrie
#3431
muti

[/spam]&#8482;

grizzly21
#3430
Nos, a gond az, hogy az egész elcsúszik😞

CattiBrie
#3429
Tráj disz:

"<TABLE WIDTH=792 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>"

helyett

"<TABLE WIDTH=792 HEIGHT="100%" BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>"

[/spam]&#8482;

grizzly21
#3428
Hellóka, a következõ a gondom:
van egy PS grafika, amit save for webként elmentettem, és igy automatikusan html-be került az egész. align = center-re horizontálisan gyönyörûen középen van. Vertikálisan azonban nem. a valign = "center" eredménytelen. A script:

<TABLE WIDTH=792 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="257" ROWSPAN=2>
<IMG SRC="fullflash_01.jpg" WIDTH=257 HEIGHT=324 ALT=""></TD>
<TD width="258">
<IMG SRC="fullflash_02.jpg" WIDTH=258 HEIGHT=291 ALT=""></TD>
<TD width="277" ROWSPAN=2>
<IMG SRC="fullflash_03.jpg" WIDTH=257 HEIGHT=324 ALT=""></TD>
</TR>
<TR>
<TD> <a href="main.html"><img src="fullflash_04.jpg" name="Image5" width="258" height="33" border="0"></a></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="fullflash_05.jpg" WIDTH=772 HEIGHT=107 ALT=""></TD>
</TR>
</TABLE>

Nagyon köszönöm a segítséget.