Új hozzászólás Aktív témák
-
zka67
őstag
Sziasztok! Készítettem egy html weblapot, amin nagyon ritkán történik változás. De ha változás történt rajta, akkor az a böngészőkben nem látszik a cache miatt, csak ha megnyomom a frissítés gombot. Van-e valami trükk rá, hogy a cache-t törölje minden egyes megnyitáskor? Remélem érthető a kérdésem és a problémám.
-
zka67
őstag
Köszönöm szépen, úgy néz ki, hogy ez kellett.
@Sk8erPeter: Nem, miért? Arról van szó, hogy ha frissítést adok ki egy programomhoz, az nem látszik azoknak a böngészőjében, akik már megnyitották az oldalt, csak ha megnyomják a frissítés gombot. Ne megabájtos oldalakra gondolj, 3-4 kbájt egy-egy oldal.
-
The DJ
addikt
válasz Sk8erPeter #4405 üzenetére
A megoldás, amit adtam nem kapcsolja ki a cache-t, csak utasítja a böngészőt, hogy egyeztessen a szerverrel, kérdezze le történt-e változás az oldalban, ha igen, akkor újra letölti, amennyiben pedig nem, úgy a cache-ből tölti be a tartalmat. Sokan hiszik azt (tévesen), hogy ez a meta tag teljesen kikapcsolja a cache-t. Pedig valójában nem.
"Though this directive sounds like it is instructing the browser not to cache the page, there’s a subtle difference. The “no-cache” directive, according to the RFC, tells the browser that it should revalidate with the server before serving the page from the cache. Revalidation is a neat technique that lets the application conserve band-width. If the page the browser has cached has not changed, the server just signals that to the browser and the page is displayed from the cache."
https://wpszaki.hu - Minden, ami WordPress, cikkek kezdőknek és haladóknak.
-
sz.j
nagyúr
Srácok!
Mi a különbség a "bold" <b>akármi</b> (félkövér) és a <strong>akármi</strong> (kiemelés) között?
Melyik mire jó és melyik a szabványos?Én a Kompozer progit használom és a html css-el történő szövegformázásánál a bold-ra ilyen kódot ír a progi: <span style="font-weight: bold;">akármi</span>.
Ez jó vagy inkább mást kellene helyette megadni?Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
Sk8erPeter
nagyúr
http://www.w3schools.com/html/html_formatting.asp
"Often <strong> renders as <b>, and <em> renders as <i>.
However, there is a difference in the meaning of these tags:
<b> or <i> defines bold or italic text only.
<strong> or <em> means that you want the text to be rendered in a way that the user understands as "important". Today, all major browsers render strong as bold and em as italics. However, if a browser one day wants to make a text highlighted with the strong feature, it might be cursive for example and not bold!"Sk8erPeter
-
sz.j
nagyúr
válasz Sk8erPeter #4409 üzenetére
Köszi a linket, de sajnos nem mentem vele sokra, mert nem tudok angolul , ráadásul amit a gogle fordít az egy kicsit zavaros ...
[ Szerkesztve ]
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
Sk8erPeter
nagyúr
Végül is a lényeg annyi, hogy a <b> az konkrétan szövegformázásra való, a <strong> pedig szemantikailag is "erősnek", fontosnak jelöli a tagek közt lévő tartalmat. A <b> egy elavult formázási stílus, helyette CSS-t illik használni, úgy, ahogy Te is mutattad, míg a <strong> nem elavult, hanem ilyen XML-szerű megjelölés a tartalom fontosságának megjelölésére. Ettől függetlenül a <strong> tagek közt lévő szöveget az összes mai, jelentős részesedéssel rendelkező böngésző úgy jeleníti meg, ahogy a <b> tagek közt lévőt megjelenítené, DE ez böngészőfüggő implementáció kérdése, tehát egy böngészőgyártó nyugodtan dönthetne akár úgy is, hogy mostantól dőlten jeleníti meg a - CSS-sel nem felülbírált - <strong>-gal fontosnak megjelölt szöveget.
Sk8erPeter
-
sz.j
nagyúr
válasz Sk8erPeter #4411 üzenetére
Köszönöm az infót ..., ha mindezt seo-s szempontból "továbbgondolom" , akkor talán a <strong>... </strong> lenne a legjobb, amúgy meg szinte mindegy, hogy melyik. Kivéve a "sima" <b>-t ami helyett a <span style="font-weight: bold;">....i</span> a jó.
[ Szerkesztve ]
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
sanzi89
addikt
Üdv.
Valaki meg tudná mondani, hogy a linkelt weblap miért így néz ki:
És nem így:
Előre is köszönöm a segítséget!
[ Szerkesztve ]
"Mindent azért kell tudni mert kérdezik, nem azért mert hasznos."
-
sz.j
nagyúr
Igaz egy kicsit elhúzódott, de végre elkészült a honlapom összes HTML4.1 oldalának CSS-el való formázása.
Ha esetleg volna kedvetek megnézni és véleményezni, valamint az esetleges hibákat, javaslatokat megírni, akkor azt megköszönném.
[ Szerkesztve ]
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
Sk8erPeter
nagyúr
Sokkal igényesebb a kódja, mint volt.
Bár én a <br>-t mindig inkább <br />-nek szeretem írni az XHTML-szintaxis szerint.
És bocsi, de muszáj szokás szerint belekötnöm.<div id="menu">
<h3><a style="font-weight: normal;" href="index.html">Kezdőoldal</a>
<a style="font-weight: normal;" href="redony.html">Redőny</a>
<a style="font-weight: normal;" href="nyilaszaro.html">Nyílászáró</a>
<a style="font-weight: normal;" href="reluxa.html">Reluxa</a>
<a style="font-weight: normal;" href="szunyoghalo.html">Szúnyogháló</a>
<a style="font-weight: normal;" href="szalagfuggony.html">Szalagfüggöny</a>
<a style="font-weight: normal;" href="arak.html">Árak</a>
<a style="font-weight: normal;" href="kapcsolat.html">Kapcsolat</a>
<a style="font-weight: normal;" href="oldalterkep.html">Oldaltérkép</a>
</h3>
</div>Ez így elég csúnya. Ha h3, akkor eleve nem kellene ide explicite megmondani, hogy félkövér legyen, mert alapból tudtommal minden népszerű böngészőben az. De ami nem tetszik benne, az inkább az, hogy egy nagy blokként kezeled a <h3>-at, pedig minden egyes címre külön-külön kellene megadni ezt a taget.
Példa:
<h3><a href="index.html">Kezdőoldal</a></h3>
<h3><a href="redony.html">Redőny</a></h3>
Továbbá a menüknél általában az <ul> listába szokás rendezni, aztán eltüntetni a default pöttyöt előle.
Pl.:<div class="menu">
<ul class="navigation">
<li><h3><a href="index.html">Kezdőoldal</a></h3></li>
<li><h3><a href="redony.html">Redőny</a></h3></li>
.....
</ul>
</div>Ez ad neki egy logikus struktúrát.
Szerintem SEO-szempontból is előnyösebb, de én aztán nem vagyok egy SEO-mágus, de mindenesetre az tény, hogy a keresőrobotok is jobban szeretik a tök logikus felépítésű, jól strukturált oldalakat.
Minden menüpont külön-külön fontos, ezért mindegyiket külön kéne szedni. Szerintem.
Csak hogy hihetőbb legyen a mondókám, nézd meg a w3.org főoldalán a menüt, ott is ugyanaz a struktúra van, amit én írtam.De továbbmegyek, szerintem itt a menüelemeknél nem biztos, hogy indokolt a <h3>, inkább egy külön CSS-fájlban kéne leírni a menüelemek formázását.
ul.navigation li {
list-style: none;
}
ul.navigation li a {
...
}[ Szerkesztve ]
Sk8erPeter
-
sz.j
nagyúr
válasz Sk8erPeter #4420 üzenetére
Köszi, köszi , valami ilyesmi infókra vártam, hogy javítani tudjak még az oldalakon, de máris akadt egy kis gondom ...
Ha a javasolt kódot egy az egyben beírom a meglévő helyére, akkor ilyen lesz a menüsor...
Ha pedig <div class="menu"> helyett <div id="menu">-t írok be, akkor meg ilyen lesz ....Mit és hol kellene változtatnom ahhoz, hogy a javasolt kóddal a régi menü formátuma ("gombok") jelenjen meg?
[ Szerkesztve ]
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
sz.j
nagyúr
válasz Sk8erPeter #4422 üzenetére
Mindenféle változtatás nélkül (nem töröltem semmit a meglévő stílusokból) beírtam a belső stíluslapba a javasolt részt, de a
<div class="menu">
<ul class="navigation">
<li> <a href="index.html">akármi</a> </li>
...........
</ul>
</div>
formázásnál továbbra is hibásan jelenik meg a menüsor.Viszont a belső stíluslap változtatás nélkül beírt
<div id="menu">
<ul class="navigation">
<li> <a href="index.html">akármi</a> </li>
...........
</ul>
</div>
formázással már jónak tűnik a menüsor.Kérdésem az lenne, hogy az
- <div id="menu"> -vel is "szabványos" a kód?
- az eredeti stíluslapból nem kell semmit sem törölni vagy megváltoztatni amikor a
#menu ul {
margin:0px;
padding:0px;
}#menu ul li {
list-style:none;
}
formázás be lesz írva?[ Szerkesztve ]
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
Sk8erPeter
nagyúr
#menu --> ez a menu AZONOSÍTÓVAL ellátott elem (<div id="menu">)
.menu --> ez a menu OSZTÁLLYAL ellátott elem (<div class="menu">)Nyilván én az előbbihez igazítottam a kódomat, mert nálad az azonosítós forma volt. (A saját kódomban class volt, de tök mindegy.)
Semmi baj nincs azzal, ha egyiket vagy másikat használod, annyi a nagy különbség, hogy azonosítóból csak egyetlen darab lehet egy oldalon, míg osztályból akármennyi (több elemnek is megadhatod a class="menu"-t, ha kell, és így mindnek ugyanaz a stílusa lesz, amit megkapott a .menu-nél; hacsak nincs még pluszban felülbírálva; id="menu"-t csak egyetlen elemnek lehet adni, ahogy benne van a nevében, az azonosító egyértelműen azonosít egy meghatározott elemet). De azzal sincs gond, ha azonosítóval és osztállyal is rendelkezik egy elem, még ha ugyanaz is a neve: <div id="menu" class="menu">; ez lehetővé teszi, hogy külön-külön stílusokat adj meg a #menu-nek és a .menu-nek, és ezáltal lényegében a kettőnek a kutyult változata fog kijönni.[ Szerkesztve ]
Sk8erPeter
-
biker
nagyúr
válasz Sk8erPeter #4424 üzenetére
kiegészíteném, mert én be..optam párszor: van olyan browser, ami nem hibázik bele, ha több id van egy elemből, és megjeleníti, míg mások belebuknak, ha két vagy több id=menu van
és kerestem a hibát vakulásig
erre ngyon kell figyelniElektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
sz.j
nagyúr
válasz Sk8erPeter #4424 üzenetére
Köszönöm a részletes infót ..., megint tanultam valamit.
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
djozike
csendes tag
Üdv!
olyan problémám lenne, hogy ha egy szöveg mellé teszek egy képet, ami alacsonyabb mint a szöveg magasság, szóval emiatt nem kéne széthúznia a sort, mégis széthúzza, valamilyen padinget kéne állítani?Előre is köszi
-
djozike
csendes tag
válasz Sk8erPeter #4429 üzenetére
Akkor a szöveg mögé kerülne, én azt akarom h mellette legyen, és NE mellette + kicsit felette, a képen a kijelölésen látszik (remélem), hogy a kép kicsit feljebb van mint a szöveg. Ez a problémám, mivel a kép magassága nem több a szövegénél, mégis egy 3-5 pixellel feljebb van a kép. Remélem ez a szájbarágós verzió már érthető, és köszi.
-
djozike
csendes tag
válasz Sk8erPeter #4431 üzenetére
Felesleges, a lényegi kód ennyi:
szöveg<img src=valami.jpg> -
Sk8erPeter
nagyúr
válasz djozike #4432 üzenetére
Jó, még válthatunk pár üzenetet...
Megmutatom, miért nem mindegy, hogy miről beszélsz, ide felraktam neked egy példát, itt például nem lóg ki a sorból:http://jsbin.com/efayiw/1/edit
Nem lehet általános receptet mondani.........
Ezt a fenti példát szerkesztheted is, aztán írd be a szerkesztésed után az URL-t (pl. http://jsbin.com/efayiw/2/edit vagy ilyesmi lesz szerkesztés után).
[ Szerkesztve ]
Sk8erPeter
-
fordfairlane
veterán
válasz fordfairlane #4436 üzenetére
<style style="text/css"> helyett nyilván <style type="text/css">
x gon' give it to ya
-
djozike
csendes tag
válasz Sk8erPeter #4433 üzenetére
Értem, szóval csak ez az átméretezős megoldás van. Köszi a segítséget.
-
-
biker
nagyúr
válasz Sk8erPeter #4435 üzenetére
mert azon belül lehet egy sorban alignolni szépen a gombokat
Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
biker
nagyúr
válasz fordfairlane #4441 üzenetére
az én szememben az két gomb, egy boríték (mailto) és egy pénzköteg(megveszem)
de lehet az én hibám...
Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
Sk8erPeter
nagyúr
A <fieldset> egyáltalán nem ilyesmire való. Az elvileg több formelem (!!) csoportosítására való.
http://www.w3.org/wiki/HTML/Elements/fieldset
De ha valaki akarja (én olykor szoktam, bár lehet, hogy helytelenül, mert más tagekkel kellene), lehet akár több kitöltött, már a kimenetre kinyomott, legenerált elem csoportosítására is használni, nem feltétlenül űrlapban, hanem egy kategóriába tartozó elemeknél.
De igazítgatásra? Hát arra szerintem semmiképp.A vertical-align felhasználásáról itt kiegészítettem a korábbi példát, lehet próbálgatni, a megfelelőek kikommentezésével:
http://jsbin.com/efayiw/4/editSk8erPeter
-
sz.j
nagyúr
Függőleges menüsort szeretnék átalakítani legördülővé, de sajnos eddig eredménytelenül ....
A HTML részbe ezt írtam:
<div id="menu">
<ul class="navigation">
<li> <a href="#">első oldal</a> </li>
<ul>
<li> <a href="#">első legördülő</a> </li>
<li> <a href="#">második legördülő</a> </li>
</ul>
<li> <a href="#">második oldal</a> </li>
...........
</ul>
</div>
A stíluslapra semmit sem írtam ...A fentiek szerint nem lesz legördülő a menü, hanem stabilan (állandóan) látható a menüsorban ..
Mit rontottam el?Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
sz.j
nagyúr
válasz Sk8erPeter #4446 üzenetére
Igen, csak függőlegesben.
Amúgy ez alapján próbáltam megcsinálni (a stilus.css -n is, amit utólag töröltem!) de nem sikerült.
[ Szerkesztve ]
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
-
Sk8erPeter
nagyúr
Nálam a "lenyíló 1" és ""lenyíló 2" közül egyik sem nyílik le Chrome-ban.
Amúgy a "SZABÓ Árnyékolástechnika Budapest" szöveg még mindig nagyon csúnyán pixeles... Mondjuk korábban már károgtam miatta, szerintem ez a látogató véleményét befolyásolhatja negatív irányban.Sk8erPeter
-
sz.j
nagyúr
válasz Sk8erPeter #4449 üzenetére
Akkor félreértettél vagy félreérthetően írtam, mert alapból az a bajom, hogy nem nyílik le (nem gördül le) hanem fixen állandóan látható ....
A #4448 hsz-ban lévő linkkel csak a #4447-es hozzászólásomat próbáltam "alátámasztani".Még nem volt időm foglalkozni vele, sőt egy egészen másmilyenen logót szeretnék készíteni, de ahoz valami ingyenes progit is kellene találnom ....
[ Szerkesztve ]
Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu
Új hozzászólás Aktív témák
- EDIFIER R1700BTS hangfal pár makulátlan, új állapotban, 2 év hivatalos garanciával, alkalmi áron
- LG OLED55B23LA 2 Év GYÁRI GARANCIA
- Apple iPhone XR 128GB, Kártyafüggetlen, 1 Év Garanciával
- Gamer PC , i7 12700KF , RTX 3080 Ti , 64GB DDR5 , 960GB NVME , 1TB HDD
- Intel PC , i5 8500 , 1660 6GB , 32GB DDR4 , 512GB NVME , 500GB HDD
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Ozeki Kft.
Város: Debrecen