Hirdetés
- btz: Internet fejlesztés országosan!
- Luck Dragon: Asszociációs játék. :)
- Brogyi: CTEK akkumulátor töltő és másolatai
- droidic: Windows 11 önállóság nélküli világ: a kontroll új korszaka
- Gurulunk, WAZE?!
- sziku69: Szólánc.
- sziku69: Fűzzük össze a szavakat :)
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Luck Dragon: MárkaLánc
- Meggyi001: Eldugott helyek Párizsban, amiket jó eséllyel még nem láttál... 2. rész.
Új hozzászólás Aktív témák
-
#1200
honda 1993
senior tag
honda 1993
senior tag
hali.
A haverom mindig azt mondja hogy nem szabad minusz ÉrtÉket hasznalni css-ben,csak ha nagyon nincs mas lehetoseg.
de hiaba kerdezem tole hogy miert nem,sajnos nem igazan kepes megfogalmazni es csak azt ismetelgeti hogy azert mert nem szabad .....
de en kivancsi lennek ra hogy ez miert van igy,ha egyaltalan tenyleg igy van.
(hozzateszem hogy nalam sokkal jobban vagja a temat)
de nem ertem hogy miert ne lehetne minusz erteket hasznalni
-
#1199
honda 1993
senior tag
honda 1993
senior tag
egyebkent pedig koszi
DNReNTi-nek ,mert sikerult megoldanom a segitsegeddel,
es koszi mindenki masnak is aki segitett
-
#1197
Jim-Y
veterán
honda 1993
#1194
Jim-Y
veterán
válasz
honda 1993
#1194
üzenetére
Szerintem senki nem fogja lenyulni abbol kiindulva, hogy ilyen alapveto hibakat vetesz
-
#1195
DNReNTi
őstag
honda 1993
#1194
DNReNTi
őstag
válasz
honda 1993
#1194
üzenetére
Értjük, de félre ne érts:
1. Te a struktúrával nem boldogulsz, a tartalom irreleváns. Magyarul: azt nem teszed fel. Attól függetlenül a lényeget látjuk tök mindegy mit írsz bele.
2. Nem hiszem, hogy olyan technikai vívmány lenne benne, amit az itt fórumozók nagy részének újdonság lenne, abból kiindulva, hogy sokszor milyen dolgokon akadsz meg. -
#1194
honda 1993
senior tag
honda 1993
senior tag
felre ne ertsetek, nem azt akartam mondani hogy nektek nem akarom elkuldeni a kodot,hanem azt hogy itt a ph-n mindenki latja es nem szeretnem megosztani.
remelem hogy ertitek hogy mit akarok mondani
-
#1193
honda 1993
senior tag
martonx
#1192
honda 1993
senior tag
válasz
martonx
#1192
üzenetére
mondjuk most nem ertem hogy miert kell megint felhozni a multkorit
" Meg különben is te jobban tudod." gondolom ezzel arra utaltal hogy a multkor miket irtam.
most tok normalisan kerdeztem valamit.
csak azert nem kuldtem jsfiddle peldat,mert az oldalnak mar kitalaltam a temajat ,es elegge egyedi illetve velemenyem szerint erdekes is .
es ha egyszer sikerul megcsinalnom akkor tenyleg egy jo kis oldal lesz,
nos, ezert nem szeretnem elkuldeni a kodot.
de kozben
DNReNTi segitett az egyik hsz-ed, azt hiszem hogy mostmar tudom hogy mi a problema. -
#1192
martonx
veterán
honda 1993
#1187
martonx
veterán
válasz
honda 1993
#1187
üzenetére
"koszi,de ez nem valasz"
jsfiddle példa nélkül mégis mit vársz? Nyilván elrontottál valami nagyon alapvetőt, de ezt nem mondhatjuk, mert ez sem válasz. Meg különben is te jobban tudod.
-
#1191
DNReNTi
őstag
honda 1993
#1190
DNReNTi
őstag
válasz
honda 1993
#1190
üzenetére
De nem értem miért csinálsz ilyet.
Miért teszel egy konténert kívül azon amibe az egész oldalad teszed? Persze, hogy nem (feltétlenül) lesz úgy jó. Ismét belinkelném ugyan azt amit az előbb, továbbra is érvényes. -
#1190
honda 1993
senior tag
DNReNTi
#1189
honda 1993
senior tag
válasz
DNReNTi
#1189
üzenetére
hmmm
ezekszerint nem olvastad el amit irtam
"A múltkor kérdeztem hogy miért van az hogy a kisebb felbontású monitoron szétugrik az egész oldal és nem látni belőle szinte semmit.
Azt mondták hogy az egész oldalt rakjam bele egy fix szélességű konténerbe,
Page {
Width: 600px
Height: 450px
Stb stb
}
Ez működik is, de most csináltam egy másik oldalt, ahol van egy container is a pege-en kívül, ez a container az almenünek ad helyet/hátteret.És így megint szétugrik minden a kisebb felbontáson.
Ez miért lehet?"3. sortol
-
#1189
DNReNTi
őstag
honda 1993
#1187
DNReNTi
őstag
válasz
honda 1993
#1187
üzenetére
"egyebkent pedig errol meg nem talaltam sehol sem semmi fele leirast. marmint arrol hogy hogyan lehet megcsinalni hogy minden felbontason jol mukodjon"
Tényleg nem? Pedig épp neked írtam.
[1145] -
#1188
Jim-Y
veterán
honda 1993
#1187
Jim-Y
veterán
válasz
honda 1993
#1187
üzenetére
Your welcome http://www.adamkaplan.me/grid/
-
#1186
martonx
veterán
honda 1993
#1185
martonx
veterán
válasz
honda 1993
#1185
üzenetére
Kérlek, ha már a könyv és a webes tutorialok nem segítenek, akkor íratkozz be egy html tanfolyamra.
-
#1185
honda 1993
senior tag
martonx
#1184
honda 1993
senior tag
válasz
martonx
#1184
üzenetére
Rendben Köszi.
Más:
A múltkor kérdeztem hogy miért van az hogy a kisebb felbontású monitoron szétugrik az egész oldal és nem látni belőle szinte semmit.
Azt mondták hogy az egész oldalt rakjam bele egy fix szélességű konténerbe,
Page {
Width: 600px
Height: 450px
Stb stb
}
Ez működik is, de most csináltam egy másik oldalt, ahol van egy container is a pege-en kívül, ez a container az almenünek ad helyet/hátteret.És így megint szétugrik minden a kisebb felbontáson.
Ez miért lehet?Köszi előre is
-
#1184
martonx
veterán
honda 1993
#1183
martonx
veterán
válasz
honda 1993
#1183
üzenetére
a px-et töröld ki, 0 után helytelen a px használata.
-
#1183
honda 1993
senior tag
DNReNTi
#1182
-
#1182
DNReNTi
őstag
honda 1993
#1181
DNReNTi
őstag
válasz
honda 1993
#1181
üzenetére
Csak tippelem, hogy azzal akarod középre igazítani. Ha igazam van akkor ennyit hozzáteszek:
margin: 0 auto; -
#1181
honda 1993
senior tag
DNReNTi
#1180
honda 1993
senior tag
válasz
DNReNTi
#1180
üzenetére
hat most erre mit mondjak??
ha nincs ott a margin left 462 akkor nem is latom a menut.
haha kozben a kozepre igazitast meglestem valahonnan.
position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -220px;mostmar igy nez ki a margin-left 462 helyett
sot,az is lehetseges hogy megint elobb kerdeztem mint kellett volna,mert ugy nez ki hogy pont az iment beirt kod az ami hianyzott, innen azt hiszem hogy mar boldogulok.
-
#1180
DNReNTi
őstag
honda 1993
#1179
DNReNTi
őstag
válasz
honda 1993
#1179
üzenetére
Szokásos kérés: jsfiddle?
Másik meg: ez miazisten: margin-left: 462px;? -
#1179
honda 1993
senior tag
honda 1993
senior tag
hali.
valaki meg tudja mondani hogy miert van az hogy a wrapper es a menu is az oldal legaljan van ?
sajna nem tudom elereni hogy a page felett legyenek ,ahol a helyuk lenne.
#wrapper {
width: 980px;
height: 130px;
margin-left: 462px;
background: blue;
}#menu {
margin: 0px auto;
padding: 0px;
color: white;
}A msik kerdesem pedig az lenne hogy az mitol lehet hogy ha a HTML-ben a szoveget modositom, pl
<br>
vagy<p>valami</p> tag-el,akkor a page is elmozdul a helyerol.
-
#1178
honda 1993
senior tag
Sk8erPeter
#1177
honda 1993
senior tag
válasz
Sk8erPeter
#1177
üzenetére
Pedig de.
Feljebb 2 linket is küldtem mert azt kérték hogy rakjam fel a jsfiddle oldalára a kódot.
Az egyik linkben az a kód van amit a kolléga válasza alapján módosítottam, de az sajnos csak annyit tett hogy szétcsúszott az egész menü a másik linkben pedig az eredeti kód van, ami tökéletesen működik viszont abban pedig nincs leírva az amit szeretnék megoldani.
-
#1177
Sk8erPeter
nagyúr
honda 1993
#1176
Sk8erPeter
nagyúr
válasz
honda 1993
#1176
üzenetére
Mert mostanság egyáltalán nem érkezett értelmes kérdés...
![;]](//cdn.rios.hu/dl/s/v1.gif)
-
#1176
honda 1993
senior tag
honda 1993
senior tag
Kihalt a css topic
-
#1174
honda 1993
senior tag
honda 1993
senior tag
ha pedig nem irom be a css kodot akkor normalisan jelenik meg.
http://jsfiddle.net/eto6pLxn/
-
#1173
honda 1993
senior tag
kemkriszt98
#1171
honda 1993
senior tag
válasz
kemkriszt98
#1171
üzenetére
szoval miutan megcsinalom, a container nem valtozik semmit viszont cserebe ilyen lesz a menu
http://jsfiddle.net/wghu0g5u/
szerk: az egyes menupontokban levo szoveggel ne foglalkozzatok,azt irtam bele ami eszembe jutott. ( ne keressetek osszefuggeseket,mert nincs )
es az ekezet hianya pedig mar nem fog meglepni titeket sem .
gondolom...
-
kemkriszt98
tag
válasz
kemkriszt98
#1171
üzenetére
*nem
Bocs, lejárt az idő...
-
kemkriszt98
tag
válasz
honda 1993
#1170
üzenetére
jsFiddle, pls
Most már értem milyen volt a többieknek mikor én adtam jsFiddle-t
-
#1170
honda 1993
senior tag
kemkriszt98
#1169
honda 1993
senior tag
válasz
kemkriszt98
#1169
üzenetére
ertem,de sajnos nem akar mukodni.
ha beirom akkor csak szetugrik az egesz menu,es nem lesz 2 reszre osztva a containerem.
-
kemkriszt98
tag
válasz
honda 1993
#1167
üzenetére
A <div id="kulso_container"> van két részre osztva... az eggyik a menu a masik a content id-jű div... egyébként ha a html-ben megtartottad a "külső_containert" id-t akkor css-ben is használd azt a "page" helyett... ja és a "float" kicsi betű de most látom, hogy én írtam nagyal... (telefon átka
) -
#1168
Jim-Y
veterán
Sk8erPeter
#1135
Jim-Y
veterán
válasz
Sk8erPeter
#1135
üzenetére
Szeptember volna már?
-
#1167
honda 1993
senior tag
kemkriszt98
#1166
honda 1993
senior tag
válasz
kemkriszt98
#1166
üzenetére
hat,sajnos nem mukodik.
<div id="page_container">
<div id="menu">
</div><div id="content">
</div>
</div>----------------------------------------------
#page {
width: 980px;
height: 1600px;
margin: 0 auto;
background-color: #FFF;
list-style: none;}
#menu{
height:100%;
width:50%;
}#content {
height:100%;
width : 50 %;
Float:right;
}es ennek hatasara csak annyi tortenik hogy a menupontok ossze vissza ugraltak ( egymas alÁ)
egyebkent a css kodban nem is latom leirva azt hogy 2 reszre van osztva a container
-
kemkriszt98
tag
válasz
honda 1993
#1165
üzenetére
A te css-edhez hozzá kell adni azt amit irtam... A te esetedben (ha jól értettem) a külső_containert id-vel ellátott div helyét a page id-jű container veszi át
-
#1165
honda 1993
senior tag
kemkriszt98
#1164
honda 1993
senior tag
válasz
kemkriszt98
#1164
üzenetére
nem problema,de a css kodot nem ertem,
nem valami ilyesmi kellene ?
#kulso_container {
height: valami;
width: valami;
}mert az a css nem is mukodik nalam amit irtal.
bar az is igaz hogy nekem a container igy van megcsinalva
#page {
width: 980px;
height: 1600px;
margin: 0 auto;
background-color: #FFF;
list-style: none;}
-
kemkriszt98
tag
válasz
honda 1993
#1163
üzenetére
<div id="kulso_container">
<div id="menu">
</div><div id="content">
</div>
</div>Css:
#menu{
height:100%;
width:50%;
}#content {
height:100%;
width : 50 %;
Float:right;
}Bocs, hogy csak így tudom de telóról vagyok
-
#1163
honda 1993
senior tag
kemkriszt98
#1162
honda 1993
senior tag
válasz
kemkriszt98
#1162
üzenetére
Ez volt az első amit próbáltam, de nem történt semmi.
Úgy gondolod hogy nem zárom be a meglevőt, hanem a containerbe írom bele?
Esetleg egy példát linkelnél?
Vagy ha csak leírod hogy hogyan érted az is jó, legalább megszenvedek érte xd
-
kemkriszt98
tag
válasz
honda 1993
#1161
üzenetére
A containerbe raksz még 2 containert... magasságuk 100% szélességük pedig ahogy jól esik... (pl. 50-50%)
-
#1161
honda 1993
senior tag
honda 1993
senior tag
hello everyone !
a kovetkezo kerdesem az lenne hogy hogyan lehetne megoldani hogy a container legyen 2 reszre osztva.
szeretnek egy almenut is csinalni ami meg is van de igy meg elegge rosszul nez ki.
tehat a containert szeretnem fuggolsegesen 2 reszre osztani ugy, hogy a bal oldal csak olyan szeles legyen hogy a menut oda helyezve normalisan nezzen ki.
a jobb oldali resz pedig maradjon eleg nagy ahoz hogy a tartalom rendesen elferjen.
tudom hogy elegge rosz lehet az ekezet nelkuli betuvel irt mondatokat olvasni de sajna angol bill...em van.
es ha ezzel irok ekezetes betuket akkor az
Így nÉzne ki ez pedig mÉg annÁl is roszabb mintha Ékezet nÉlkul ÍrnÉk
-
kemkriszt98
tag
válasz
honda 1993
#1158
üzenetére
A css3 a css újabb (jelenleg legújabb verziója). Újdonságokat tartalmaz (pl. 3d-s átalakítás) ezekről az újításokról google-ben biztos találsz egy listát... Ugyan így a HTML 5 a html jelenlegi legújabb változata ami új tag-eket vezet be...
-
#1159
honda 1993
senior tag
kemkriszt98
#1157
honda 1993
senior tag
válasz
kemkriszt98
#1157
üzenetére
Azt olvastam valahol hogy nagyjából ugyan az, csak vannak újabb parancsok is benne.
Ez igaz?
Kemkriszt 98
Értem. Köszi -
#1158
honda 1993
senior tag
kemkriszt98
#1157
honda 1993
senior tag
válasz
kemkriszt98
#1157
üzenetére
Hali.
Meg tudja mondani valaki hogy miben más a css 2 és a Css 3
Mint a "sima" css?Illetve ez nem ide tartozik de az xhtml, html 5 stb miben más a html hez képest?
-
#1156
DNReNTi
őstag
kemkriszt98
#1155
DNReNTi
őstag
válasz
kemkriszt98
#1155
üzenetére
Másik megoldás az lehetne, hogy beállítod a konténer háttérnek a kívánt képet. Viszont akkor a kép nem kép.
Nem tudom ez a megoldás megfelelő e. -
#1154
DNReNTi
őstag
kemkriszt98
#1153
DNReNTi
őstag
válasz
kemkriszt98
#1153
üzenetére
Tedd bele egy adott fix méretű konténerbe (pl 100x100), rendezd benne középre, és állítsd be: overflow: hidden;. Nem próbáltam ki, de szerintem működnie kéne.
-
#1153
kemkriszt98
tag
kemkriszt98
tag
Sziasztok!
Van rá megoldás css-en belül hogy ha egy img tag-nek beállítok egy méretet de az eredeti felbontás nagyobb akkor a fölösleget simán levágja? A konkrét elképzelés az, hogy vannak képeim amik biztos nem négyzet alakúak de én olyan alakú img tag-ekként tölteném be őket s aki rákattint az megtekintheti eredeti méredben... A lényeg, hogy ha simán átméretezem akkor eltorzúl mert vagy vizszintes vagy pedig függőleges irányban összenyomódik...Remélem érthető voltam
-
#1151
DNReNTi
őstag
honda 1993
#1150
DNReNTi
őstag
válasz
honda 1993
#1150
üzenetére
Pedig eccerű, például így:
CSS:
#page {
width: 980px;
margin: 0 auto;
}HTML:
<div id="page">
Ebbe a konténerbe jöhet minden, fix 980 széles.
</div>Ennyi.
-
#1148
DNReNTi
őstag
huliganboy
#1147
DNReNTi
őstag
válasz
huliganboy
#1147
üzenetére
Kód nélkül csak tippelem, hogy a div elemek float: left; tulajdonságot kapnak. Ha ezt meg akarod szakítani használj clear-t. Ha float helyett display: inline-block; tulajdonságot kapnak a div elemek, akkor sima sörtöréssel új sorban kezdheted a következő blokkot.
A clear:
CSS:
.clear {
clear: both;
}HTML:
<div class="clear"><div>Ezt a div elemet oda kell betenni, ahol "sortörést" szeretnél.
-
#1147
huliganboy
addikt
huliganboy
addikt
Sziasztok!
Van egy képmegjelenítőm ami html kódból hivatkozva css osztályokkal szabja meg a képek elhelyezését:
<div class="view view-first">
<img src="http://kisvardafc.hu/joomla/images/hover/images/kicsi/sipos.JPG" class="csapat_img_fix ">
<b>Dr. Sipos István</b>
<div class="mask">
<h2>Dr. Sipos István</h2>
<p>Klub Igazgató</p>
<a data-rokbox <a class="info" rel="group" href="http://kisvardafc.hu/joomla/images/hover/nagy/sipos.JPG">Részletek</a>
</div>
</div>és a valóságban:
Hogy oldható az meg hogy a div szakaszt megszakítsam és a következő sorba írjak valamilyen szöveget aztán a div szakaszt újrakezdjem a látható módon?
Azért kellene megszakítanom mivel nem páros a megjelenítendő képek száma és a következő képet már új sorba szeretném kezdeni:
Tehát a kép alatt lenne egy sor szöveg majd a szöveg alatt ismét kezdődne a div páros képek megjelenítése!
Köszönöm
-
#1145
DNReNTi
őstag
honda 1993
#1144
DNReNTi
őstag
válasz
honda 1993
#1144
üzenetére
Nem a képarány hanem a felbontás miatt csúszik szét az oldal a kisebb monitoron.
Négy fajta design "minta" van:
Fix: önmagáért beszél, fix méretek minden kijelzőn (ezt javaslom számodra)
Fluid: százalékosan számított méretek, amely bizonyos mértékig alkalmazkodni képes a felbontáskülönbségekhez, nem valami elterjedt, épp azért mert csak bizonyos felbontások között működik használhatóan. Túl kicsi vagy túl nagy felbontáson az egész okafogyott.
Adaptív: itt jönnek képbe a media query-k, tetszőleges számú fix design között vált automatikusan meghatározott felbontás breakpoint-okon. Ezzel már lehet 4K-tól a telefonig mindenre megfelelő layout-ot készíteni.
Reszponzív: Az adaptív és a fluid kombinációja, bizonyos breakpointokon, az oldal layoutja megváltozik, de minden felbontáshoz maximálisan alkalmazkodik. Sokan keverik az adaptív design-nal, de nem teljesen ugyan az a kettő.Visszatérve a fixre. Tegyed bele az egész odalt egy fix szélességű konténerbe, és akkor nem fog szétborulni, max ha nem fér el, görgetni kell, nem valami elegáns, de szerencsére ma már elég kevés 800x600-as monitor van. Korábban a 960-980px szélességgel dolgoztunk, mert az még vertikális görgetősávval is elment az 1024-es kijelzőkön.
-
#1144
honda 1993
senior tag
honda 1993
senior tag
megint en...
azzal szembesultem,hogy ha egy masik monitoron akarom megnezni a weboldalt, ( az enyem 16:9-es)
a masik 4:3-as.
szoval a 4:3-as keparanyu monitoron nem ugy jelenik meg ahogy kellene.
egeszen pontosan minden szetcsuszik,es semmi nincs a helyen.
ehez ha jol tudom akkor valami fele relative poziciot kellene megadnom.
de nem vagyok benne biztos hogy ez lenne a jo megoldas.
valaki tud segiteni abban hogy hogyan lehetne kikuszobolni ezt a hibat ?
-
#1142
martonx
veterán
honda 1993
#1140
martonx
veterán
válasz
honda 1993
#1140
üzenetére
azt igazábol tudnám hogy hogyan lehet csak a kód eleje kellene amivel megadom a css-ben hogy a containerben lévő képet akarom formázni
Segítek: ezt szaknyelven selector-nak hívják.
-
#1141
DNReNTi
őstag
honda 1993
#1140
DNReNTi
őstag
válasz
honda 1993
#1140
üzenetére
Két lehetőség van:
- vagy az egész konténert középre rendezed
- vagy csak a képet"azt igazábol tudnám hogy hogyan lehet csak a kód eleje kellene amivel megadom a css-ben hogy a containerben lévő képet akarom formázni"
A ".osztály elem { }" selectorral tudod adott konténer bizonyos elemét kiválasztani.
A példámban ez:
.container_2 img { }Kiemelném: nem bántani akarlak, de megint magadat cáfolod meg, többször kikérted magadnak, hogy az alapokkal tisztában vagy. Nos ettől már nem is tudnék alapabbat elképzelni. Mindenképp nézd át a selector-ok használatát.
-
#1140
honda 1993
senior tag
honda 1993
senior tag
hogyan lehet a html -el beillesztett képet a css segítségével középre igazítani, méretezni stb ?
azt igazábol tudnám hogy hogyan lehet csak a kód eleje kellene amivel megadom a css-ben hogy a containerben lévő képet akarom formázni
-
#1139
Sk8erPeter
nagyúr
honda 1993
#1136
Sk8erPeter
nagyúr
válasz
honda 1993
#1136
üzenetére
"Érdemes legközelebb is olvasgatnod, ugyanis előfordulhatnak még hasonlóan okos megnyílvánulások a részemről."
Jaja, már észrevettem, hogy mindenki hülye/idióta/abnormális, meg minden tutorial/könyv/e-book/... egy szar, amikor valamit nem értesz. -
#1138
honda 1993
senior tag
DNReNTi
#1137
honda 1993
senior tag
válasz
DNReNTi
#1137
üzenetére
koszi.
azota sikerult egy viszonylag szep menut elkeszitenem,be is akartam linkelni de azzal szembesultem hogy a kicsi ablakban mar nem egymas melle kerulnek a menu elemek hanem egymas ala.
XD
es a betuk is csak a legfelso menureszben vannak benne.megprobalom kideriteni hogy mi lehet a problema es utana kuldok linket
-
#1137
DNReNTi
őstag
honda 1993
#1136
DNReNTi
őstag
válasz
honda 1993
#1136
üzenetére
Szvsz semmi félreértelmezhető nincs benne:
"No need for the HTML tag, it's already in the output."
Magyarról magyarra: Nincs szükség a HTML tag-re, alapból tartalmazza a kimenet.A kódot használd egészséggel
Ettől egyszerűbb má' nem lesz. -
#1136
honda 1993
senior tag
Sk8erPeter
#1135
honda 1993
senior tag
válasz
Sk8erPeter
#1135
üzenetére
Örülök neki hogy tetszett, igyekszem.
Érdemes legközelebb is olvasgatnod, ugyanis előfordulhatnak még hasonlóan okos megnyílvánulások a részemről.Ui:azért azt lássuk be hogy elég könnyen félreértelmezhető az amit kiírt az oldal.
DNReNti: Köszi átnézem
-
#1135
Sk8erPeter
nagyúr
honda 1993
#1116
Sk8erPeter
nagyúr
válasz
honda 1993
#1116
üzenetére
"hmmm na megneztem ezt a jsfiddle
oldalt de ez nem normalis.
ilyeneket ir a html kodomra hogy nem kell a html es a head tag.
ez egyszeruen idiota.miaz hogy nem kell ?
es a css kodra pedig nem dobott ki semmi fele hiba uzenetet"
Hát ez óriási, ez a hónap idézete. Köszönöm, hogy mindezt ebben a formában leírtad, nagyon jót röhögtem. 
-
#1134
DNReNTi
őstag
honda 1993
#1132
DNReNTi
őstag
válasz
honda 1993
#1132
üzenetére
No itten van egy faék egyszerűségű pure css menü, kétszintű lenyílós: fiddle.
Picit másabb mint amivel eddig példálóztam, most kottáztam be, talán egyszerűbb, de ez is egy formázott lista, nincs benne felesleges sallang (kivéve a színek). Ez alapján már mindenképpen meg kell értsd mi hogyan működik, és miért úgy. Kikommentezni már nem maradt erőm, a "varázslat" a display és a position tulajdonságok megfelelő használatában, meg a ">" selectorban rejlik, a többi meg alap. -
#1133
honda 1993
senior tag
honda 1993
senior tag
megoldottam XD
-
#1132
honda 1993
senior tag
DNReNTi
#1131
honda 1993
senior tag
válasz
DNReNTi
#1131
üzenetére
koszi.
arra esetleg tudod a valaszt hogy hogyan lehet megoldani azt hogy a menuben
a szoveget a kis dobozokban ( nem tudom hogy mondjak) kozepere igazitsam ?
de a text-align: center; nem jo,mert az csak egy kicsit jobbra viszi,de nekem jelen esetben arra van szugsegem,hogy lejjeb vigyem valahogy.ha megnezitek a linket akkor megertitek hogy mit akarok mondani.
http://jsfiddle.net/pqmj68pg/
-
#1131
DNReNTi
őstag
honda 1993
#1129
DNReNTi
őstag
válasz
honda 1993
#1129
üzenetére
Egy könyvbe nem lehet mindent leírni, általában típuspéldákat tanítanak és gyakoroltatnak, ezeket az életben sosem fogod pont úgy használni, mint ahogy le van írva, csak arra jó, hogy elsajátíts egy-egy technikát. Menüvel valószínű, azért nem foglalkozik, mert nincs ilyen hogy "css menü". (Tegyük hozzá: HTML5-ben már van nav tag, ami konkrétan nevezhető menü elemnek.) A css menü, egy ügyesen megformázott lista, benne linkekkel. Ha pedig a könyv foglalkozik linkekkel, listákkal, valamint ezek megformázásnak lehetőségeivel, akkor végül is foglalkozik a menüvel.
Remélem sikerült érthetőnek lennem. A könyv helyett sokkal hasznosabb olvasmány a net, tele van jobbnál jobb leírásokkal, kódokkal, trükökkel, ráadásul naprakész, persze az esetek nagy részében nem azt találod meg ami neked épp pont abban a formában kell, de megtalálod benne a kulcsot a megoldáshoz. -
#1130
martonx
veterán
honda 1993
#1129
martonx
veterán
válasz
honda 1993
#1129
üzenetére
Figyi, igaziból a menü is egy táblázat nem?
-
#1129
honda 1993
senior tag
DNReNTi
#1128
honda 1993
senior tag
válasz
DNReNTi
#1128
üzenetére
Az "arrogáns stílus" sajnos annak köszönhető hogy ideges vagyok. Amikor ideges vagyok akkor sajnos előfordul hogy ilyen vagyok.
Sorry.
Visszatérve a témára,
Az a baj hogy Rengeteg haszontalan dolog van a témával kapcsolatban, (legalábbis számomra az)
És ezért szeretnénk végre a menüvel foglalkozni.Azért nem rögtön ezzel kezdtem, olvasgattam a témával kapcsolatban elég sokat.
Az alapok szerintem megvannak
De azt pl furcsának találom hogy a könyvben a táblázatokból még a 100 egymásba ágyazott is le van írva, addig a menüről egy árva szót sem ejtenek
-
#1128
DNReNTi
őstag
honda 1993
#1120
DNReNTi
őstag
válasz
honda 1993
#1120
üzenetére
Azzal semmi baj nincs, hogy valaki kezdő, a baj inkább az, hogy a a css tulajdonságok nagy részét még nem is ismered, de te már pure css menüt akarsz készíteni, meg pseudo selectorokat használni, miközben meg vagy akadva azon, a beírt tartalom miért az oldal tetejére kerül. Ez amúgy hiszed vagy nem, annak köszönhető, hogy valszeg rossz helyre írod be: nekem jó helyen van. E mellé társul egy arrogáns stílus, meg a folyamatos ellentmondás, hogy ne szóljunk le mert kezdő vagy (emiatt senki nem szól le itt), de te nem hibázol, hanem a kód meg a tutorialok rosszak.
-
#1126
Jim-Y
veterán
honda 1993
#1124
Jim-Y
veterán
válasz
honda 1993
#1124
üzenetére
Az előbb még kikérted magadnak, hogy te nem hibázol, most meg magadra veszed ha leírom, hogy hibáztál, ki érti ezt
A kérdésedre válaszolva: nézd meg ezt, http://jsfiddle.net/Ljg32Led/2/ Itt nem csúszik szét, ennyiből rá fogsz jönni, hogy a te verziódban miért csúszik el..
"miert ugrik fel minden": ezt huszadszorra sem értem, nálam semmi sem "ugrik fel".
-
#1125
honda 1993
senior tag
honda 1993
#1124
honda 1993
senior tag
válasz
honda 1993
#1124
üzenetére
szoval ez volna a problemam. amikor ramutatok valamelyik menupontra akkor szetcsuszik egy kicsit
http://jsfiddle.net/Ljg32Led/1/
vagyis ez csak az egyik problem,mert nem tudok rajonni hogy miert ugrik fel minden
-
#1124
honda 1993
senior tag
Jim-Y
#1123
honda 1993
senior tag
nem tudom hogy mirol beszelsz,de ha esetleg meg is osztanad velem akkor megkoszonnem.
elnezest kerek hogy hibazni mertem full kezdo letemre.
egyebkent ezt a par kodot meglesned ?
div#menu ul li {
float: left;
padding: 20px 20px 7px 20px;
border: 3px green ridge;
background: grey;
}#cssmenu li a:hover {
color: #000;
border: 3px ridge orange;
}#cssmenu li.active a {
display: inline;
border-bottom: 3px solid orange;
float: left;
margin: 0;
}szoval nem ertem hogy miert,de amikor ramutatok az egerrel a menuben valamire,akkor egy picit megnyulik az egesz menu oldal iranyban
-
#1123
Jim-Y
veterán
honda 1993
#1120
Jim-Y
veterán
válasz
honda 1993
#1120
üzenetére
"es kozel sem vagyok annyira idiota hogy ne tudjam helyesen leirni a kodokat,vagy ne vennem eszre hogy ha "hianyzik egy pontosvesszo"
Háttő, amit linkeltél jsfiddle példát abban rögtön egy csomó hiba volt
Hiányzott 3 záró div tag, és a záró anchor tagek is rossz helyen voltak. Javítás után nem tudom, hogy miben kéne látnom a problémát -
#1122
honda 1993
senior tag
#81999360
#1121
honda 1993
senior tag
-
#1121
#81999360
törölt tag
honda 1993
#1120
#81999360
törölt tag
válasz
honda 1993
#1120
üzenetére
Szerintem hagyni kéne azt a könyvet, ahogy már írták is és inkább az MDN-en keresgélni.
-
#1120
honda 1993
senior tag
DNReNTi
#1119
honda 1993
senior tag
válasz
DNReNTi
#1119
üzenetére
az alapok alatt nem tudom hogy mit ertesz,de egyebkent ha elolvastad volna e regebbi hsz-eim akkor lathattad volna hogy amator vagyok, most tartok kb a 24 oras konyv felenel.
csak az a baj azzal a konyvel is hogy tele van olyan dolgokkal amitol csak hoszabb lett a konyv.
xdes kozel sem vagyok annyira idiota hogy ne tudjam helyesen leirni a kodokat,vagy ne vennem eszre hogy ha "hianyzik egy pontosvesszo"
-
#1119
DNReNTi
őstag
honda 1993
#1116
DNReNTi
őstag
válasz
honda 1993
#1116
üzenetére
Én megpróbáltam még egyszer, bár a múltkori után megfogadtam nem teszem. Nem is tudom mit vártam. Most is ugyan ott tartunk ahol legutóbb:
"de ez nem normalis"
Megint minden szar."ez egyszeruen idiota.miaz hogy nem kell ?"
Ki is írja neked: No need for the HTML tag, it's already in the output.
Hát ezért."a css kodra pedig nem dobott ki semmi fele hiba uzenetet"
Attól mert a kód nem hibás még csinálhat hülyeséget. Pl:
h1 { font-size: 0; }
Ez a kód jó, de hülyeség.De ha már sikerült a fiddle-re bepakolni a kódot, mi lenne ha megosztanád, hogy esetleg érdemi segítséghez juss?
Egyébként egyre inkább az jön le, hogy neked gőzöd nincs arról mit csinálsz, csak kapkodsz, ollózol össze mindent amit találsz, aztán fel vagy háborodva ha nem jó, persze egy pontosvessző hibát nem vennél észre. Azt tudom mondani amit a többiek is mondtak: előbb az alapokkal kellene megismerkedni, aztán jöhetnek a lvl2-es dolgok.
-
#1117
Jim-Y
veterán
honda 1993
#1116
Jim-Y
veterán
válasz
honda 1993
#1116
üzenetére
Mert úgy működik az oldal, hogy nem kell bemásolnod az egész html kódod, csak a body tagek közötti részt, a többit majd ő megcsinálja.
Tehát egy ilyen html esetén:
<html>
<head>
...
</head>
<body>
<div>asd</div>
</body>
</html>csak annyit kell bemásolnod, hogy
<div>asd</div>
A többit ő megcsinálja helyetted.
-
#1116
honda 1993
senior tag
honda 1993
senior tag
hmmm na megneztem ezt a jsfiddle
oldalt de ez nem normalis.ilyeneket ir a html kodomra hogy nem kell a html es a head tag.
ez egyszeruen idiota.miaz hogy nem kell ?
es a css kodra pedig nem dobott ki semmi fele hiba uzenetet
-
#1114
DNReNTi
őstag
honda 1993
#1113
DNReNTi
őstag
válasz
honda 1993
#1113
üzenetére
jsfiddle példa?
-
#1113
honda 1993
senior tag
honda 1993
senior tag
hali az mier van hogy minden amir irok,az automatikusan "felugrik" a fejlechez,vagyis a lap tetejere.
-
#1112
Jim-Y
veterán
honda 1993
#1110
Jim-Y
veterán
válasz
honda 1993
#1110
üzenetére
Hát, a JS számomra izgibb mint pixelt tologatni, meg DOM elemket pakolgatni sorba ^^
de mondanom sem kell ez abszolút szubjektív, az emberek általában utálni szokták a js-t
-
#1111
Jim-Y
veterán
honda 1993
#1109
Jim-Y
veterán
válasz
honda 1993
#1109
üzenetére
Én azt ajánlom neked, hogy menj végig ezeken a tutorialokon: https://developer.mozilla.org/hu/learn/html Szépen sorban a kezdőtől a haladóig. Majd ha megvan, akkor olvass kicsit a HTML5-ről, és majd csak utána próbálj összehozni valami menü szerűt css-el (ha akarsz, bár én tuti nem ezzel foglalkoznék, hanem az izgibb dolgokkal, ezt pedig csak kimásolnám valahonnan).
-
#1110
honda 1993
senior tag
honda 1993
senior tag
megvan.
koszonom ,es sorry.
de amikor ideges vagyok akkor sajnos ilyen szoktam lennimondjuk annyi bajom van ezzel a masolosdival,hogy igy nem tudom hogy mennyire fogom tudni megtanulni.
de ha mondjuk a mar mukodo kodot Átirom egy masik html es css fajlba ( vagy akar tobbszor is megismetlem ) csak hogy rogzuljon.
szoval ezzel a modszerrel remelem hogy meg lehet tanulni.mellette pedig olvasom a 24 oras html es css konyvet
az izgibb dolgok alatt mit ertesz ??
egyebkent csak annyi a baj ezzl a css-l ( vagyis azzal hogy nem ertem )
de az sem igaz hogy nem ertem,mondjuk ugy inkabb hogy nem teljesen vilagos.szoval amikor olvasok egy hosszu kodot,akkor az jut eszembe hog " jaaaaa ezt ertem nem is olyan bonyolult",de ahoz hogy le tudjam irni,mindig lesnem kell valahonnan
-
#1109
honda 1993
senior tag
Jim-Y
#1108
honda 1993
senior tag
nem ertelek.
mit masoltam ki rosszul ?
hat azt hoygyan lehet elrontani ?
en beirtam a html oldal vÁzÁt.
<html>
<head>
<title>valami</title>
</head><body>
</body>
</html>es a body-ba irtam be a kodot.
aztan csinaltam egy styles.css fajlt is,amibe beillesztettem a css kodotja,most en vagyok a hulye.
csak nem olvastam vegig amit irtal de mar vilagos
bar ettol fuggetlenul nem ertem hogy miert rosz az hogy csak siman kimasolom,de ez nem is lenyeg
eddig ugy tudtam hogy a <div> taget szoktuk hasznalni ilyenkor,ez a <nav> viszont nekem idegen. ( nem is tudom hogy mit jelent.)
-
#1107
Jim-Y
veterán
honda 1993
#1106
Jim-Y
veterán
válasz
honda 1993
#1106
üzenetére
Nem jól másoltad ki,
Rámentem az oldalra, legörgettem az aljára a demó részhez, rákattintottam, ami feljött oldal ott CTRL+U (view source). Kimásoltam a <body> </body> közötti részt, illetve megnyitottam a style.css fájl éss abból is mindent kimásoltam. Itt az eredmény:
-
#1106
honda 1993
senior tag
honda 1993
senior tag
hat,most mar tenyleg nem ertem ....
most ugyan van menu,de az a resze ami eredetileg lenzilna,az most fixen le van nyitva,es nem mozdul.
<html>
<head>
<title>valami</title>
<link rel="stylesheet" href="styles.css"/>
</head><body>
<nav>
<ul>
<li><a href="#">valami</a></li>
<li><a href="#">ize</a>
<ul>
<li><a href="#">blabla</a></li>
<li><a href="#">blabla</a></li>
<li><a href="#">blabla</a>
<ul>
<li><a href="#">bla</a></li>
<li><a href="#">bla</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">bla</a>
<ul>
<li><a href="#">blabla</a></li>
<li><a href="#">blabla</a></li>
</ul>
</li>
<li><a href="#">blabla</a></li>
</ul>
</nav>---------------------------------------------------------------------------
nav ul {
background: #efefef;
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
padding: 0 20px;
border-radius: 10px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}nav ul li {
float: left;
}
nav ul li:hover {
background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
color: #fff;
}nav ul li a {
display: block; padding: 25px 40px;
color: #757575; text-decoration: none;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li a:hover {
background: #4b545f;
} -
#1105
martonx
veterán
honda 1993
#1103
martonx
veterán
válasz
honda 1993
#1103
üzenetére
ne a szövegszerkesztőben írd meg, hanem jsfiddle-ben. És ha ott nem megy, akkor küldd a linket. Nincs varázsgömbünk, nem láthatjuk, hogy nálad miért nem megy valami, ami mindenkinél igen.
-
#1104
G.F.
aktív tag
honda 1993
#1101
G.F.
aktív tag
válasz
honda 1993
#1101
üzenetére
Hogy illesztetted be a css-t, a html-be?
-
#1102
Jim-Y
veterán
honda 1993
#1101
Jim-Y
veterán
válasz
honda 1993
#1101
üzenetére
De értsd már meg, hogy itt senki nem akar szivatni, sőt segíteni próbálnak neked, de te semmit nem osztasz meg a kódodból így segíteni sem tudunk. Se egy jsFiddle példa, se egy kódrészlet, se egy könyvtár struktúra, se semmi. Csak annyi, hogy
"nem megy, szar a kód".
De másnak megy, tehát nálad a hiba, de bővebb információ nélkül nem tudunk segíteni. Bár ezzel a hozzáállással amit itt most mutatsz szerintem lassan eljutnak az emberek oda, hogy nem is akarnak segíteni...
De oké, akkor segítek, kihagytál a style.css-ben a 25. sorban egy "}" jelet. Illetve rossz mappában van a css kódod, és rossz rá a hivatkozás.
-
#1101
honda 1993
senior tag
DNReNTi
#1100
honda 1993
senior tag
válasz
DNReNTi
#1100
üzenetére
jolvan orulok neki hogy neked mukodik,en pedig biztosan hulye vagyok es nem tudok 2 szer kattintani az egerrel hogy bemasoljam ,aztan pedig beillesszem a kodokat.
es annak ellenere hogy en nem szoltam be senkinek, ( csak az eszrevetelemet irtam le ) ti viszont folyamatosan csak szivatni tudtok.
tehat koszi mindenkinek tovabbi szep napot
Sk8erPeter : a html kod tokeletesen mukodik,es a linket is beirtam amivel meg tudom hivni a css-t( ha jol mondom ) de ha nem akkor kossetek belem nyugodtan.
de a css kodbol nem mukodik semmi.
Miért teszel egy konténert kívül azon amibe az egész oldalad teszed? Persze, hogy nem (feltétlenül) lesz úgy jó. Ismét belinkelném ugyan azt amit az előbb, továbbra is érvényes.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
Hirdetés
- HP EliteBook 840 G9 i7-1265U 16GB 512GB 14" FHD+ 1 év teljeskörű garancia
- ASUS TUF Dash F15 - 15.6"FHD 144Hz - i7-11370H - 16GB - 1,5TB SSD - RTX 3060 6GB - Win11
- ÁRGARANCIA!Épített KomPhone Ryzen 7 9700X 32/64GB RAM RX 7800 XT 16GB GAMER PC termékbeszámítással
- Telefon felvásárlás!! Samsung Galaxy S25, Samsung Galaxy S25 Plus, Samsung Galaxy S25 Ultra
- Samsung Galaxy A36 5G / 6/128GB / Kártyafüggetlen / 12Hó Garancia / BONTATLAN NULL Perces
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest