Ja megvan: a "line-height" nevű paramétert állítsd be a szöveget tartalmazó elem magasságának megfelelő értékre ( pl "height:100px;line-height:100px;"), s akkor középre teszi, bár ez csak egysoros dolgokra megy... próbálkozom még...

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Táblázattal megoldható...

<table style="height:100px">
<tr>
<td style="vertical-align:middle">sor1<br/>sor2</td>
</tr>
</table>

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Hogyan lehet megoldani javascript nélkül, hogy ha az egérmutatóval egy kép felé állok, egy másik kép kerüljön a helyére? Láttam ehhez HTML taget, de már elfelejtettem, hogy hol...

''Nem kell hajó, nem kell repülőgép, | Van mit ennem, van hol aludnom még!'' Tankcsapda

Nos, közben meg is találtam, és beírom, hátha jól jön még valakinek:

<img src="alap.jpg" onmouseover="src='egerfelette.jpg'" onmouseout="src='alap.jpg'">

''Nem kell hajó, nem kell repülőgép, | Van mit ennem, van hol aludnom még!'' Tankcsapda

kössz! nekem is sikerült rájönnöm egyedül, ugyanerre, illetve próbálgattam a dolgokat és jó lett
a sírba kerget már ez a w3, pont amire jó lenne, arra nem jó

www.movat.hu - http://bit.ly/2mIziA4

Nincs mit. Hát igen, ez van. De örüljünk, hogy azért van szabvány, mert ha még ennyi se lenne, nagy bajban lennénk.
Egyébként meg lehet csinálni a dolgot táblázat használata nélkül is, csak az a baj, hogy az egyelőre csak Firefox-on lehetséges, mert még az IE8 sem képes rendesen (bár még mindig jobban mint az IE7) kezelni a display attribútumot. Egészen pontosan így:

<div style="height:100px;display:table">
<div style="display:table-cell;vertical-align:middle">szöveg</div>
</div>

illetve ha több "táblázat"-sort is akarsz használni:

<div style="height:100px;display:table">
<div style="display:table-row">
<div style="display:table-cell;vertical-align:middle">első sor</div>
</div>
<div style="display:table-row">
<div style="display:table-cell;vertical-align:middle">második sor</div>
</div>
</div>

vagy div-"táblázat"-ot

<div style="height:200px;width:500px;display:table;">
<div style="display:table-row">
<div style="display:table-cell;vertical-align:middle">első sor, első cella</div>
<div style="display:table-cell;vertical-align:middle">első sor, második cella</div>
</div>
<div style="display:table-row">
<div style="display:table-cell;vertical-align:middle">második sor, első cella</div>
<div style="display:table-cell;vertical-align:middle">második sor, második cella</div>
</div>
</div>

Ez lenne az ideális, mert nem kell foglalkozni a padding-gal meg margin-okkal, stb mert alapból nulla pixelesek, míg a HTML táblázatnál már nagyon nem, s külön nullázni őket meg minden kissé macerás. Csak hát IE-ben még nem működik.

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Emlékeimben nekem is egyszerűbb megoldás rémlett... No mindegy, működik.

Újabb kérdés: aktív link körüli pontvonalat meg lehet valahogy szüntetni?

''Nem kell hajó, nem kell repülőgép, | Van mit ennem, van hol aludnom még!'' Tankcsapda

Újabb kérdés: aktív link körüli pontvonalat meg lehet valahogy szüntetni?
Nem lehet.

De, el lehet!

outline: none;

Az más dolog, hogy az IE csak a 8-as verziótól ismeri...
De attól még használhatja, bajt nem okoz vele.

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

ezekből a módszerekből is lehet szemezgetni, ha a lenti csak ie8 alatt megy

http://perishablepress.com/press/2008/06/10/sharpen-your-site-by-removing-unwanted-link-border-outlines/

http://perishablepress.com/press/2008/12/16/unobtrusive-javascript-remove-link-focus-dotted-border-outlines/

Sziasztok!

Némi karakterkódolási problémába ütköztem.
uft8 - uft8 a szöveg kódolása
ansi - ansi a szöveg kódolása

Miért nem jó egyik sem? Az utf8 elejéni az a "ďťż"?

Köszi!

[ Szerkesztve ]

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Magának a fájl kódolásának is utf8-nak kell lennie, most "ISO-8859-2".

Illetve lehet, hogy maga a server szolgálja ki másik betűkészlet használatával, hiába utf8 kódolású fájl. Ebben az esetben a gyökérben egy .htaccess fájlba kell a következőt írni: "AddDefaultCharset utf-8" (idézőjelek nélkül)

Elvileg megoldja

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Mármint ha Apache webserverről van szó...

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

De mindkét file-ban ott van a

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

sor.

Megcsináltam, amit mondtál, és átállítottam minden fájlt utf-8-ra notepad-dal.
Most van ő betű, de nem két vonal van a tetején, hanem hullámos vonal...
A .htaccess fájlba beírtam amit írtál, felraktam a szerverre, de elünt a file, viszont úgy tűnik, hogy műxik a beállítás, csak nem elég jól.
Az lehet, hogy a windows-om, vagy a szövegszerkesztőm bénázik, és nem olyan karaktert rak, amit kellene?

Kösszi!

[ Szerkesztve ]

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Nekem így ment FF3 / IE8-ban (értelemszerűen utf-8). Emlékeim szerint így szabványos, de "piszok" reggel van még...

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="hu" />

Ha "eltűnik" a fájl, az nem baj, végülis csak elrejtődik (nemtom miért), törölni nem lehet, csak úgy, ha a helyére másolsz egy üres .htaccess-t.

"Az lehet, hogy a windows-om, vagy a szövegszerkesztőm bénázik, és nem olyan karaktert rak, amit kellene?"

Én ezért nem használok notepadot, mert az utf8-at kicsit bajos benne menteni, meg egyébként is, nincs syntax-kiemelés. Normálisabb szerkesztőkben be lehet álítani alapértelmezettként utf8-at. Én pl személy szerint eclipse PDT-t használok, azon van ilyen (, meg jó sok más nyalánkság is )

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Paranormális tevékenység!!!

Megnyitottam az előzőleg UFT-8-ra átállított html fájlt notepaddal, amiben tökéletesen megjelentek az ékezetek.
Átírtam az őűŐŰ betűket ugyanarra. Mivel notepaddal nézve eddig is jó volt, így látszólag semmi sem változott. Elmentettem változatlanul utf8-ban.
Felraktam a webre, és azóta jó. A fejlécben sima utf-8 van feltüntetve. [link]

Ez mitől van? A vindózom lüke?
Vagy nem mindegy, hogy dreamweaver-rel, vagy note-paddal rakok ékezetet?
Vagy az volt a baj, hogy ANSI-ban raktam az ékezetet, és azt állítottam át uft-8-ra?

Hihetetlen... vagy nagyon nem értek hozzá...

[ Szerkesztve ]

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Ha a notepad-ban kiválasztasz egy Unicode font-t, akkor helyesen jelenik meg. Gondolom a font váltás után a kódok nem változnak, csak az értelmezése.

A notepad alapértelmezett betűtípusa a Fixedsys, amiben nincs két "ő" karakter különböző kóddal. A programoknak általában fogalmuk sincs, hogy az általuk kapott byte sorozatot milyen kódolás szerint kell értelmezniük. Ezt a tudomásukra kell hozni. Ez azt jelenti, hogy x karakter kódolással létrehozok egy byte sorozatot egy programmal (notepad), akkor x karakterkodolással ugyanazt megjeleníthetem egy másikkal (böngésző). Ellenkező esetben az általad említett problémákba lehet belefutni. A böngésző karakterkódolás beállításához feljebb találsz mintát, a DW esetet sajnos nem ismerem.

A böngészőn már jó, csak az zavar, hogy nem tudom a probléma okát.
Miért tudta a wordpad mindkét esetben jól megjeleníteni a szöveget (ugyanazzal az alap betűtípussal), holott a böngésző egyik esetben jól, másik esetben rosszul jelenítette meg.
Mindkét esetben utf8 volt a karakterkódolás és a html fejléc is, nem változtattam semmit, csak kitöröltem wordpaddal az ott jól megjelenő ékezetet, és helyére begépeltem ugyanazt. A változás csak a böngészőben látszott.

De mindegy már, a HTML része működik, a többi nem ide tartozik. Majd ha lesz időm, akkor utánanézek a problémának a megfelelő helyen. Nem akarok itt OFF-olni.

Köszi az eddigi segítséget!

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Javaslom, notepad helyett használj valamilyen normális szövegszerkesztőt. Nálam a notepad++ bevált, ezzel lehet normálisan ansi-ból utf8-ra konvertálni a szöveget.

Hali!

Kép feltöltéssel szívok. Egyelőre úgy tűnik, hogy műxik.
Úgy építettem fel, hogy egy form-ba raktam bele az input file-t, hogy a közös Submit gomb indítsa el a felöltést is.
Igen ám, de ha a júzer meggondolj amagát, és mégsem akar képet felrakni, de regisztrálni igen, akkor kel egy töröl gomb is a tallóz mellé.
A reset gomb törli az egész form-ot, ami nem jó.
Ezt hogy szokás megoldani?
Az ojjektum value mezője nem írható, ezt már próbáltam.

Gugli a barátom, épp kérdezgetem is, de eddig még homály.

A másik, hogy az input file nál nálam browse felirat jelenik meg. Ezt át lehet írni, hogy fixen tallóz legyen?

Köszi!

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Megoldottam.

Már csak az a kérdés, hogy az <input type="file"...-nál nálam "Choose..." felirat jelenik meg a gombon. Ezt át lehet írni, hogy fixen "Tallóz" vagy "Kiválaszt" legyen?

[ Szerkesztve ]

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Elvileg nem lehet, de van egy trükk: [link]

Egyébként teljesen böngészőfüggő hogy mit ír oda, ha magyar böngészőt használ, akkor magyarul írja.

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Ok, akkor marad ahogy van. Majd legfeljebb később kijavítom.
Köszi a linket, azért elmentettem.

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Sziasztok!

Hogy lehetséges, hogy ez az oldal Operával reklámmentes, viszont IE és FF használatakor megjelenik a reklámcsík?

Nézem a reklámcsík forrását, de még nem találtam meg a "titkot".

Köszi!

[ Szerkesztve ]

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Illeszd be a következőt az oldalad HEAD részébe, s akkor nem lesz reklám sehol.

<script type="text/javascript">
if (top.location != location) {
top.location.href = document.location.href ;
}
</script>

A szabályzat nem tiltja...

Egyébként én a helyedben mellőzném ezt a szolgáltatót, ha csak rajtad múlik, mert hol megy, hol nem.

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Közbe rájöttem, hogy nem is kell szkript.
Pure HTML, szal ON.

Ennyi az egész: [link]

Namármost, az a szkript, ami most kommentbe került, ezt a kódhalmazt (vagyis a reklámot) generálná a BODY tag után közvetlenül:

<span style="font-size: 9px; position: fixed ! important; bottom: 0px ! important; right: 0px ! important; z-index: 9999 ! important; opacity: 0.7 ! important; display: block; visibility: visible;" id="9344139"><a href="#" onclick="window.open('http://kozosseg.docler.hu/', 'docler', 'location=1,scrollbars=1,toolbar=1,status=1,menubar=1,resizable=1,width=1024,height=700');return false;"><img src="http://extra.hu/lib/webmaster/menu/red/docler.gif" style="border: 0px none ! important; margin: 0pt ! important; padding: 0pt ! important; width: 154px ! important; height: 25px ! important; z-index: 9999 ! important;" title="docler videó" alt="docler videó" id="1052825" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/docler_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/docler.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/docler_.gif'"></a><a href="#" onclick="window.open('http://kozosseg.docler.hu/chat', 'docler', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=1016,height=618,top=50');return false;"><img src="http://extra.hu/lib/webmaster/menu/red/videochat.gif" style="border: 0px none ! important; margin: 0pt ! important; padding: 0pt ! important; width: 94px ! important; height: 25px ! important; z-index: 9999 ! important;" title="videó chat" alt="videó chat" id="1050487" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/videochat_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/videochat.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/videochat_.gif'"></a><a href="http://www.dotroll.com" target="_blank"><img src="http://extra.hu/lib/webmaster/menu/red/domreg.gif" style="border: 0px none ! important; margin: 0pt ! important; padding: 0pt ! important; width: 143px ! important; height: 25px ! important; z-index: 9999 ! important;" title="domain regisztráció" alt="domain regisztráció" id="1008336" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/domreg_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/domreg.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/domreg_.gif'"></a><!--a style="padding:0!important; margin:0!important; border: 0px none!important; z-index: 9999!important;" href="http://extra.hu/top" title="hasonló oldalak toplistája" target="_blank"><img style="width:37px!important; height:25px!important; padding:0!important; margin:0!important; border: 0px none!important; z-index: 9999!important;" title="hasonló oldalak toplistája" src="http://extra.hu/lib/webmaster/menu/red/top.gif" onmouseover="this.src='http://extra.hu/lib/webmaster/menu/red/top_.gif';" onmouseout="this.src='http://extra.hu/lib/webmaster/menu/red/top.gif';"></a--><!--img src="http://extra.hu/lib/webmaster/menu/red/x.gif" style="width:25px!important; height:25px!important; padding:0!important; margin:0!important; border: 0px none!important; z-index: 9999!important;" title="bezár" id="1010296" alt="[X]" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/x_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/x.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/x_.gif'"--></span>

S akkor ennél már csak azt kell csinálni, hogy az összes href="xyz" dolgot kicseréled href="#"-re, majd beilleszted az oldaladon a BODY tag után, mert ugyebár a kommentben lévő szkript nem fut le, azaz Neked kell odatenni. Így a reklám marad, de nem csinál semmit ha rákattintasz, hisz a linkek nincsenek becélozva.

szerk: ja meg az onclick-eket is ki kell törölni.

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Na közbe meg is csináltam, íme:

<span style="font-size: 9px; position: fixed ! important; bottom: 0px ! important; right: 0px ! important; z-index: 9999 ! important; opacity: 0.7 ! important; display: block; visibility: visible;" id="9344139"><a href="#"><img src="http://extra.hu/lib/webmaster/menu/red/docler.gif" style="border: 0px none ! important; margin: 0pt ! important; padding: 0pt ! important; width: 154px ! important; height: 25px ! important; z-index: 9999 ! important;" title="docler videó" alt="docler videó" id="1052825" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/docler_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/docler.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/docler_.gif'"></a><a href="#"><img src="http://extra.hu/lib/webmaster/menu/red/videochat.gif" style="border: 0px none ! important; margin: 0pt ! important; padding: 0pt ! important; width: 94px ! important; height: 25px ! important; z-index: 9999 ! important;" title="videó chat" alt="videó chat" id="1050487" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/videochat_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/videochat.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/videochat_.gif'"></a><a href="#"><img src="http://extra.hu/lib/webmaster/menu/red/domreg.gif" style="border: 0px none ! important; margin: 0pt ! important; padding: 0pt ! important; width: 143px ! important; height: 25px ! important; z-index: 9999 ! important;" title="domain regisztráció" alt="domain regisztráció" id="1008336" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/domreg_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/domreg.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/domreg_.gif'"></a><!--a style="padding:0!important; margin:0!important; border: 0px none!important; z-index: 9999!important;" href="#" title="hasonló oldalak toplistája"><img style="width:37px!important; height:25px!important; padding:0!important; margin:0!important; border: 0px none!important; z-index: 9999!important;" title="hasonló oldalak toplistája" src="http://extra.hu/lib/webmaster/menu/red/top.gif" onmouseover="this.src='http://extra.hu/lib/webmaster/menu/red/top_.gif';" onmouseout="this.src='http://extra.hu/lib/webmaster/menu/red/top.gif';"></a--><!--img src="http://extra.hu/lib/webmaster/menu/red/x.gif" style="width:25px!important; height:25px!important; padding:0!important; margin:0!important; border: 0px none!important; z-index: 9999!important;" title="bezár" id="1010296" alt="[X]" onmouseover="this.src = 'http://extra.hu/lib/webmaster/menu/red/x_.gif'" onmouseout="this.src = 'http://extra.hu/lib/webmaster/menu/red/x.gif'" onmousedown="this.src = 'http://extra.hu/lib/webmaster/menu/red/x_.gif'"--></span>

[ Szerkesztve ]

A RIOS rendkívül felhasználóbarát, csak megválogatja a barátait.

Hmm, ezt a body-s dolgot én is ismerem, de egy időben nem működött.
Ezek szerint, megint műxik...
Köszi! Amint lehet regelni, kipróbálom!

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Sziasztok,

Most ismerkedek a Stylesheet-ekkel, a dreamweaver-el komolyabban. Egy viszonylag egyszerű dolgot szeretnék megvalósítani, nektek bizonyosan egyértelmű a válasz. Egy olyan weboldalt szeretnék csinálni, ami nem túl széles, magas, és mindig a képernyő közepén van.
Valahogy így kellene elképzelni: template oldal

Namost azt szeretném megoldani, hogy az oldalam mindig a képernyő közepén legyen, függetlenül attól milyen széles monitoron nézzük, mekkora a felbontás, stb.

Amit eddig sikerült elérnem, hogy az egész oldalamat kijelöltem, és CSS ben beállítottam hogy pl. 100 pixellel tolja el jobbra. Így baromi jól néz ki az én 19-es szabvány monitoromon, de ha már kiteszem teljes képernyőre, már több hely van a jobb oldalán, egy szélesvásznú monitoron gondolom meg még rosszabb a helyzet.

Tudnátok tanácsot adni ezt hogy lehetne megoldani? Előre is thx.

én a következőképp szoktam:
van egy container nevü div, ami összefogja a többit. CSS pedig így néz ki

body {
text-align: center; /*IE-ben középre megy minden*/
}

#container {
margin: 0 auto; /*Ez teszi középre a container-t*/
text-align: left; /* IE miatt betett text-align: center felüldefiniálása */
}

Hát pedig sajnos nem árt foglalkozni a 6os ie-vel. Igaz, már én is alig várom, hogy kipusztuljon, de statisztikák alapján még mindig sokan használják... Jópár óra anyázástól megkímélne, ha eltűnne a süllyesztőbe

Én nem vagyok egy guru (sőt ), de én bele szoktam rakni az egészet egy 1x1-es táblába.

<body>
<table width='100%' align='center' border='0'>
<tr>
<td>
Az oldalad tartalma.
</td>
</tr>
</table>
</body>

[ Szerkesztve ]

Eladó régi hardverek: https://hardverapro.hu/apro/sok_regi_kutyu/friss.html

Köszi a válaszokat! Ezen sikerült túllendülni.

Most egy dolog érdekel még, ez is szerintem triviális lesz nektek. Azt hogyan lehet megcsinálni, hogyha egy menügombra ráhúzom az egeret az megváltozzon? Szóval van egy képfájlom, ami menügombként funkcionál, és ha ráhúzom az egeret váltson át egy másik fájra, amin ugyanaz van kiemelve.
Előre is thx.

Na megint felmerült egy kérdésem. Úgy csinálom a weboldalt, hogy megcsinálom a design-t Photoshopban, sliceolom, majd elmentem html nek és azt szerkesztem dreamweaver-el.
Namost azok a részek ahova a szöveg kerül nálam úgy készül, hogy kiszedem a képet, majd egy új ugyanakkora div tagot teszek be, aminek háttérnek megadom a képet amit kivágtam, így megkapom ugyanazt a területet, csak szerkeszthetően.

Na most az merült fel bennem, hogy lehetséges a menügombok kattintásával csak erre a területre új tartalmat betölteni? Mint régen a border-ek használatával? Szóval mondjuk van egy index.html-em, és mondjuk ha nem akarok még 10 ugyanilyen html oldalt betölteni ha a menüben navigálok, csak a tartalmi részt akarom változtatni, az lehetséges?

Nem tudom mennyire volt érthető a dolog Csakmert jelen állás szerint úgy tudnám megoldani a dolgot, hogy csinálok egy index.html-t a főoldallal, és ha egy menüre kattintok egy teljesen új html oldalt kell betöltenem, még akkor is ha csak a tartalmi rész az ami változna.

Előre is thx a választ.