- sziku69: Fűzzük össze a szavakat :)
- Luck Dragon: Asszociációs játék. :)
- sziku69: Szólánc.
- Meggyi001: Áram nélkül....méltóság nélkül.....
- creation: Elég lett abból, hogy a nagy gépeim nem képesek behúzni a filamentet
- ldave: New Game Blitz - 2026
- gban: Ingyen kellene, de tegnapra
- Lalikiraly: Mercis kalandok - Huszonkilencedik rész
- bambano: Bambanő háza tája
- D1Rect: Nagy "hülyétkapokazapróktól" topik
Új hozzászólás Aktív témák
-
laslie92
senior tag
Sziasztok a segítségeteket szeretném kérni!
Adott egy JPEG. kép ( Egy étlap) Ezt szeretném úgy megoldani hogy egy adott HTML oldalon az étlap menübe be legyen illesztve a kép és ha rákattintanak egy másik kép jöljön be az adott oldalon ( mint ha lapoznák az étlapot) persze nem kell semmi efekt hozzá. Vagy esetleg ha van valakinek valami jó ötlete étlaphoz azt is szívesen várom. Nagyon megköszönném a segítséget. Üdv: Laslie -
martonx
veterán
-
DNReNTi
őstag
válasz
attis71
#5894
üzenetére
Szia,
Mivel az article szélessége nincs megadva így default 100%. Azért kerül a következő "sorba" az aside mert az article kitölti 100%-ra, ezen az sem segít ha margót adsz hozzá, ahogy meg is tetted. Ha az a cél hogy a szerkezet responsive legyen, akkor használj %-ban megadott méreteket és margókat.
-
cidalain
veterán
válasz
attis71
#5894
üzenetére
Szedd ki az aside-bol a clear:left-et igy elso ranezesre.
A clear kikapcsolja a float-ot. A left-tel azt mondod az aside-nak, hogy a bal oldalan nem engedsz floatolt elemet. Es ugye pont ott lenne a masik.Szedd ki az egeszet, nem kell az oda, elegendo ha a footernek van, oda viszont inkabb clear:both-t tennek
-
attis71
tag
Sziasztok!
Segítenétek mi az oka, hogy az aside lejjebb van mint az article?
Előre is köszi.<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Oldalkialakítás html5-el</title>
<style type="text/css">
#fodoboz {
width: 100%;
margin: 0px;
border: 1px solid gray;
line-height: 150%;
}
header, footer {
padding: 0.5em;
color: white;
background-color: gray;
clear: left;
}
h1 { color: white; }
article{
float: left;
margin-right: 180px;
border-right: 1px solid gray;
padding: 1em;
}
aside{
clear: left;
float: right;
width: 160px;
margin: 0;
padding: 1em;
text-align: center;
}
</style>
</head>
<body style="background-color: #eeeeff;">
<div id="fodoboz">
<header>
<h1>Ez itt az oldal fejléce</h1>
</header>
<article>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sem nunc,
semper in euismod vel, ornare non ante. Etiam congue mauris ac odio vulputate,
sed dignissim turpis congue. Mauris sodales tellus ut massa vulputate,
in condimentum leo mollis. Suspendisse ultrices nunc eu sapien congue,
quis scelerisque odio molestie. Pellentesque porttitor leo ut velit
laoreet ultrices. Pellentesque vel aliquet nibh, eu sagittis magna.
Duis quam ante, consectetur tempor mauris quis, porta malesuada ante.
Cras rhoncus ullamcorper imperdiet. Ut ullamcorper hendrerit quam imperdiet
feugiat. Morbi suscipit quis eros sed cursus. Maecenas volutpat diam
neque, vel dictum nibh euismod vel. Nullam semper ante et sapien ultrices
pharetra. Suspendisse sodales sit amet lorem ac tincidunt. Vivamus accumsan
lacus sit amet nunc lacinia, a congue tortor feugiat.
</article>
<aside>
Ide kerülhet a balmenü. Ide kerülhet a balmenü. Ide kerülhet a balmenü.
</aside>
<footer>
Ez meg a lábléc
</footer>
</div>
</body>
</html>Üdv.:attis71
-
martonx
veterán
Sziasztok!
Van itt valaki, akinek van tapasztalata html email template-ekkel? Különösen Outlook-ban renderelve? Van egy faék egyszerű html-es emailem (inline style-okkal, ahogy az kell), aminek a fejlécében a balra igazított logó kizárólag Outlook-ban, ott is csak ha teljes képernyőn nyitom meg, kap egy erős behúzást.
Ha valakit érdekel, emailben el tudom küldeni a példát, böngészőbe hiába teszem be, ott minden normálisan viselkedik. Kib......tt Outlook, és a hülye MS saját Word-ös html renderelő engine-je. Bármelyik IE-ben megnyitva is jó, csak Outlook-ban fullscreen-ben nem jó.
-
#5890
PumpkinSeed
addikt
tothjozsi96
#5889
PumpkinSeed
addikt
válasz
tothjozsi96
#5889
üzenetére
Ajándékba kaptam. Mivel ez egy gyorsan fejlődő iparág, ezért csak a google-t. Illetve idegennyelvű irományokat.
-
#5889
tothjozsi96
addikt
PumpkinSeed
#5888
válasz
PumpkinSeed
#5888
üzenetére
Szia.
Értem, tehát te megvetted vagy csak átlapoztad te is egy könyv kiadónál?
Mit tudsz ajánlani helyette? -
#5888
PumpkinSeed
addikt
tothjozsi96
#5887
PumpkinSeed
addikt
válasz
tothjozsi96
#5887
üzenetére
Szerintem túl keveset foglalkoznak benne bizonyos témákkal, a canvas-ről például kb 1 bekezdést írnak.
-
#5887
tothjozsi96
addikt
Heló!
Valaki vásárolt már HTML 5-el foglalkozó könyvet?
És esetleg erről van valakinek véleménye?
http://www.libri.hu/konyv/bruce_lawson.bemutatkozik-a-html-5.html -
#5886
Sk8erPeter
nagyúr
laslie92
#5885
Sk8erPeter
nagyúr
-
laslie92
senior tag
Sziasztok esetleg tudnátok egy olyan kódot adni amit HTML weblap alá betudnék illeszteni, a lényeg annyi lenne,hogy mp3 as fájt szeretnék lejátszani autómatikusan de a weboldalon csak egy hangszóró ikon legyen amire ha rákattintanak akkor megálljon a zene!
Válaszokat előre is köszönöm!
-
#5883
cidalain
veterán
Sk8erPeter
#5882
cidalain
veterán
válasz
Sk8erPeter
#5882
üzenetére
Jaja. De irta hogy nem profi. :-)
Lwhet hogy azt kellett volna irni hogy dobj egy privatot, jo penzert megcsinalom ;-) -
#5881
cidalain
veterán
Sk8erPeter
#5880
cidalain
veterán
válasz
Sk8erPeter
#5880
üzenetére
Igen, de az mar abszolut nem kezdo kategoria. Ahhoz mar a js-en kivul php es sql ismeretek is kellenek.
A cegek szama szerintem nem no. A leirasban egy adott ceg van x darab telephellyel. Ez ugy gondolom hogy nagyjabol fix. Uj utcak nem lesznek egy varosban tul gyakran, tul nagy szamban. Egy ceg a telephelyeit/mukodesi teruletet sem szervezi at tul gyakran. Szoval az ertelmezesemben ez egy nagyjabol fix felosztas, ami nem nagyon fog modosulni. Persze ha jol ertem a leirast.
-
#5880
Sk8erPeter
nagyúr
cidalain
#5877
Sk8erPeter
nagyúr
válasz
cidalain
#5877
üzenetére
"Csinálnék egy utcák JS tömböt. Minden eleme egy kételemű tömb lenne: utcanév, telephelyazonosító."
Ez kisszámú cégmennyiségre még működik, de amint növekszik az adatbázisba felvett cégek száma, ki lehet dobni ezt a megoldást, különben durva erőforrásokat igényel a betöltés+keresgélés kliensoldalon minden alkalommal (persze lehet cache-elni, ha mégis nagyon kell). Szerveroldalon kéne inkább tárolni, adatbázisban, aztán autocomplete-tel felajánlani a lehetőségeket. -
-
-
cidalain
veterán
Szerintem ez speciális feladat, tutorial nem hinném hogy van amit egy az egybe átvehetsz
Hát ha nem vagy profi, akkor így:
Csinálnék egy utcák JS tömböt. Minden eleme egy kételemű tömb lenne: utcanév, telephelyazonosító.
Keresésnél kilistáznám egy legördülőbe az össze utcanevet, azt amelyikre kattint ahhoz ott lesz a telephelyazonosító. (lehetne beírós, de akkor mi van ha "battyányi uccát" ír be a kretén, azt olyan meg ugye nem lesz, listboxnál nincs ilyen veszély)Ha van valaki profi is melletted akkor esetleg pl Google maps térkép alapon lehetne, de az első verzió nagyságrendekkel egyszerűbb.
-
UserX
addikt
Sziasztok!
Előrebocsájtom, hogy nem vagyok profi!!!
Van egy város utcanevekkel és van egy cég több telephellyel a városon belül. Az utcák fel vannak osztva, hogy melyik telephelyhez tartoznak. Azt, hogy lehet megcsinálni, hogy beírja a látogató a weblapon egy szövegdobozba, hogy pl.: Körte utca. Ráklikkel a 'Keres' gombra és megjelenik, hogy melyik telephelyhez tartozik. Létezik erre valamilyen tutorial? Előre is kösz! -
Orionk
senior tag
Szia !
Ha jól látom, akkor ezzel a HTML5 lehetőséggel csak videót lehet beilleszteni hátra és csak teljes háttérképként.
Én meg úgy szeretném, hogy csak egy részén legyen a háttérnek, mint a linkelt oldalon, ahogyan látod. Illetve nekem csak képeim vannak. Videóm nincs.
Esetleg tudtok valami másik megoldást ?
köszi
-
Orionk
senior tag
Sziasztok !
Hogyan lehet megvalósítani egy ilyen mozgó hátteret, mint ezen az oldalon a hőlégballon a háttérben olyan, mintha repülne.
köszi
-
-
w.miki
veterán
Hali!
Szeretnék belépni egy oldalra egyetlen URL cím beírásával.
Mit kellene beírnom a böngésző címsorába, hogy automatikusan beléptessen a weblapra, felhasználóként, és ne kelljen még egyszer kattintanom? (User/pass nevem van.) -
Orionk
senior tag
válasz
martonx
#5866
üzenetére
Szia !
Én pont ilyen weboldalt szeretnék, mint ez. Azaz pont Ezt a PLUGINT szeretném átalakítani, amit lentebb néztél.
Tehát, hogy a weboldal oldalai így csúsznak, mint a fenti pluginban, és ha minden igaz, akkor reszponzív az oldal, azaz, hogy mobilon is jól megtekinthető.
Ha teljes képernyőre kiteszem a fenti plugint, akkor a háttérnek az alja is látszódik. Próbáld ki légyszíves. Egyébként, meg ha nincs full screen en az oldal, akkor nekem nem mutatja a böngésző a kép alsó kb. 20-30 pixelét, de az a következő oldalra sem nyúlik át, csak elveszik
Erre tudtok valami megoldást ?
----------------
A másik dolog, amit kérdezni szerettem volna, hogy hogyan lehet megvalósítani, hogy az oldalon menjen a héttérben zeneszám, de a képernyőn látható gombbal kikapcsolhatja a user.
köszi
-
martonx
veterán
Bevallom, sosem próbáltam még megfogalmazni magyarul, hogy mi az a slider. Ha valakinek van rá szép definíciója, az megtehetné, hogy leírja neked. Gyakorlatiasan megfogva a slider kb. pont az, amit ez a js plugin csinál, azaz nem az a lényege hogy teljes képernyős háttér
![;]](//cdn.rios.hu/dl/s/v1.gif)
hanem, hogy képeket cserélget, újra és újra.Az alján meg direkt lóg gondolom át a következő kép, ezzel jelezve a usereknek, hogy van értelme lejjebb görgetni, mert ott is lesz valami tartalom.
Ha neked mindebből csak annyi kell, hogy legyen egy teljes képernyős háttered, akkor azt 1-2 sornyi css-el meg tudnád oldani, nem kell hozzá semmilyen js plugin.
-
Orionk
senior tag
válasz
martonx
#5863
üzenetére
Teljes képernyős Slider alatt azt érted, hogy reszponzív az oldal ? Egyáltalán reszponzív weboldal az a plugin, amit mutattam lentebb ?
A másik dolog, amit kérdezni szeretnék, hogy valóban teljes képernyőre feszíti ki a háttérképet, de a kép alsó 20-30pixele mindig lemarad, de miért ?Ha letöltöd a háttérképet, akkor a képek alja 20-30 pixellel nagyobb.
köszi szépen.
-
Orionk
senior tag
Sziasztok !
Egy kis segítséget kérnék szépen.
Letöltöttem ezt a plugint és ezt próbálom felhasználni : http://alvarotrigo.com/fullPage/examples/backgrounds.html
Amint látjátok ez egy olyan plugin, theme, vagy nem tudom minek kell szakszerűen nevezni, hogy a képeket kinyújtja a képernyő teljes szélességében. Tehát mindegy, hogy mekkora monitoron nyitod meg.
Én meg a háttér képre szeretnék a bal felső sarokba felrakni egy képet, ami link-ként is fog szolgálni. Ezt a képet én most a 15.4es monitoromon jól elhelyezet, hogy a háttér képhez képest jó helyen van.
Viszont, ha valaki nagy monitoron nyitja meg, akkor már a háttér képhez képest nem jó helyen fog lenni, mert nagyobb monitoron szintén azt a 200x300 pixelt fogja számolni a bal feslő saroktól, de a háttér képhez képest nem jó helyen lesz.
Erre tudnátok-e ajánlani egy megoldást ? Tudnátok-e segíteni egy megoldással ?
köszi szépen
-
goldnarmz
aktív tag
Sziasztok!
Szeretnék segítséget kérni egy - számotokra biztosan baromi egyszerű - dologban.
Annyi az egész, hogy a honlapon van egy lista, ami .PDF fileokhoz vezet. Mindegyikhez oda van írva, hogy "Click to view .PDF" Azt szeretném, hogy kis thumbnail legyen a fileokhoz, arra kattintva nyissa meg a böngésző őket.
Remélem, érthető, mit akarok.
Thumbnail-eket elkészítettem, próbálkoztam, de nem jutottam semmire. Sajnos tök hülye vagyok a dologhoz.
Légyszi segítsetek!
-
martonx
veterán
válasz
pumatom
#5857
üzenetére
"Lehet igazad van, viszont a felhasználók szemszögéből nézve jó ha működik, mert amúgy nem tudnak használni bizonyos elemeket, és nem utasíthatom arra őket, hogy frissítsék a böngészőjüket."
Nem is te utasítod őket, hanem az élet (Gugli, MS, egyéb nagyobb cégek). Neked csak követned kell a trendeket, kivéve, ha a pénzügyi szektorban lévő mammutoknak dolgozol.
Mostanra az IE8 és az alatt böngészők mérhetetlenül alacsony részesedést produkálnak. -
pumatom
aktív tag
válasz
martonx
#5856
üzenetére
Szia!
8-as IE-rel van a probléma.
Lehet igazad van, viszont a felhasználók szemszögéből nézve jó ha működik, mert amúgy nem tudnak használni bizonyos elemeket, és nem utasíthatom arra őket, hogy frissítsék a böngészőjüket.
Ellenben marha idegesítő, hogy minden jól működik az összes egyéb böngészőn, de persze az IE-n nem.
Ezt a modernizr js megnézem, már láttam ebben a témában.
Köszönöm, hogy írtál!
-
martonx
veterán
válasz
pumatom
#5855
üzenetére
Milyen IE verzióval van ez a gond? 9-es alatt felejtsd el az IE támogatást (sőt legjobb lenne 10 alatt kukázni az összes IE-t, én pl. meg szoktam mondani, hogy kizárólag a legfrissebb böngészőket támogatom, ha régebbi IE-n is fut valami, annak örülünk)), és a probléma már meg is van oldva.
Illetve a modernizr javascriptből tudja szimulálni, mintha a régi böngészők is tudnák ezeket a funkcionalitásokat.
-
pumatom
aktív tag
Sziasztok!
A drága Internet Explorer-rel van némi megjelenítési problémám.
Kettő dolog:
Az egyik a beviteli mezőkre tehető placeholder, a második: media screen.
Természetesen minden böngészőben hibátlanul működik, de erre mindig külön kell figyelni.
A kérdésem:
Hogyan lehet megoldani a legegyszerűbben, hogy a placeholder megjelenjen IE alatt, a második, hogy az alap css file-t hogy tudom úgy írni, hogy a media screen-es tartalmat az IE is felfogja?
-
Torzo02
csendes tag
Sziasztok!
Probléma a következő:
-Van egy woocomerce webshop, szükséges lenne egy olyan e-mail küldő linkelése közvetlenül a termék mellett, ami elküldi az admin részére, hogy "Árajánlat kérése az "xy" termékről "z"e-mail címről" Természetesen "z" e-mail címet maga az érdeklődő adja meg. Itt gyakorlatilag egy kényelmi funkciót kell beállítanom.-Hogy egy e-mailt küldjön az érdeklődő, amennyiben érdekli a termék kiskereskedelmi ára és a termék megnevezését a kód írja be az érdeklődő helyett az e-mailbe.
Ezt a dolgot a régebbi weboldal tudta, ami php-ben készült. Most modern alapokon kell megvalósítanom.Ha ötlet, hozzászólás van, köszönöm.
Üdv.: K
-
#5853
huliganboy
addikt
martonx
#5852
huliganboy
addikt
válasz
martonx
#5852
üzenetére
Szia!
Letöltöttem egy hover effektet amibe beleszerkesztettem egy fancybox megjelenítést. A gépemen tökéletesen működik, őt ha felrakom szerverre és meghívom a html-t közvetlenül akkor is..... de ha beillesztem a joomla oldalba akkor a fancybox nem működik... csak megjelenik a kép a böngészőablakban nem pedig felugróként.
Elvileg az oldalon lévő slider-el akad össze......
-
#5852
martonx
veterán
huliganboy
#5851
martonx
veterán
válasz
huliganboy
#5851
üzenetére
Kcsit érthetőbben, mi a probléma?
-
#5851
huliganboy
addikt
huliganboy
#5850
huliganboy
addikt
válasz
huliganboy
#5850
üzenetére
-
#5850
huliganboy
addikt
huliganboy
#5849
huliganboy
addikt
válasz
huliganboy
#5849
üzenetére
Sziasztok!
A középre helyezés tökéletes...
Most próbálom a részletek gombra való kattintást követően nagy kép megjelenítést amit a gépemen meg is oldottam... Viszont szerverre felmásolva nem akar működni de érzésem szerint átlinkeltem mindent (vagy nem?)
fancyboxLényegében így néz ki a html fájl:
<!DOCTYPE html>
<html lang="hu">
<head>
<title>2014 ŐSZI KERET</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Original Hover Effects with CSS3" />
<meta name="keywords" content="css3, transitions, thumbnail, animation, hover, effect, description, caption" />
<meta name="author" content="Alessio Atzeni for Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="http://kisvardafc.hu/joomla/images/hover/css/demo.css" />
<link rel="stylesheet" type="text/css" href="http://kisvardafc.hu/joomla/images/hover/css/style_common.css" />
<link rel="stylesheet" type="text/css" href="http://kisvardafc.hu/joomla/images/hover/css/style1.css" />
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="http://kisvardafc.hu/joomla/images/hover/js/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="http://kisvardafc.hu/joomla/images/hover/js/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="http://kisvardafc.hu/joomla/images/hover/text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</head>
<body>
<div class="container">
<div class="header">
</div>
<h1>2014 ŐSZI KERET<span>Kisvárda Master Good</span></h1>
<center><img src="http://kisvardafc.hu/joomla/images/hover/images/DSCF8032.JPG"/></center>
<center>Felső sor<br>
Középső sor<br></span>
Alsó sor</center></h1>
<div class="main">
<h1><span>Szakmai stáb</span></h1>
<div class="view view-first">
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">
Dr. Sipos István
<div class="mask">
<h2>Dr. Sipos István</h2>
<p>Klub Igazgató</p>
<a class="fancybox info" rel="group" href="http://kisvardafc.hu/joomla/images/hover/nagy/myke.png">Részletek</a>
</div>
</div>
<div class="view view-first">
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">
Dr. Sipos István
<div class="mask">
<h2>Dr. Sipos István</h2>
<p>Klub Igazgató</p>
<a class="fancybox info" rel="group" href="http://kisvardafc.hu/joomla/images/hover/nagy/myke.png">Részletek</a>
</div>
</div>
</body>
</html>Én erre gondolok hogy nem stimmel, de nem tudom hogy kell helyesen belinkelni:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});Ránézne valaki?
Köszönöm
-
#5848
wis
tag
Sk8erPeter
#5846
wis
tag
válasz
Sk8erPeter
#5846
üzenetére
Úgy értettem, hogy ezt
.csapat_img_fix {
margin: 0;
}
írja felül ezzel
.dd-article img {
margin: 0;
}
ami a style_common.css fájlban van.(#5847) DNReNTi
Igaz, akkor így:
.dd-article img.csapat_img_fix {
margin: 0;
}
-
#5845
wis
tag
huliganboy
#5842
wis
tag
válasz
huliganboy
#5842
üzenetére
Nem kell új class, egyszerűen írd felül:
.dd-article img {
margin: 0;
}A style_common.css később töltődik be így az fog érvényesülni.
Szerk:
Most látom két <html> van egy oldalban, ezzel még sok melód lesz... -
#5843
DNReNTi
őstag
huliganboy
#5842
DNReNTi
őstag
válasz
huliganboy
#5842
üzenetére
Azért mert a template.css továbbra is felülírja :/
-
#5842
huliganboy
addikt
DNReNTi
#5839
huliganboy
addikt
válasz
DNReNTi
#5839
üzenetére
Nem akar működni...
Ezt a kódot beleraktam a meglévő style_common.css fájba:
.csapat_img_fix {
margin: 0;
}Aztán a html kódban ahol a hivatkozás van a képre kicseréltem az általad megjelöltre:
<div class="view view-first">
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">Nem jól értelmezem az írásod?
-
#5841
Sk8erPeter
nagyúr
DNReNTi
#5837
Sk8erPeter
nagyúr
válasz
DNReNTi
#5837
üzenetére
"Az ingyenes tartalomkezelők szépsége
Szuper míg nem kell hozzányúlni. 
"
Mert a fizetős tartalomkezelőkhöz, vagy bármilyen párfájlosnál komplexebb rendszerhez nem kell elolvasni a dokumentációt, hogy tudd kezelni?
Ettől függetlenül abban igazad van, hogy nem kétperces meló beletanulni, hogy is kell kezelni az elvártak szerint egy tartalomkezelőt, tehát hogyan kell hozzá fejleszteni modult/plugint/komponenst vagy épp theme-et/template-et.
A Joomlához gány fos módon lehetett egyébként fejleszteni, amikor legutóbb láttam fejlesztői oldalról (szerencsére csak futó kaland volt, más kódját nézve), az mondjuk elég rég volt.(#5840) huliganboy :
Arra lehetőleg figyelj, hogy ne core-hoz tartozó fájlokat írj felül, hanem kiegészítsd valami komponenssel/template-tel, mert ha core-fájlt módosítasz, akkor egy update során búcsút inthetsz a saját kódjaidnak (vagy kézzel kell mindig beletákolni, és az mindig kerülendő). -
#5839
DNReNTi
őstag
huliganboy
#5838
DNReNTi
őstag
válasz
huliganboy
#5838
üzenetére
Nem bonyolult.
Egyszerűen létrehozol egy osztályt egy új vagy valamelyik ccs fájlban mondjuk így:
.csapat_img_fix {
margin: 0;
}Ez összesen annyit csinál, hogy a margót nullázza, elég is pont erre van szükséged. Ha ez megvan akkor pedig a megfelelő fáljban vagy bejegyzésben (ahonnan ez az oldal jön) a .view .view-first osztályokkal rendelkező divben lévő képre alkalmazod ezt az új osztályt.
Pl ezt fogod kapni:
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">Így már jó lesz.
Javítson ki valaki ha tévedek, sajnos (szerencsére) a Jooma eddig elkerült pályafutásom során.Az ilyen fix-ekre amúgy célszerű bevezetni szerintem egy új css fájlt, amiben csak az ilyen felülvágások lesznek, mert nem ez lesz az utolsó. Persze azt meg akkor be kell húzni minden oldalra a meglévő kb 20 mellé.
Ja meg használj a képekre alt attribútumot mer' így nem HTML5 valid. -
#5837
DNReNTi
őstag
huliganboy
#5835
DNReNTi
őstag
válasz
huliganboy
#5835
üzenetére
Ahogy mondtam, a konténerben lévő img elem örököl margin tulajdonságot, emiatt csúszik el. Na most mivel ez máshol is használva van, én bevezetnék ezekre egy új css osztályt amit csak ezekre alkalmazok, így elkerülhető, hogy máshol elússzon ha átírod.
A lényeg:
Klikk a nagyításért.Az ingyenes tartalomkezelők szépsége
Szuper míg nem kell hozzányúlni. -
#5836
huliganboy
addikt
huliganboy
#5835
huliganboy
addikt
válasz
huliganboy
#5835
üzenetére
a témának a css bekavar a beállításokba... Valahogy lehet ignorálni vagy az kihat az egész oldalra?
-
#5834
DNReNTi
őstag
huliganboy
#5833
DNReNTi
őstag
válasz
huliganboy
#5833
üzenetére
Ha be tudnád linkelni a joomla oldalt könnyebb lenne segíteni, egyébként valószínű, hogy a konténer vagy a kép örököl css szabályokat a joomla-tól, és ezért csúszik el. Ilyenekre gondolok pl:
- A konténer padding tulajdonságot örököl.
- A kép margin és/vagy padding tulajdonságot örököl.
- A betűtípus pedig egyértelmű, valahonnan megörököl egy másik beállítást.Ezt a legkönnyebb kinyomozni a Developer Tools-al (F12) lehet, kiválasztod a vizsgálni kívánt elemet és láthatod mely css szabályok vannak rá vonatkoztatva és melyik honnan érkezik, melyik melyiket vágja felül.
-
#5833
huliganboy
addikt
pecze
#5805
huliganboy
addikt
Szia!
A hover css beállításaival kapcsolatban.....
99%-osan megoldottam a problámát....
A gépemen elindítva a html fájlt tökéletes, sőt szerveren is az, viszont én ezt egy joomla oldalon akarom használni.
Na most ha oda beillesztem a htm kódot a kép kicsit elcsúszik, és mint ha a joomla css beállításait is használná egy két helyen a szövegeknél veszem ezt észre.....!
Sima html:
Jomlla oldalba illesztve:
Köszönöm
-
kemkriszt98
tag
válasz
Sk8erPeter
#5831
üzenetére
Csorikámnak olyan mind1, hogy hány "z" és hány "l"
-
#5830
martonx
veterán
kemkriszt98
#5824
martonx
veterán
válasz
kemkriszt98
#5824
üzenetére
Ilyenkor kell egy CTRL+F5
-
#5829
Sk8erPeter
nagyúr
kemkriszt98
#5828
Sk8erPeter
nagyúr
válasz
kemkriszt98
#5828
üzenetére
Inkább kódot/demót mutass.
Vannak néha anomáliák, de azoknak valami oka is van. -
kemkriszt98
tag
válasz
Sk8erPeter
#5826
üzenetére
Legközelebb ha ezt produkálja készítek róla videót neked
-
#5826
Sk8erPeter
nagyúr
kemkriszt98
#5824
Sk8erPeter
nagyúr
válasz
kemkriszt98
#5824
üzenetére
Igen, úgy értem, hogy te rontottál el valamit. Továbbra is így gondolom. Amúgy nincs olyan böngésző, hogy "mozzila".
-
kemkriszt98
tag
válasz
Sk8erPeter
#5823
üzenetére
A user errort úgy érted, hogy én( mint user) rontottam valamit? A minap ki akartam próbálni valamit... volt egyetlen egy HTML fájl... összesen 1 kék hátterű, 100x100px-es div volt benne (a css a head részben volt) duplaklikk ... megnyilik mozzilaban... semmi kék... jobbklikk... open with chrome... megynilik.... lás csodát kék div...
-
#5823
Sk8erPeter
nagyúr
kemkriszt98
#5820
Sk8erPeter
nagyúr
válasz
kemkriszt98
#5820
üzenetére
"Próbáltad másik böngészőben? Nálam volt már olyan hogy a Mozzila nem vette fogyelembe a css-t... olyankor használtam mást egy darabig.... másnap ha megnyitottam ment..."
Ez erősen user errornak hangzik. -
#5822
Jim-Y
veterán
honda 1993
#5821
Jim-Y
veterán
válasz
honda 1993
#5821
üzenetére
Na ugye, hogy nem hulyesegbol kerdeztem
Egyebkent az ilyet is konnyen ki lehet deriteni ha megnyitod a bongeszo webfejleszto eszkoztarat, ott a network fulet. Akkor latod, hogy miket toltott le a bongeszo.
-
kemkriszt98
tag
válasz
honda 1993
#5818
üzenetére
Próbáltad másik böngészőben? Nálam volt már olyan hogy a Mozzila nem vette fogyelembe a css-t... olyankor használtam mást egy darabig.... másnap ha megnyitottam ment...
-
#5819
Jim-Y
veterán
honda 1993
#5818
Jim-Y
veterán
válasz
honda 1993
#5818
üzenetére
Vagy nagyon el kene meg olvasnod 1-2 basic html tutorialt, vagy csak trollkodsz.
Ez a sor
<link rel="stylesheet" type="text/css" href="styles.css" />
a html kodban azt jelenti, hogy a stiluslapot egy styles.css fajlbol szedi ossze. Ehhez azt kell felteteleznunk, hogy az index.html fajlod mellett a mappadban van egy styles.css fajlod is. Errol kertem megerositest, hogy tenyleg igy van-e.
Tehat ha a kodjaid a /home/honda/projects mappaban vannak, akkor kene lennie 2 fajlnak
/home/honda/projects/index.html
/home/honda/projects/styles.cssA tree parancs ezt igy listazta volna ki (ezt kertem):
jim@linwst430:~/projects/honda$ tree
.
├── index.html
└── styles.cssDe tessek, itt a kodod amit belinkeltel, plusz a zaro } jel amit mar emlitettek: http://jsfiddle.net/Jim_Y/k2sefr0L/
-
#5818
honda 1993
senior tag
Jim-Y
#5817
honda 1993
senior tag
-
#5817
Jim-Y
veterán
honda 1993
#5816
Jim-Y
veterán
válasz
honda 1993
#5816
üzenetére
Ird mar be a tree parancs kimenetet. Lehet rosszul probalod behuzni a css-t. Rossz az eleresi ut stb. Ha nem tudsz jol kerdezni, akkor hidd el, hogy segiteni se tudunk.
-
#5815
pecze
aktív tag
honda 1993
#5813
válasz
honda 1993
#5813
üzenetére
Használd ezt az oldalt, ha még csak tanulod, szépen végigmegy mindenen, könyvet nemigen tudok ajánlani
http://www.w3schools.com/
Vagy szedj elő egy HTML Editort, ami ikonok segítségével be tud pakolni HTML kódot.
Régen ezeket használtam, azt se tudom ma még léteznek e: Dreamweaver, KompozerMég a css fájl útvonala lehet a probléma, a bellításaid szerint a html fájllal egy könyvtárban kell elhelyezkednie.
-
#5814
honda 1993
senior tag
honda 1993
senior tag
kitoroltem azokat amiket nem kellett volna beleirni,de akkor sem mukodik.
a 24 oras konyvbol irtam, tehat ,nem tudom felfogni hogy mi lehet a problema.
azt pedig plane keptelenseg megerteni hogy hogyan mukodhet nalad......
-
#5813
honda 1993
senior tag
pecze
#5812
honda 1993
senior tag
De milyen tényleges kódot?
Ez a tényleges... Ezt írtam
Én nem töltöttem fel sehova, nem is akarom.
Ahoz hogy megnézzem a böngészőben, nem kell feltölteni.
Viszont nem értem hogy milyen tényleges kódrol beszélsz
sajnos egyaltalan nem ertem hogy mirol beszelsz.
ezekszerint a 24 oras konyv nem is er semmit es lehetetlen tanulni belole
-
#5812
pecze
aktív tag
honda 1993
#5811
válasz
honda 1993
#5811
üzenetére
Jó lenne ha a tényleges kódot felraknád valahova, mert ezzel nincs semmi baj, illetve a bodyban vannak érdekességek, egy <p> nincs lezárva, meg a <br>-eket nem kell zárni, vagy legalábbis nem így, lehet valami elírás okozza az eredeti kódban is a hibát.
Én több órát szívtam nemrégiben egy képfeltöltő kóddal, minden jó volt, csak a drága szolgáltató nem pakolta be a feltöltött fájlt a megadott mappába, vagy legalábbis nem láttam, aztán bontottam az ftp kapcsolatot és újracsatlakoztam, ott volt mind.Természetesen nincs meg a kép, de látom a helyét, hogy hova pakolja.
http://prntscr.com/4dmivaCSS-ben van pár hivatkozás, p.subheading, div.footer, linkek, amik nem is éteznek a html kódban, akkor minek vannak benne egyáltalán a css-ben, a tényleges kód, ami ezeket használja is.
-
#5811
honda 1993
senior tag
pecze
#5810
-
#5810
pecze
aktív tag
honda 1993
#5809
válasz
honda 1993
#5809
üzenetére
Jó, hogy piros, nincs vele semmi baj, általában a classokat így jelzi az editor.
Bemásoltam magamnak a kódot és nálam figyelembe veszi a css-t, a kép is jobbra igazul. -
#5809
honda 1993
senior tag
pecze
#5808
honda 1993
senior tag
igazad van
kijavitottam de igy sem mukodik.
a kep tovabbra sem mozdul.
es a p.subheader-bol a ''subheader'' piros szinu.
annak olyannak kell lennie ?mi lehet a gond ?
miert nem akar mukodni ?
mert amit irtam az megjelenik,de a css mintha ott sem lenne.
leht hogy rosszul kapcsoltam ossze a html-t es a css-t ?
vagy mi lehet a gond ?
a html kodot is lattad ?
-
#5808
pecze
aktív tag
honda 1993
#5807
válasz
honda 1993
#5807
üzenetére
p.subheader nincs lezárva
-
#5807
honda 1993
senior tag
honda 1993
senior tag
a ccst lefelejtettem
body {
font-size: 10pt;
font-family: verdana, geneva, arial, helvetica,sans-serif;
color: black;
line-height: 14pt;
padding-left: 5pt;
padding-right: 5pt;
padding-top: 5pt;
}h1 {
font: 14pt verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
line-height: 20pt;
}p.subheader {
font-weight: bold;
color: #593d87;img {
padding: 3pt;
float: right;
}
a {
text-decoration: none;
}a:link, a:visited {
color: #FF9933;
}div.footer {
font-size: 9pt;
font-style: italic;
line-height: 12pt;
text-align: center;
padding-top: 30pt;
}egyebkent eddig a youtube segiysegevel csinaltam mindent es ennel jobb dolgokat is osszehoztam mar,csak az volt vele a baj hogy ossze vissza volt minden.
most elkezdtem a 24 oras konyvet es abbol van ez a kod is.
-
#5806
honda 1993
senior tag
honda 1993
senior tag
hali ezzel mi lehet a baj ?
<!DOCTYPE html>
<html>
<head>
<title>bla</title><link rel="stylesheet" type="text/css" href="styles.css" />
</head><body>
A CSS-t a weblapok szerkesztői és olvasói egyaránt használhatják,
<br> hogy átállítsák vele a lapok színét, betűtípusait, elrendezését,
és más megjelenéshez kapcsolódó elemeit.
<br>A tervezése során a legfontosabb szempont az volt, hogy elkülönítsé</br>
<br>(melyet HTML vagy egy hasonló leíró nyelvben lehet megadni)</br>
a dokumentum megjelenésétől (melyet CSS-sel lehet megadni).
<p>Az ilyen elkülönítésnek több haszna is van, egyrészt növeli a webl</p>
rugalmasságát és a megjelenés kezelhetőségét, másrészt csökkenti a
dokumentum tartalmi struktúrájának komplexitását. <p>A CSS ugyancsak
hogy a dokumentum stílusát a megjelenítési módszer függvényében a
a dokumentum formája a képernyőn, <br>nyomtatási lapon, hangos böngész
lvassa fel a weblapok szövegét), vagy braille készüléken megjelenítve</br><img src="images/kep.jpg">
</body>
</html>
azzal hogy milyen szoveg van a body-ban,ne foglalkozzatok csak bemasolgattam ezt azt,de nem osszefuggo szoveg.
a problemam az,hogy amikor megnyitom a html fajlt,akkor az egesz nem csinal semmit.
a kep sem megy jobb oldalra hanem marad alul,stb.
-
#5805
pecze
aktív tag
huliganboy
#5804
válasz
huliganboy
#5804
üzenetére
A képre vonatkozó stílusbeállítás a style_common.css-ben van, ott a .view class-ban kell módosítani a margin értékét, hogy közelebb hozd egymáshoz őket, csökkenteni kell.
Ezenkívül van bal, jobb, alsó, felső margó, ha egy értéket adsz meg, a margin mindre vonatkozik, ha nem akarod, csak a bal, jobb margót módosítani, vagy eltérő értékeket akarsz megadni, akkor megadhatod egyesével is:
margin: 20px 10px 20px 10px;
Sorrend: felső, jobb, alsó, bal
vagy
margin: 20px 10px;
Sorrend: felső és alsó, bal és jobbEkkor már közelebb kerülnek egymáshoz, csak van egy divszélesség megadva a .main classban (demo.css): 680px.
Ki van kalkulálva, hogy a két kép szélessége, plusz a bal és jobb margók, plusz a border (képek kerete) mennyi helyet foglalnak el, ezt az értéket kell módosítani a margóból levett értékkel és akkor vissza kerülnek középre.
Pl. 10-es bal és jobb margóval az érték 200-al csökken: 60-10 = 50 és négy margó van.Felugró képekre meg itt egy példa, minden le van írva, mit hova kell beilleszteni:
http://fancyapps.com/fancybox/ -
#5804
huliganboy
addikt
huliganboy
addikt
Sziasztok!
Adott egy ccs képmegjelenítési forma. lásd: link
Az a problémám hogy a két képet nem tudom közelebb hozni egymáshoz.... Lehet nektek pitiáner kérdés de én itt elakadtam.
Minden egyéb dolgot ami érdekelt megoldottam de ez nem megy....
Illetve még egy kérdésem lenne.
A képre álva rá lehet kattintani egy részletek gombra.... az vajon megoldható hogy akkor a képet nagyban felugró ablakban jelenítse meg?Köszönöm annak aki ránéz!
-
wis
tag
Aki a proba.sulinet.hu aldomaint létrehozza annak kell hozzáférése legyen DNS-hez hiszen az aldomaint is fel kell vennie. A proba.hu rendszergazdáját meg kell kérni, hogy állítson be egy aliast (proba.sulinet.hu) a proba.hu-ra. PHP, MySQL irreleváns ebből a szempontból.
Az iframes megoldás is működhet ha elfogadjuk, hogy így az aloldalakra nem lehet könyvjelzőzni és linkelni más oldalakról. -
Nem tudom módosítani, nem én vagyok a rendszergazda, meg azt se tudom van e a szerveren php meg mysql környezet. A fő probléma, hogy a domain még csak nem is hasonlít az iskoláéra, saját, aminek egy aldomainéről menne az oldal. Ezért lenne fontos, hogy mindig ugyanaz maradjon címként a böngészőben, ne nézzék a látogatók, hogy hova kerültem.
...Rá gugliztam JavaScript, sajnos én azt nem tanultam, de hátha megtudom csinálni...
Van egy város utcanevekkel és van egy cég több telephellyel a városon belül. Az utcák fel vannak osztva, hogy melyik telephelyhez tartoznak. Azt, hogy lehet megcsinálni, hogy beírja a látogató a weblapon egy szövegdobozba, hogy pl.: Körte utca. Ráklikkel a 'Keres' gombra és megjelenik, hogy melyik telephelyhez tartozik. Létezik erre valamilyen tutorial? Előre is kösz!
![;]](http://cdn.rios.hu/dl/s/v1.gif)
hanem, hogy képeket cserélget, újra és újra.
Szuper míg nem kell hozzányúlni. 
Új hozzászólás Aktív témák
Hirdetés
- sziku69: Fűzzük össze a szavakat :)
- Milyen monitort vegyek?
- Itt a Galaxy S26 széria: az Ultra fejlődött, a másik kettő alig
- Milyen okostelefont vegyek?
- Jogász topik
- Spórolós topik
- Látásjavító szemműtét
- T mint tavasz: képeken a közelgő Xiaomi 17T
- Dell notebook topic
- Xbox tulajok OFF topicja
- További aktív témák...
- GAMING PC! ULTRA 5 225 / RTX 5060 / 16GB DDR5 / 512GB NVMe / 550W Gold 80 Plus!
- Telefon felvásárlás!! iPhone 13 Mini/iPhone 13/iPhone 13 Pro/iPhone 13 Pro Max
- ÚJ 27% - Corsair iCUE SP120 RGB ELITE Triple (CO-9050109-WW) ARGB ventillátor szett!
- BESZÁMÍTÁS! Microsoft XBOX Series S 512GB játékkonzol garanciával hibátlan működéssel
- Konzol felvásárlás!! Nintendo Switch
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest