- One mobilszolgáltatások
- Bemutatkozott a Poco X7 és X7 Pro
- iPhone topik
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Milyen okostelefont vegyek?
- Január 30-tól Magyarországon is kapható a Vivo X200 Pro
- Vivo X200 Pro - a kétszázát!
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- EarFun Air Pro 4 - a cél a csúcs
- Motorola Edge 50 Neo - az egyensúly gyengesége
Új hozzászólás Aktív témák
-
Vasinger!
nagyúr
válasz
Sk8erPeter #2396 üzenetére
Mert sok van.
De nem rossz 5let, megjegyeztem.
-
Gyuri16
senior tag
egy kis guglizassal megtalaltam a valaszt:
[link]
Remark resz.
nagyjabol annyi hogy az ie nem tudja letrehozas utan a type attributumot atirni (lehet az uj verzio mar tudja, nem probaltam, bugtracker alapjan nem igazan foglalkoznak vele)itt egy javaslat megoldasra (harmadik hsz):
[link]
eszerint ujra letre kell hozni az inputot. (kiprobalni most nem tudom, linuxos gep elott ulok) -
tildy
nagyúr
Egy kerdesem lenne
<input type="text" name="xCustPassword" onFocus="if(this.value == 'enter password') this.value=''; this.type='password';" onBlur="if(this.value == '') this.value='enter password'; else this.type='password';" value="enter password" style="width:150px"/>
<a href="http://shetland-stage.cabinetuk.com/customer.php?xCmd=fpshow&jssCart=xyz" class="action">forgotten password?</a>
</td>Ez miert nem valt ie7ben vissza password tipusra? Lehet latni mit irok be ...
-
Gyuri16
senior tag
-
Vasinger!
nagyúr
válasz
Gyuri16 #2390 üzenetére
Hopsz, valóban. Félreértelmeztem:
A képek használata során ügyeljen arra, hogy azok a vizsgakönyv-tár áthelyezése után is helyesen jelenjenek meg!Így már érthető, egyszerűen csak az képek relativitását kellet kikapcsolni a könyvtárhoz képest.
Még annyi kérdésem lenne, hogy a betűkészletet mire állítsam át, hogy az ékezetes betűket is rendesen jelenítse meg? Ne használjon pl.: ilyeneket: õ, û
[ Szerkesztve ]
-
Vasinger!
nagyúr
Sziasztok!
NVU-ban, hogy lehet azt beállítani, hogy a képeket egy weblapon akkor is megjelenítse, ha azt a gépről törlöm. Szóval tegye bele a .html fájlba, ne kelljen külön mellérakni, hogy megtalálja.
-
cucka
addikt
válasz
petrusz82 #2386 üzenetére
Bár szerintem kell lennie valami másik lehetőségnek is.
Float-olt div-ekkel nincs más lehetőség. A div-es layout gyakorlatilag azt jelenti, hogy lebegő, jobbra vagy balra igazított dobozokkal próbálod eljátszani azt, mint ha hasábokra lenne bontva az oldalad, pedig valójában nincs.
Ha arra van szükséged, hogy a rendelkezésre álló helyet mindig és minden esetben kitöltsék a hasábjaid (függőlegesen), akkor készítsd el táblázattal a layout-ot. Tudom, hogy ez nem túl divatos megoldás, viszont működik, illetve ebben az esetben csak ez működik.
Javascript-es megoldás is működhet, de szerintem az kicsit túlzás, hogy az oldal alapvető struktúráját is ezzel kelljen beméretezni. (Bár volt olyan feladatom, amit csak ilyen javascript-es bohóckodással tudtam megoldani)
[ Szerkesztve ]
-
petrusz82
aktív tag
válasz
DeltaPower #2385 üzenetére
Erre a megoldásra nem gondoltam, ki fogom próbálni! Bár szerintem kell lennie valami másik lehetőségnek is. Már csak azért is, mert egy ilyen háttérkép készítése további segédeszközt kíván. Nem beszélve arról, ha én pl. egy tájat akarok háttérnek.
[ Szerkesztve ]
-
petrusz82
aktív tag
válasz
Sk8erPeter #2383 üzenetére
Köszönöm válaszod, jó a megoldás amit írtál. De rájöttem, hogyha a container hátterét megváltoztatom, akkor nem gond ha lejjebb csúszik.
Megfogadtam tanácsodat, és kicseréltem az ékezetes karaktereket. Annyit még megkérdeznék, hogy meg lehet -e oldani, hogy a bal menü akkora legyen, hogy mindig összeérjen a lábléccel.
Tehát ne kelljen a magasságot beállítani, mert az mindig változik.
-
Sk8erPeter
nagyúr
válasz
petrusz82 #2382 üzenetére
Gondolom pont az lett volna a célod, hogy NE csússzon le a doboz, ahogy az általad mellékelt képen látható
Tehát sztem rossz képet mellékeltél.
A megoldás:
p{
margin-top:0px;
}Jótanács: programozásnál NAGYON NEM szerencsés az ékezetes karakterek használata!! Még ha a böngésző el is fogadja az általad mutatott esetben, inkább cseréld le ékezetek nélküli karakterekre.
-
petrusz82
aktív tag
válasz
Gyuri16 #2381 üzenetére
Most már érthető a dolog! Viszont lenne egy újabb kérdésem:
<!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">
#háttér{background-color:#999
}
#konténer{width:800px;
margin:auto
}
#fejléc{background-color:#F00;
height:100px
}
#balmenü{ background-color:#00F;
float:left;
height:300px;
width:160px
}
#tartalom{
height:300px;
background-color:#FFF;
}
#lábléc{background-color:#0F0;
height:78px
}
</style>
</head>
<body id="háttér">
<div id="konténer">
<div id="fejléc">fejléc</div>
<div id="balmenü">balmenü</div>
<div id="tartalom">
<p>Come enjoy the vacation of a lifetime! We do the work and you have the fun! Our tour through the hill towns of Umbria is unequalled. For two weeks, you'll enjoy worry free pampering.</p>
<p>Every day, a delicious breakfast and dinner (with wine) are included. Lunch is on your own. Travel in air conditioned buses on ten wonderful day trips to the surrounding beautiful, historic hill towns. </p>
<p>Our luxury hotel accommodations include a hot tub, pool, and nearby by night time entertainment. Your weekend is free to schedule as you wish, but your meals are always provided by our excellent chefs.</p>
</div>
<div id="lábléc">lábléc</div>
</div>
</body>
</html>
Ha a tartalom div-ben vannak bekezdések, akkor elcsúsztatja a dobozt lejjebb. Ezt hogyan lehet kiküszöbölni, hogy ilyen legyen: -
Gyuri16
senior tag
válasz
petrusz82 #2380 üzenetére
id arra valo, ha az oldalon belul csak egy olyan tag fordul elo, class pedig akkor ha tobb. peldaul a header es footer az tipikusan olyan dolog ami egy oldalon csak egyszer van, azert az lehet id. ezen az oldalon (forum) pl a hozzaszolasokbol tobb van, azert annak a divnek classt kell adni
a te peldadban az osszes div egyedi, tehat lehet id-t hasznalni. ha az egyik menuben lesznek menuelemek, akkor azokat mar classkent kell megadni
-
petrusz82
aktív tag
A következő példával próbálom megérteni, hogyan is lehet a weblapot div-ek segítségével felépíteni:
<!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=iso-8859-1" />
<title></title>
</head>
<body>
<div id="wrapper" class="wrapper"> <!-- csomagolo -->
<div class="header"> fejléc </div> <!-- fejlec -->
<div class="menu_left"> bal oldali menü </div> <!-- bal menu -->
<div class="content"> tartalom </div> <!-- tartalom -->
<div class="menu_right"> jobb oldali menü </div> <!-- jobb menu -->
<div class="footer"> lábléc </div> <!-- lábléc -->
</div> <!-- /csomagolo -->
</body>
</html>
a css pedig:
<style type="text/css">
<!--
#wrapper {
width: 800px; /* 800px-es szélesség */
background-color: #ffffff; /* fehér háttérszín */
}
.header {
height: 120px; /* 120px-es szélesség */
background-color: #cccccc; /* szürke háttérszín */
}
.menu_left {
width: 200px; /* 200px-es szélesség */
background-color: #888888; /* sötétszürle háttérszín */
float: left; /* lebegtetés balra */
}
.menu_right {
width: 200px; /* 200px-es szélesség */
background-color: #666666; /* középszürke háttérszín */
float: right; /* lebegtetés jobbra */
}
.content {
width: 400px; /* 400px-es szélesség */
background-color: #ff0000; /* piros háttérszín */
float: left; /* lebegtetés balra */
}
.footer {
height: 50px; /* 500px-es szélesség */
background-color: #676767; /* háttérszín */
clear: both; /* tüntetés/törlés alolra */
}
-->
</style>De azt nem sikerült megtudnom, hogy mikor is kell használnom az ID-t és mikor a CLASS-t
Azt már tudom róla, hogy az ID az csak egy dolgot határoz meg, míg a CLASS többet is.
Valaki felvilágosíthatna ezzel kapcsolatban, hogy mikor melyik kell.Köszönöm!
-
kutjaaa
tag
válasz
próbakocka #2377 üzenetére
Ennek az oldalnak a forrását nézd meg, minden benne van!
A letöltött fájl kiterjeszését nevezd át, azért így jön le mert alapesetben ha *.js lenne akkor a böngésződ meg akarná nyitni.
Üdv
[ Szerkesztve ]
-
kutjaaa
tag
válasz
próbakocka #2374 üzenetére
Szia!
A head-be vagy a css-be beraktad vagy megcsináltad a stílusát?
Üdv
[ Szerkesztve ]
-
próbakocka
senior tag
nem gondolnám, hogy ez ennyire bonyolult.
csak sikerült már valakinek ezt megoldani, vagy mégse ?
-
próbakocka
senior tag
Itt van egy megoldás, de valamiért nem akar összejönni;
ezzel teszem html-be;
<div id="tumblr-badge"></div>
<script type="text/javascript" src="tumblrBadge-1.1.js"></script>de egyszerűen nem csinál semmit. az oldal többi része megvan, de a js nincs.
mondjuk az oldalról letöltött js, valamiért download kiterjesztéssel jön le, de tartalma rendben van )úgytűnik.
-
próbakocka
senior tag
aki tud tumblr-t embed-elni html-be, (nem az alapot ami a goodies oldalon van, dátum és minden nélkül, hanem formázatlan, de bővített adatosat), az kérem segítsen ...
-
kutjaaa
tag
válasz
Sk8erPeter #2369 üzenetére
Van már egy adatbázis amely-ből különböző adatokat kérek le, de sajna még nem volt időm/lusta voltam a sima tartalmakhoz is megcsinálni a táblákat meg a lekérdezéseket!!
Plussz most nagyon jól hozza a google az oldalt, és nem akarom az átalakítással elbarmolni!
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
válasz
kutjaaa #2368 üzenetére
Pl. ha nem az "Átalakítás"-ra mész, hanem csak simán átkattintasz a másik kódolásra, az el szokta rontani a karakterkódolást.
Azt az előbb nem tettem hozzá, hogy természetesen a mysql_query-hez már léteznie kell egy működő kapcsolatnak az adatbázissal, de végül is ez triviális. -
kutjaaa
tag
válasz
Sk8erPeter #2367 üzenetére
Köszi a tippet!
Notepad++-t használok mióta weblapokat készítek idestova 2004 óta!
A gond amiért először kénytelen voltam sima txt-nek elmenteni az az volt, hogy hiába alakítottam UTF-8-ra valami miatt Opera, és FF alatt rossz volt!
Arra gyanakszom, hogy valami "szemét" került a tartalomba és ugye a sima txt-ként 8859-2-be történt mentés kitakarította, utána pedig már vidáman működött!
Üdv
Tudod a fő gond az volt, hogy amikor irtam ide a kérdést hulla fáradt voltam mert reggel 6:45 óta nyomtam az "ipart" és egyszerüen elfogyott az agyam
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
válasz
kutjaaa #2362 üzenetére
Mondjuk ahelyett a fájl-újramentés helyett jóval egyszerűbb lett volna Notepad++-szal az "Átalakítás UTF-8 kódolásra BOM nélkül" menüpontra kattintani, majd az új kiterjesztést megadva elmenteni, és kész.
És igen, rosszul fogalmaztál, mert abból az egy mondatból nem tudhatom, hogy van-e fogalmad az egész karakterkódolásról meg egyebekről, mindenesetre a mondatod igencsak félreérthetően hangzott.Ja, és adatbázisban is UTF-8 kódolásúak a táblák?
Majd egy ilyen sem árthat a fájlod elején (PHP):
mysql_query('SET NAMES utf8');
Csak gondoltam előre szólok, mert lehet vele szívni, ha az embernek ez nem jut eszébe. -
kutjaaa
tag
válasz
Sk8erPeter #2359 üzenetére
Köszi a kiigazítást!
Egyenlőre>>egyelőre
-
yolan
őstag
válasz
kutjaaa #2363 üzenetére
.selectedanchor{
background: none;
}
.legordulo{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
background: none;
width: 200px;
}
.legordulo ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.legordulo ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}
.legordulo a:hover{
background: white;
color: white;
}
.legordulocols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
background: #E9E9E9;
}
.legordulocols li{
padding-bottom: 3px;
}
.legordulocols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}
.legordulocols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.legorduloshadow{
position: absolute;
left: 0;
top: 0;
z-index: 99;
background: white;
visibility: hidden;
} -
kutjaaa
tag
#menu a {
width:140px;
max-width:140px;
min-width:140px;
height: 25px;
font-size: 70%;
font-weight: bold;
background: #D1862B; ennek a helyére linkeled a képet
background-repeat: norepeat;
border-right: 1px solid #663300;
border-left: 1px solid #663300;
border-bottom: 1px solid #663300;
border-top: 1px solid #663300;
color: #FFFFFF;
text-decoration:none;
font-family: Verdana;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 0px;
}#menu a:hover {
background: #663300; ennek a helyére meg azt a képet amit akkor szeretnél megjeleníteni ha felette van az egér!
color: #FFFFFF;
text-decoration:underline;
} -
kutjaaa
tag
válasz
Sk8erPeter #2359 üzenetére
Akkor rosszul fogalmaztam, adatbázisból akarom a tartalmat is tölteni!
A jelenlegi oldalam is php de *.html-ből szedi a tartalmakat nem adatbázisból!! Megjegyzem nem ma kezdtem úgyhogy ilyesmire
nincs szükség!!!
A fapad meg azt jelenti hogy, fogtam az összes *.php-t és elmentettem sima *.txt-ként 8859-2-ben, utána újra php-ként UTF-8-ba és voila müködött!
Azért szeretném adatbáázisból tölteni a tartalmat is mert könnyebb lenne számomra a későbbi munka!
-
yolan
őstag
válasz
Sk8erPeter #2359 üzenetére
Igen, javascript, elnézést
Pontosan ez a gond, hogy szöveg jelenik meg (xxx, yyy, zzz), de én képeket szeretnék megjeleníteni.kutjaaa: css-ben mivel tudom a legördülő menü egyes celláinak a háttérképét megváltoztatni? De ez kicsit sánta megoldás, mert akkor ugyebár csak háttérkép lesz, és nem tudom linkként megadni, tehát valami szöveg kell amire lehet kattintani. Nem?
-
Sk8erPeter
nagyúr
válasz
kutjaaa #2357 üzenetére
Megpróbáltad a PHP-vel való header küldését is?
És mit jelent a "fapados" megoldás?
Szerinted attól mi fog változni, hogy "átülteted" PHP-re az egész oldalt?Attól még ugyanúgy lesz HTML-része...
Még egy: NEM egyenlőre>>egyeLőre!!!
(#2358) yolan:
"A java topik kicsit halottnak tűnik"
Az nem Java, hanem JavaScript, a kettő nagyon nem ugyanaz...Ebben a formában már működésre bírtad a legördülő menüt, már csak az a gondod vele, hogy "xxx" jelenik meg, és nem a kép?
[ Szerkesztve ]
-
yolan
őstag
Sziasztok!
A java topik kicsit halottnak tűnik, ezért írom be ide is.
Olyan problémába futottam bele, hogy egy legördülő menüt szeretnék, melynek a linkeket tartalmazó fájlja így e néz ki:
var legordulo={divclass:'legordulo', inlinestyle:'', linktarget:''}
legordulo.items=[
["xxx", "xxx.html"],
["yyy", "yyy.html"],
["zzz", "zzz.html"]
]Tehát a legördülő menü 3 elemet tartalmazna, xxx, yyy, és zzz. Namost a problémám, hogy az xxx, yyy, és zzz helyére egy-egy képet szeretnék beilleszteni, tehát ne az jelenjen meg, hogy xxx hanem a megadott kép.
Valami ötlet, hogyan tudnám kivitelezni? -
kutjaaa
tag
válasz
Sk8erPeter #2356 üzenetére
Köszi a választ!
Ezeket sajna mindet végigvettem már tegnap, egyenlőre megoldottam "fapadosan"
, ideiglenes jó így is, úgyis átakarom ültetni az egész oldalt full php-re, mert egyenlőre kicsit öszvér, mert ugye a cél szentesíti az eszközt!
Most minden böngésző alatt működik rendesen!
Mégegyszer köszi a választ!
A dataglobe-ot ezért szeretem mert .htaccess-el mindent lehet állítani!
Üdv kutjaaa
-
Sk8erPeter
nagyúr
válasz
kutjaaa #2355 üzenetére
Manapság amúgy is érdemes UTF-8-at használni.
Maga a dokumentum karakterkódolása UTF-8-ra van állítva? Ezt pl. legegyszerűbben Notepad++-szal úgy tudod megnézni, hogy megnyitod a dokumentumot, majd megnézed, hogy a Kódolás menüben mi mellett van a pötty (ANSI, UTF-8 kódolás BOM nélkül, UTF-8, UCS-2 Big Endian kódolás, stb.).
Ami neked kell, az az "UTF-8 kódolás BOM nélkül", amennyiben nem ez van bejelölve, akkor menj rá az alább található "Átalakítás UTF-8 kódolásra BOM nélkül" menüpontra.Ha még ez sem oldja meg, akkor a
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>-beli soron kívül próbálkozz azzal, hogy a <!DOCTYPE...> (ill. ha ilyet még nem határoztál meg, a <html>) tag elé (fontos, hogy elé!) beteszed a következőt:
<?php
header('Content-Type: text/html; charset=utf-8');
?>
<!DOCTYPE ...>Amennyiben még ez sem oldja meg, akkor lehet, hogy a tárhelyed egyszerűen nem támogatja az UTF-8 kódolást - ATW-nél is van ilyen sz×pás (shame on them)... Igaz, ha ez fizetős tárhely, akkor kétlem, hogy ilyen cumi lenne, mivel itt nyilván nincsenek pl. reklámcsíkok. Nem ismerem a szolgáltatódat, még végső esetben az is elképzelhető, hogy admin felületen át lehet állítani az alapértelmezett kódolást. De fizetős szolgáltatások esetében a fentebb említetteknek meg kellene oldania a problémát (különben a szolgáltatónál kell balhézni).
[ Szerkesztve ]
-
kutjaaa
tag
Sziasztok!
Nagy gondban vagyok, van egy oldalam, a tárhely dataglobe,
a gondom a következő:több okból kifolyólag is kénytelen vagyok UTF-8-at használni, a dataglobe-nál az alapértelmezett charset ISO8859-2, eddig semmi gond .htaccess-el beállítva, mindenhol működött a mai napig.
Tartalmat frissítettem az oldalon, feltöltöttem IE, Chrome OK, FF, Opera nagyon nem OK!
Úgy néz ki mintha a ez a két böngésző nem kapná meg a szervertől a karakterkódolásra szolgáló infót! Ettől függetlenül a böngészőnek tudnia kellene a /<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">/ tag-ből, hogy mit használjon!
Ha kézzel beállítom a kódolást mindkét böngészőben akkor tökéletes!
Ja és localhoston futtatva minden böngésző helyesen detektálja a karakterkódolást!!!
Van valakinek valamilyen tippje?
Előre is köszi!
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
válasz
petrusz82 #2353 üzenetére
A CSS-kódod végén az a </div> remélem csak véletlenül maradt ott.
Úgy tudod megoldani, hogy a <head> tagek közé a következő módon teszed be a CSS-kódodat:
http://www.w3schools.com/CSS/css_howto.aspEsetedben:
<style type="text/css">
body div {
/* ... */
}
/* ..... */
#menu .active a {
background: #BABABA;
color: #000000;
}
</style> -
petrusz82
aktív tag
A weboldalamban van egy menü, illetve egy hozzá tartozó css:
<div id="izquierdo">
<div id="menu">
<ul>
<li class="active"><a href="#" title="">1.link</a></li>
<li><a href="#" title="">2.link</a></li>
<li><a href="#" title="">3.link</a></li>
<li><a href="#" title="">4.link</a></li>
<li><a href="#" title="">5.link</a></li>
<li><a href="#" title="">6.link</a></li>
<li><a href="#" title="">7.link</a></li>
</ul>
</div>
A css pedig:
body div {
margin: auto;
}
#izquierdo {
width: 150px;
float: center;
}
#derecho {
width: 580px;
float: right;
text-align: justify;
vertical-align: top;
}
#menu {
font: "Comic Sans MS", cursive;
font-size:14px;
font-weight:bold;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
padding: 5px 15px;
border-bottom: 1px solid #FFFFFF;
text-decoration: none;
color: #FFF;
background-color: #964d3a;
}
#menu a:hover {
background: #ed6413;
color: #FFFFFF;
}
#menu .active a {
background: #BABABA;
color: #000000;
}
</div>Kérdésem annyi volna, hogyan lehetne a css-ben lévő paramétereket a html-be beletenni? Tehát csak html-ben megoldani.
[ Szerkesztve ]
-
netboy
senior tag
Valaki tudna nekem írni egy olyan oldalt ami beállított időközönként (1-10s) lekér egy képet egy címről (ip kamera) ami utána a szerverről történik kiszolgálásra az oldal megnyitáskakor így nem terheli a forrást.
-
petrusz82
aktív tag
válasz
Sk8erPeter #2350 üzenetére
Köszönöm, pont erre volt szükségem. Most már van elég információm, hogy nagyon alap dolgokat meg tudjak valósítani. Egyenlőre a célom, hogy a HTML-ben el tudjak valamennyire igazodni, a CSS még bekavar nekem.
Azért egy utolsó kérdést feltennék: miért van az, ha beírom a szélességet és magasságot, akkor annak eredménye a Dreamweaver-ben csak live view nézetben látszik? -
petrusz82
aktív tag
Menüt gombot szeretnék készíteni a legegyszerűbb megoldással. Eddig jutottam:
<tr>
<td align="center"><button style="background-image:url(kep/ cuadro.gif)">szöveg</button></td>
</tr>Ezt a kódot hogyan lehetne olyannal kiegészíteni, hogy a gombnak én határozom meg a szélességét és magasságát, nem pedig a beleírt szöveg. Próbálkoztam a "szöveg" elé és mögé írt szóközökkel, de biztos van ennél jobb megoldás is.
-
petrusz82
aktív tag
Mindenkinek köszönöm a segítséget! Majd még jövök a kérdéseimmel.
-
Sk8erPeter
nagyúr
válasz
Sk8erPeter #2345 üzenetére
Az egészet CSS-sel megoldva (szebb, mert a stíluselemek külső fájlba vagy a <head> részbe is pakolhatók - ez ajánlott is):
<td style="vertical-align:text-top; width:189px; height:600px; background-image:url('kep/contenedorFondo.gif');">
<table style="margin:0px;padding:0px; width:150px; height:118px; border-style:none; margin:3px; text-align: left;" class="text"> -
Sk8erPeter
nagyúr
válasz
petrusz82 #2340 üzenetére
Akkor miért nem ezzel kezdted...
A kódodat kicsit átírva:
.......
<td valign="top" width="189" height="600" background="kep/contenedorFondo.gif">
<table style="margin:0px;padding:0px;" width="150" height="118" border="3" align="left" hspace="35" cellpadding="3" cellspacing="3" class="text">
...................
</table>
</td>
........ -
válasz
petrusz82 #2340 üzenetére
Mínusz értékeket is megadhatsz koordinátának, de szerintem nem túl szerencsés. Mindenesetre minden nagyobb böngészőben nézd meg az eredményt.
Mindenesetre előbb mindenképpen próbálkozz a cella align tulajdonságaival (left és top legyen).
vagyis így használd: <td valign='top' align='left'>
[ Szerkesztve ]
-
petrusz82
aktív tag
válasz
Sk8erPeter #2339 üzenetére
Ez csak részben oldotta meg, mert elmozdult azzal 25px-el jobbra, de én azt szeretném, hogy a bal felső sarokba kerüljön
-
petrusz82
aktív tag
A következő lenne a kérdésem: Van egy táblázatom, azon belül még egy. Ezt a belsőt hogyan tudom bárhova elhelyezni a főtáblázatban?
<table width="805" align="center" border="0">
<tr>
<td width="189" height="600" background="kep/contenedorFondo.gif">
<table width="150" height="118" border="0" align="left" hspace="35" cellpadding="3" cellspacing="3" class="text">
<tr>
<td><b><a href="#">gfrgregrgre</a></b></td>
</tr>
<tr>
<td><b><a href="#">gergergergre</a></b></td>
</tr>
<tr>
<td><b><a href="#">ergergregege</a></b></td>
</tr>
<tr>
<td><b><a href="#">gregregr</a></b></td>
</tr>
<tr>
<td><b><a href="#">ergregegeg</a></b></td>
</tr>
<tr>
<td><b><a href="#">erggrege</a></b></td>
</tr>
<tr>
<td><b><a href="#">ergregge</a></b></td>
</tr>
<tr>
<td><b><a href="#">ergregreg</a></b></td>
</tr>
</table>
</td>
</tr>
</table>[ Szerkesztve ]
-
PazsitZ
addikt
Nekem így működik:
(szélesség magasság ugye képfüggő,
a padding-top értéke is a nagy kép méretétől függ)
<html>
<head>
<style>
.homeBlockLeft{
background:transparent url('homeblockleft.gif') no-repeat;
width:720px;
height:540px;
}
.homeBlockLeftOuter{
padding-top:150px;
}
.homeBlockLeftInner{
background:transparent url('logo.gif') no-repeat;
width:93px;
height:219px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="homeBlockLeft" >
<div class="homeBlockLeftOuter" >
<div class="homeBlockLeftInner">
</div>
</div>
</div>
</body>
</html>[ Szerkesztve ]
-
tildy
nagyúr
Csak a felso latszik igen, es a transzparent reszeken a weboldal hattere , igen .
Viszont mindenkepp valami hasonlo modon kene megoldani , mert eleg hulye formaju a kivagas, es ott jelenne meg mindig a termek .
Probaltam mar a divnek hatternek adni a transparent kepet, de ugy sem jo.[ Szerkesztve ]
-
tildy
nagyúr
Van egy ilyenem:
<div class="homeBlockLeft" style="width: 55%">
<div class="homeBlockLeftOuter" >
<img src="/images/homeblockleft.gif"/>
</div>
<div class="homeBlockLeftInner">
<img src="images/logo.gif" / >
</div>
</div>A /images/homeblockleft.gif olyan gift, aminek bizonyos reszei transparensek.
illetve ilyen cssem:
.homeBlockLeft{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 330px;
}
.homeBlockLeftOuter{
position:relative;
top:0px;
left:0px;
height: 100%;
width:100%;
z-index:2;
}
.homeBlockLeftInner{
position:relative;
top:-330px;
left:0px;
background: #ffffff ;
margin: 0px 0px 0px 0px;
padding: 0px;
z-index:1;
}En azt gondolnam , hogy az also kepnek elo kene tunnie a felso alol, ahol az transzparenss. De nem muxik, miert?
-
rii
nagyúr
válasz
Sk8erPeter #2326 üzenetére
ahm ....
nagyon köszi!
-
petrusz82
aktív tag
válasz
Sk8erPeter #2329 üzenetére
Már át is írtam az összeset! Amit észrevettem, hogy most már látszik az oldal forráskódja, valamint eltűnt a reklám. Engem csak az zavar, hogy a honlapom címe ugyebár a www.myotonia.hu, és ilyenkor a címsávban nem ez van, mert gondolom a reklám miatt átirányít a http://users.atw.hu/myotonia/index.htm oldalra. Mármin az én oldalam tulajdonképpen a frame-ben van, a www.myotonia.hu pedig a reklámmal együtti.
[ Szerkesztve ]
-
petrusz82
aktív tag
válasz
Sk8erPeter #2322 üzenetére
Köszönöm a gyors és részletes választ!
Akkor ha jól értem, úgy kell megcsinálni a dolgot, ha pl. "betegség leírása" linkre kattintok, akkor a következő legyen a kódban:
<a href="betegseg.htm" target="_parent">Betegség leírása</a>
nem pedig: <a href="http://www.myotonia.atw.hu/betegseg.htm" target="_parent">Betegség leírása</a>[ Szerkesztve ]
-
Sk8erPeter
nagyúr
Ilyen megoldás NINCS. A HTML egy leíró nyelv.
Egyébként ehhez a feladathoz nem muszáj MySQL-t használni, SŐT, ha csakis az a cél, hogy szövegfáljba mentsd le a beérkező adatokat, akkor bőven elég a PHP. Arra pedig ott a PHP kérdések topic. -
Sk8erPeter
nagyúr
NEM, ne ezt használd! A <font> tag nagyon elavult. Az ilyesmit CSS-sel illik megoldani.
De ezt épp az általad linkelt oldalon is írják!Ilyen elavult módszereket ma már ne használj.
Idézek:
"The <font> Tag Should NOT be Used
The <font> tag is deprecated in the latest versions of HTML (HTML 4 and XHTML).
The World Wide Web Consortium (W3C) has removed the <font> tag from its recommendations. In future versions of HTML, style sheets (CSS) will be used to define the layout and display properties of HTML elements. "Tehát inkább használd a CSS font-size tulajdonságát: [link].
Mutat is példát a használatára. -
prank
csendes tag
Hello!
Az lenne az én problémám, hogy szükségem lenne egy űrlapra ami a beírt adatokat egy szövegfájlba elmenti. Sajnos sehol sem találtam ilyen leírást csak ami mysql-t és php-t használ. Nos nekem csak HTML kellene. Tudna nekem valaki segíteni? Esetleg linkelni valami hasznosat? Köszönöm a segítségeteket!
-
rii
nagyúr
egy adott szöveg méretét mely TAG-ekkel lehet változtatni?vagy egy táblázaton belül lehetne különböző betűméretek?
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
válasz
petrusz82 #2321 üzenetére
Nem itt játszik elsősorban szerepet az abszolút vs. relatív hivatkozás - ilyen szempontból elég rossz a példa, mert ATW-nél a reklámkeretek miatt lehet gond, ha úgy adod meg pl. a képeid elérési útját, hogy http://www.myotonia.atw.hu/kepek/valami.jpg, akkor az nem jó, mert ez esetben csak a http://users.atw.hu/myotonia/kepek/valami.jpg fog működni.
Az abszolút vs. relatív hivatkozások esetén inkább arra kell gondolni, hogy van egy könyvtárstruktúrád, amiben valamelyik könyvtárhoz képest tudsz haladni, nagyon egyszerűen fogalmazva erre utal a relatív hivatkozás, míg az abszolút hivatkozásnál mindig a teljes címet adod meg (vagy a gyökér könyvtártól, vagy base href-től viszonyítva megadott címet).
Példa: van egy root ( / ) (fő/gyökér)könyvtárad, ami esetedben a http://users.atw.hu/myotonia.
Vegyük azt az esetet, hogy mondjuk a főkönyvtáron belül van egy "kepek" könyvtárad, amiben a képeidet tárolod. Tegyük fel, hogy a főkönyvtárban van egy index.html fájlod, amiben elhelyezel egy hivatkozást az egyik képre, hogy teljes méretben is meg lehessen tekinteni, aminek a neve "valami.jpg".
A képre való hivatkozáskor két lehetőséged van a cím megadásához:
1.) Abszolút hivatkozás:
<a href="http://users.atw.hu/myotonia/kepek/valami.jpg"><img src="http://users.atw.hu/myotonia/kepek/valami.jpg" width="600" height="300" alt="" /></a>
2.) Abszolút hivatkozás a root ( / ) könyvtárhoz képest (vagy a korábban említett base href-fel megadott viszonyítási címhez képest):
<a href="/kepek/valami.jpg"><img src="/kepek/valami.jpg" width="600" height="300" alt="" /></a>
3.) Relatív hivatkozás a jelenlegi (ebben az esetben épp a főkönyvtárhoz[, de egyébként ez akármelyik alkönyvtár is lehet]) képest:
<a href="kepek/valami.jpg"><img src="kepek/valami.jpg" width="600" height="300" alt="" /></a>Az máris látható, hogy a forráskód kicsit csúnyább lesz az 1.) esetben, a címek jóval hosszabbak. Ezenkívül ha minden esetben a teljes címet adod meg a SAJÁT honlapodon belül (ahogy az 1. esetben látható), akkor
1.) az olyan, mintha Te otthon ahhoz, hogy a nappaliból átmenj a konyhádba, először a nappaliból kimennél az utcára, majd visszajönnél, és úgy mennél be a konyhába (ehhez hasonló zajlik le a webszerver esetén)
2.) a honlapod abszolúte nem lesz hordozható, tehát egy esetleges honlap-költöztetéskor minden egyes címet át kell írnod ahhoz, hogy rendesen működjenek a hivatkozások.Adatbázisban tárolt elérési utak kezelésekor, aszerint való képmegjelenítéskor, vagy csak pusztán további alkönyvtárakból történő fájleléréskor és sok egyéb esetben a legjobb módszer a 2. példában említett eset: ilyenkor mindig a főkönyvtárhoz képest adod meg az elérési utakat, így nehezebb elbaltázni (pl. lehet játszani azzal, hogy visszaugrálsz az alkönyvtárhoz képest a megfelelő elérési úthoz: ../../masikkonyvtar/masikkep.png , de ez nagyon nehezen átlátható és kezelhető, és tényleg könnyű elrontani, ráadásul ha kimásolod ezt a címet egy másik könyvtárban lévő fájlhoz, akkor már megint bukta az egész, és írhatod át), de olyan esetet is fel lehet hozni példaként, amikor bőven megfelel a 3. eset is.
A 3. esetben mindig az aktuális könyvtárhoz képest adod meg az elérési utat. Ha pl. már van a "kepek" könyvtáron kívül egy "masikkonyvtar" nevű könyvtárad is, és a "masikkonyvtar"-ban lévő index.html-ben adsz meg egy hivatkozást ugyanerre a képre, akkor már így kell eljárnod:
<a href="../kepek/valami.jpg"><img src="kepek/valami.jpg" width="600" height="300" alt="" /></a>
A ".." azt jelenti, hogy egy könyvtárat visszalépsz (ezzel jelen esetben visszalépsz a főkönyvtárba, de ha már mondjuk ez a 3. alkönyvtár, akkor a 2.-ba lépsz vissza, és így tovább), és ahhoz képest ("/") kell viszonyítani a "kepek" könyvtárat.Én amióta adatbázisból kérem le a képek elérési útját, azóta mindig a 2. esetben leírtakat használom, mert így bármelyik alkönyvtárból a cím utólagos buherálása nélkül könnyedén elérem azt a fájlt, amit szeretnék.
Remélem így már nagyjából tiszta a különbség, ha valami mégsem világos, nyugodtan kérdezz.
-
petrusz82
aktív tag
Szerintetek a HTML kódban abszolút, vagy relatív hivatkozásokat célszerű tenni? Ha relatív hivatkozásokkal építem fel a honlapot, akkor a címsorban pl. a főoldalnál a következő szerepel:
http://users.atw.hu/myotonia . Ha az abszolúttal csinálom, akkor pedig:
http://www.myotonia.atw.hu . Az atw oldal GYIK részén azt olvastam, hogy mindig relatív hivatkozásokkal célszerű az oldalt felépíteni. Ennek ellenére nekem jobban tetszik az abszolút hivatkozás, hiszen így a címsor nem a users.atw.hu-val kezdődik.Köszi!
-
horvathx
csendes tag
válasz
DeltaPower #2319 üzenetére
Köszönöm szépen! Ez gyors volt.
A táblázatokban kölönböző adatok lesznek, és azért kell a fix méret hogyha egymás mellett megjelenik két ilyen "táblázat oszlop" az azonos adatok mindig egy vonalban legyenek függetlenül attól hogy a cellában mennyi adat van ezért kell a táblázat, hogy a táblázat keret vonalai segítsenek a vizuális tájékozódásban.
-
DeltaPower
addikt
válasz
horvathx #2318 üzenetére
<style type="text/css">
table.fixSzeles td div{
overflow:hidden;
width : 200px;
table-layout: fixed;
}
</style>
...
<table class="fixSzeles" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="200">
<div style="height:80px;">......</div>
</td>
</tr>
</table>
<table class="fixSzeles" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="200">
<div style="height:100px;">......</div>
</td>
</tr>
</table>bár nem értem ez miért jó neked
én így csinálnám:
<div style="width:200px;height:80px;border:1px solid black;">...</div>
<div style="width:200px;height:100px;border:1px solid black;">...</div>
nem kell ehhez semmi táblázat -
horvathx
csendes tag
Sziasztok,
Egymás alatti különböző fix táblázatokat szeretnék egy html fileban.
Odáig eljutottam, hogy 1 db 1 cellás táblázat van, és akár mennyit írok bele,
széltében - hosszában fix méreten jelenik meg, ami kilóg az nem látszik.
Eddig ok.
Csakhogy ez alá a táblázat alá több hasonló 1 cellás táblázatot szeretnék,
amelyeknek a szélességi mérete megegyezik az elsőével, de a magasságuk
más legyen és fix.
Eddig ez van:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<title>Táblázatok</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
td div{
height:80px;
overflow:hidden;
width : 200px;
table-layout: fixed;
}</style>
</head>
<body>
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="200"><div>
<p>teszt teszt teszt teszt teszt teszt teszt teszt teszt </p>
<p>teszt</p>
<p>teszt</p>
<p>teszt</p>
<p>teszt</p>
<p>teszt</p>
<p>teszt</p></tr>
</table></body>
</html>Hogyan folytassam?
[ Szerkesztve ]
-
rii
nagyúr
hello
ha "saját" fontot szeretnék, azt hogy tudom megejeleníteni az oldalon?
-
Sk8erPeter
nagyúr
válasz
DeltaPower #2314 üzenetére
Még exbnőmnek volt Vodafone-os netje, úgy emlékszem, be lehetett állítani, hogy csökkentse a letöltött tartalmat! (ebből következően elvileg inaktívvá is lehet tenni ezt a szolgáltatást)
Bár ez elég furcsa, hogy pont a CSS-fájlt nem tölti be, én úgy emlékszem, hogy a "butítás" csak a képekre vonatkozott...A CSS-fájl meg általában nevetségesen kis méretű, így nem értem, miért pont azon kell spórolni...
-
vgergo
aktív tag
Sziasztok
Csináltam egy honlapot
index.html-nak csak ennyi a tartalma:
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
blablabla
</body>
</HTML>Ha vezetékes neten (UPC) nézem, akkor minden jól működik, de ha a mobilinternetet (Vodafone) használom (ua gépen és böngésző) esetén a böngésző ezt a forráskódot írja ki:
<HTML><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /></head><body>blablabla</body></HTML>
Hiányzik egy sor a forráskódból. <link href="index.css" rel="stylesheet" type="text/css">
Ennek köszönhetően nem úgy néz ki a honlap, ahogy szeretném. Mit lehet ezzel csinálni?
Ráadásul egy hosszú sor lesz a forráskód.Előre is köszi a segítséget.
üdv.:vgergo
[ Szerkesztve ]
-
pokey
csendes tag
válasz
Sk8erPeter #2311 üzenetére
köszönöm
Mire nem lehet a Google-t használni?
-
Sk8erPeter
nagyúr
Legegyszerűbb módja a megtalálásnak:
http://www.google.com/s2/favicons?domain=www.oldalaminekafaviconjakell.huJelen esetben:
http://www.google.com/s2/favicons?domain=hu.dotroll.com
http://www.google.com/s2/favicons?domain=majomparade.com -
pokey
csendes tag
-
kissgy1028
csendes tag
válasz
DeltaPower #2308 üzenetére
Köszi a segítséget! Mostmár minden működik rendesen.
Üdv. -
DeltaPower
addikt
válasz
kissgy1028 #2307 üzenetére
az ellenoriz() kétszer szerepel. egyszer az onsubmit-ban, egyszer a submit gomb onclick eseményében. az onclicket töröld ki.
-
kissgy1028
csendes tag
válasz
kissgy1028 #2306 üzenetére
Igen, ott van a probléma, ahol írtam! onSubmit="return ellenorzes()"
Hogyan tudom azt megoldani, hogy az adatokat csak akkor küldje el, ha az adatok helyesek? Mert így 2x lefut a függvény ha az adatok helytelenek. -
kissgy1028
csendes tag
válasz
DeltaPower #2305 üzenetére
Köszi!
Ez bevált. Most egy másik problémát vettem észre, ez viszont már javascript.
Az alert ablakok egymás után kétszer nyílnak meg. Ezt mi okozhatja?
itt lehet a probléma?
<form name="regisztracio" method="post" action="" onSubmit="return ellenorzes()">Sajnos a tanárom azt találta ki, hogy az adatok ellenőrzését js-ben végezzem, az adatok feldolgozását pedig php-ben.
Előre is köszönöm a segítséget!
Üdv. -
DeltaPower
addikt
válasz
kissgy1028 #2304 üzenetére
valószínűleg a különböző típus okozza, próbáld meg style="width:300px" vagy hasonló módon megadni
-
kissgy1028
csendes tag
Sziasztok!
Egy kis html segítségre lenne szükségem.
A textarea méretekkel van egy kis problémám. Csak IE7 alatt volt szerencsém megnézni az oldalt, így nem tudom, hogy más böngészőknél is fennál-e ez a probléma. Szóval a jelszó1 és jelszó2 textareak szélessége nem egyezik meg a többi textarea szélességével. Mi lehet a gond (talán az hogy a típusa password)?
Szeretnék mindegyiknek egységes szélességet adni. Hogyan tudnám ezt megvalósítani?Itt a kód:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Regisztráció</title>
<style type="text/css">
<!--
body {
background-image: url(hatter.jpg);
}
-->
</style>
<script language="JavaScript">
<!--
function ellenorzes() {if (document.regisztracio.nev.value.length<=5){
alert("A név minimum 6 karakter legyen!"); return false;
}else
if (document.regisztracio.jelszo1.value.length<=5){
alert("A jelszó minimum 6 karakter legyen!"); return false;
}else
if (document.regisztracio.jelszo1.value!=document.regisztracio.jelszo2.value){
alert("A két jelszó nem egyezik!"); return false;
}else
{
var elsopont = document.regisztracio.email.value.indexOf('.',0);
var lastpont = document.regisztracio.email.value.lastIndexOf('.');
var kukac = document.regisztracio.email.value.indexOf('@',0);
var last_kukac = document.regisztracio.email.value.lastIndexOf('@');
var email_size = document.regisztracio.email.value.length;if (document.regisztracio.email.value=='' || kukac==(-1) || kukac==0 || elsopont==0 || elsopont==(-1)
|| (lastpont==(email_size-1)) || (kukac==(email_size-1)) ||((kukac+1)==elsopont) || (kukac!=last_kukac))
{
alert('Hibás e-mail cím formátum!')
return false;
}
return true;
}}
-->
</script>
</head>
<body onLoad=document.regisztracio.nev.focus()>
<form name="regisztracio" method="post" action="" onSubmit="return ellenorzes()">
<table width="350" border="0" cellpadding="10px">
<tr>
<td align="right">Név</td>
<td>
<input type="text" name="nev" value="" size="30">
</td>
</tr>
<tr>
<td align="right">Jelszó</td>
<td>
<input type="password" name="jelszo1" value="" size="30">
</td>
</tr>
<tr>
<td align="right">Jelszó újra</td>
<td>
<input type="password" name="jelszo2" value="" size="30">
</td>
</tr>
<tr>
<td align="right">E-mail cím</td>
<td>
<input type="text" name="email" value="" size="30">
</td>
</tr>
<tr>
<td align="center">
<input type="button" name="törlés" value="Törlés">
</td>
<td align="center">
<input type="submit" name="regisztral" value="Regisztrál" onClick="ellenorzes()">
</td>
</tr>
</table>
</form>
</body>
</html>Előre is köszönöm segítséget!
Üdv. -
daninet
veterán
válasz
DeltaPower #2302 üzenetére
na ez most így pöpec.
-
DeltaPower
addikt
válasz
daninet #2301 üzenetére
flash beágyazásban:
<embed style="border-width: 0pt; " type="application/x-shockwave-flash"
width="120" height="240"
wmode="opaque"
src="http://www.freestreettuning.hu/freestreettuning.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
persze sortörések nélkül.[ Szerkesztve ]
Új hozzászólás Aktív témák
- Futás, futópályák
- Elkezdte felszámolni a GPU-s PhysX támogatását az NVIDIA
- Diablo IV
- RETRO beárazás (mobil, PC, konzol)
- One mobilszolgáltatások
- Anglia - élmények, tapasztalatok
- Windows 11
- Gyúrósok ide!
- AMD Ryzen 9 / 7 / 5 / 3 5***(X) "Zen 3" (AM4)
- AMD Navi Radeon™ RX 7xxx sorozat
- További aktív témák...