HTML szerkesztés
Jelentkezz be a hozzászóláshoz.
<#help>#help><#help>#help><#help>#help><#help>#help><#help>#help>
Gigabyte 890XA-UD3 | AMD Phenom II X4 955 | Kingston DDR3 3*2GB | Ati Radeon 5770HD
<script type="text/javascript">
window.status='Ide jön a szöveg!';
</script>
Nem kérek bonyolultat, csak egy olyan java kódrész kellene, amit HTML-be be tudok illeszteni és ami azt csinálja, hogy az alsó böngészõsávban, ahol azok a dolgok pörögnek, amiket épp tölt le (képek, oldalak) egy fix szöveget rak és példul akkor sem írja ki oda egy link pontos címét, ha a linke áll a kurzor. Köszi.
Intel Core2 Duo E8500 @ 8x400MHz; 2x 2 GB CSX DDR2 1066MHz; ASUS EN8800GT TOP 512MB; http://www.lostsite.hu | http://stalker.hardwired.hu/forum
A validság és az akadálymentesség jegyében kell (bár ez utóbbit a title tag helyettesíti (?)).
"és mi van a </a>-val?"
Ügyes figyel! Az <img> tag után közvetlenûl kell.
Ahhoz hogy az alt attribútumban szereplõ szöveg megjelenjen, amikor az egér rámegy a képre (erre gondolsz?), a következõ trükköt ajánlom (nem épp helyes, de ez van):
<a href="#" title="szöveg"><img src="kep01.jpg" alt="szöveg" border="0" /><br />kep01.jpg<br /><br />
Erre gondoltál?
<img src="kep01.jpg" alt="szöveg" /><br />kep01.jpg<br /><br />
A szöveg miért nem jelenik meg IE-vel, hogyan kéne úgy megcsinálni, hogy FF-vel is mûködjön?
Azt tom, hogy div-vel lehet, de img-vel?
[/spam]™
"It ain't what you don't know that gets you into trouble. It's what you know for sure that just ain't so."
a koncertek úgy jelennek meg... a jobb oldalon...
Blues, Peace and Jimi Hendrix...
"It ain't what you don't know that gets you into trouble. It's what you know for sure that just ain't so."
elsõ kérdésedre válaszolva - csak találgatni tudok.
Legvalószínûbb az, hogy bár az 50 és 70 pixeles méretet tartja a méret és az idõ oszlop, viszont a címnél nincs semmilyen méret megadva: td style="font-weight:bold;"><a href="Princedemonsolo.rec">Lost Prince Demon Solo and Warlock Quest</a></td>.
A másik lehetõségnek a boxmodel méretének IE általi szabadon vételét tartom. Ebben a fórumtopicban éppen errõl van szó.
Adok néhány böngészõképet:
Firefox 1.5.0.1
Internet Explorer 6.0 Sp2
Internet Explorer 5.5
Opera 8.51 - na ezen meglepõdtem <#csodalk>#csodalk>
Links - szöveges böngészõ
Második kérdésedre: ha ez egy oldal bal felsõ sarka, akkor ez 4 div egyben
<div id="border1">
<div id="border2">
<div id="border3">
<div id="content">
</div>
</div>
</div>
</div>
És itt találhatod a blokkok szélességét mutató ábrát. A nyíl a blokk szélességét, a blokkok között pedig keret (border) van. Példéul a border3 és a content között sötétkék (ez a content keretje), a border2 és border3 között világosabb árnyalatú (ez a border3 keretje), a border2, és a border1 között sötétszûrke (ez a border2 keretje), a border1-en túl világosszürke (border1 keretje).
Hasonló példa: HTML, CSS, PHP help #878-as hozzászólás (lásd ott az innerborder, outerborder példát).
Mert ugye nekem erre az elsõ gondolatom az volt, hogy táblázat + táblázat + táblázat...
Lehet, hogy erre is van egy egyszerû megoldás?
Egyébként bordernek lehet képet megadni?
[/spam]™
Ismét szeretnék egy segítséget kérni!
Van ez a weboldal, amit csináltam (azt ne nézd, ide nem tettem bele végül az auto margines cuccot...). A probléma az, hogy FF-vel jó, ám ha IE-vel van nézve, akkor a méret és a hossz táblázata teljesen el van csúszva.
"1,46 MB és 65:36 min"
Nem tartja meg a beállított 50px, illetve 70px széles méretet. Miért van ez? Vagy ezt hogyan kellett volna megicsnálni?
Köszi!
Catti
[/spam]™
A táblázatnak jobbról és balról auto margó (margin: 0px auto😉.
Épp azt ecseteli, hogy a táblázatokat csak NAGYON SZÜKSÉGES ESETBEN (ne oldalszerkezet készítésére) használd.
"A DOCTYPE-ról tudnál nekem valami magyar oldalt adni ahogy normálisan le van írva, hogy az mire jó, mert arra még nem jöttem rá? 😊"
http://www.w3c.hu/forditasok/sikos/minoseg/minoseg.html
"tehát ha én azon az oldalon azt a menüt a jobb oldalra szeretném helyezni, akkor nem csak azt mondom, hogy "jobbra át", hanem ehelyett most álljak neki számolgatni, hogy mégis mekkora margin-t hagyjon balról, hogy egész jól mutasson a jobboldalon..."
Balról auto margó, jobbról néhány pixelnyit.
"Css ben még mindig nem értem, hogy mi a különbdég a három közöt??"
A class több egyedet is jelölhet (több egyednek lehet ugyanaz a class-a), az id csak egy egyedet jelõlhet (egy egyednek lehet csak id-ja). A body pedig egyetlen egyedre a <body>-ra vonatkozik.
Tehát a simával egy adott tag-et formázol, a kettõskereszttel (#) egyet, a pontossal (.) többet.
"Hát én csináltam olyan oldalt, hogy nem a hedörben megadott szavakra keres, hanem a tartalomra, az oldalon megjelenõ karakterekre, illetve elsõ helyen hozza ki a google. És semmi köze nincs ehhez (vagy nagyon el vagyok tájolva)."
A Meta tag-ek elavulnak. Lásd itt.
"(illetve külön css fájl használatával plusz egy fájlt kell megnyitni - szeirntem ez kényelmetlen.)"
Ebben az a jó, hogy megcsinálod a HTML file-t, és a design-t (CSS) optimalizálhatod 1. más felbontásokra (liquid-design), 2. más eszközökre (webTv, mobilinternet, wap) 3. vakoknak, gyengénlátóknak, stb...
Másrészt azért jó, mert ráhúzhatod több oldalra (ha ugyanaz az oldalstruktúra) az egy CSS file-t. Ezzel a böngészõnek csak egyszer kell letöltenie a CSS-file-t, és ahhoz igazítja az oldalak design-ját.
Harmadrészt: az oldalt nem MAGADNAK, hanem a FELHASZNÁLÓNAK készíted!
[/spam]™
[/spam]™
Köszi 😊
[/spam]™
Nem. Az oldal szerkezetének kialakításánál táblázatok helyett <div>-et használsz, amiknek CSS-el megadod a méretét, az elhelyezkedését, a színét, a keretét, stb... A helyett, hogy vacakolni kellene a <tr>, <td> tag-ek többszöri használatával, egy blokkal kell csak foglalkozni.
Erre gondoltam. Itt alul a két forrás. Ugyanúgy áblázat, egyátalán nem említ "fos" div-et. .)
http://zorius.dionussos.com/stupidtables/16nasty.html
http://zorius.dionussos.com/stupidtables/17dothis.html
[/spam]™
text-align:
Alkalmazása: blokkszintû elemekhez
Blokszintû elemek:
* <ADDRESS>
* <BLOCKQUOTE>
* <CENTER>
* <DEL>
* <DIV>
* <H1-6>
* <HR>
* <INS>
* <ISINDEX>
* <NOSCRIPT>
* <P>
* <PRE>
Szóval a táblázat (<table>😉 nem blokkszintû elem -> nem adható meg neki text-align.
Forrás: text-align, blokkszintû elemek.
"táblátaz helyett táblázat, de ugyanúgy táblázat"
Nem. Az oldal szerkezetének kialakításánál táblázatok helyett <div>-et használsz, amiknek CSS-el megadod a méretét, az elhelyezkedését, a színét, a keretét, stb... A helyett, hogy vacakolni kellene a <tr>, <td> tag-ek többszöri használatával, egy blokkal kell csak foglalkozni.
"más: a div egy fos"
Furcsa, akkor miért jönnek ki mostanában egyre inkább a táblázatmentes (valid XHTML kódolású/külsõ CSS file-t tartalmazó) honlapok? Miért van nagy divatja a szabványos weboldalaknak? Miért hangoztatják ergonómusok (Dr. Jakob Nielsen például) a frame-/táblázatmentes oldalakat?
Néhány weboldal amit érdemes megnézned:
http://www.cssimport.com/
http://www.cssbeauty.com/
http://www.stylegala.com/
http://csszengarden.com/
http://www.evolt.org/article/Tables_or_CSS_Choosing_a_layout/25/21429/
http://www.builtforthefuture.com/reuseit-faqs.php
http://www.cssreboot.com/
body {margin:0; padding:0}
.related {float:right; width: 15em; margin-left:1em; margin-bottom: 1em; color:blue}
#footer {color: gray; font-size: 0.6em; line-height: 1.2em; background-color: white; margin: 0}
sima, pont és "kerítés" 😄
A sima az meglévõ HTML tageket formáz. Ezzel szvsz gond lehet akkor, ha én csak két table-nál akarom, hogy ez így nézzen ki, de aharmadiknál már egy másikat akarok.
A pont-tal én hozok létre egyváltozót, class-t. Igaz?
És a #?
[/spam]™
"Ha már az elérhetõségnél tartunk, a forráskód minimalizálása és header tag-ek megfelelõ használata elõsegíti a keresõkben való magasabb találati helyezést."
Hát én csináltam olyan oldalt, hogy nem a hedörben megadott szavakra keres, hanem a tartalomra, az oldalon megjelenõ karakterekre, illetve elsõ helyen hozza ki a google. És semmi köze nincs ehhez (vagy nagyon el vagyok tájolva).
[/spam]™
Hááááát. Ez egy érdekes dolog és egyben vicces is.
(illetve külön css fájl használatával plusz egy fájlt kell megnyitni - szeirntem ez kényelmetlen.)
[/spam]™
Néztem ezt a hûûûdejómertnemtáblázat oldalt #821...
Az ajánlott egy így meg úgydehiperjó másik weboldalt: http://www.csszengarden.com/
Pont ilyen, amit én soha nem akarok majd csinálni. Én nem tom mitõl, de nagyon gagyi dolog az, hogy nem lehet rendesen kijelölni a szöveget. Nem tom hogyan kell így elcsúnyázni egy oldalt, de én az ilyet rühellem.
Részemrõl le a bjútifuldizájnnal.
Egyszer már találkoztam ilyennel és az is felbosszantott.
De azért remélem, hogy nem ez a lényege.
[/spam]™
de azért még majd azt megcsekkolom, hogy hogyan akarja egyszerûsíteni meg miket ír.. köszi
[/spam]™
miért kéne paddingot meg margint variálnom, amikor én align-ot adok meg???
közbe nézem ezt a linket
táblátaz helyett táblázat, de ugyanúgy táblázat
más: a div egy fos
meg ugyan nem css fájlt, de stílust használok (így egyszerûbb)
nage align-nál tartozzunk
[/spam]™
[/spam]™
Nem. A margin a kereten (border) kívûli margó, a padding a keret (border) és a tartalom (content) közötti térrészt jelöli.
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Belépés</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
</head>
<body>
<form action="index2.php" method="post">
<p>Jelszó: <input type="text" name="jelszo" />
<input type="submit" value="Belép" /></p>
</form>
</body>
</html>
És kell egy kiértékelõ szkript (index2.php):
<?php
$pass=trim($_POST["jelszo"]);
$passw="jelszavam";
if ($pass===$passw) {
include ("jo.htm");
} else {
echo ("Rossz jelszavat adtál meg!");
}
?>
Persze ehhez szükséges egy PHP-t futtatni képes webszerver.
<script type="text/javascript">
<!--
var password;
var pass1="cool";
password=prompt('Írd be a jelszót!',' ');
if (password==pass1) {
window.location="jo.htm";
} else {
window.location="rossz.htm";
}
//-->
</script>
A pass1-nél szereplõ cool a belépési jelszó, tetszés szerint módosítod.
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
Kis helpre lenne szükségem :
Szeretnék készíteni egy password-ös bejelenkezést az oldalamra de nem jön össze !
Lényeg oladalam megnyitásánál(index.htm)elöjönne a kódkérõ panel és azután nyitná meg az index2.htm-et.
Hogy lehet ezt létrehozni,és hol tárolja password-öket ?
Egyátalán meg lehet ezt csinálni egyszerüen ?
Valaki tud légyszi segítsen !<#wave>#wave><#conf>#conf>
<table style="border: 1px solid rgb(88, 88, 99); width: 60%; background-color: rgb(20, 20, 36); color: rgb(238, 129, 63); font-size: 11px;" cellpadding="7" cellspacing="0"> (jujj de ronda forma+tartalom egybefolyasztása) szúrj be margót következõképpen:
<table style="border: 1px solid rgb(88, 88, 99); width: 60%; background-color: rgb(20, 20, 36); color: rgb(238, 129, 63); font-size: 11px; margin: 0px 1px 0px auto;" cellpadding="7" cellspacing="0">
És ez nem a FF hibája... A hibás CSS használaté.
Tessék hasznáni a <div> tag-et a <table> helyett!
A link meg nem gyön be.
Egyépként: dö link
És nézd meg IE-vel, a menüsornak kell jobbra igazodjnak lennije.
[/spam]™
Az oldal szerkezetének kialakításához már kissé divatjamúlt megoldás. Használj helyette dobozolást!
Egyébként elérhetõ valahol, hogy meg tudnám tekinteni?
Ezt a belsõ táblázatot kéne jobbra tennije, ami IE vel tökéletesen müxik.
<tr><td colspan="2" style="background-image:url(background.gif);text-align:right;padding-top:70px;padding-bottom:30px;">
<table...>
...
</table>
</td></tr>
[/spam]™
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Blabla</title>
<style type="text/css">
<!--
#kozep {
text-align: center;
}
#bal {
text-align: left;
}
#jobb {
text-align: right;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
</head>
<body>
<p id="bal">Ez itt bal oldalt van</p>
<p id="kozep">Ez itt középen van</p>
<p id="jobb">Ez itt jobb oldalt van</p>
</body>
</html>
<center>-re müxik, de így már nem használom
illetve ugye ugyanezt használnám így: text-align:right
[/spam]™
ASUS A7N8X-X|AMD Athlon XP 2500+|1.5GB RAM|ATI Radeon 9800 Pro|200GB+120GB HDD|ASUS DVD±RW|400W táp
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
ASUS A7N8X-X|AMD Athlon XP 2500+|1.5GB RAM|ATI Radeon 9800 Pro|200GB+120GB HDD|ASUS DVD±RW|400W táp
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
Intel Core2 Duo E8500 @ 8x400MHz; 2x 2 GB CSX DDR2 1066MHz; ASUS EN8800GT TOP 512MB; http://www.lostsite.hu | http://stalker.hardwired.hu/forum