Hirdetés

2024. május 1., szerda

Lapcsaládunk:

Gyorskeresés

Legfrissebb anyagok

Általános témák

LOGOUT.hu témák

Szakmai témák

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD.hu témák

Útvonal

Fórumok  »  Szoftverfejlesztés  »  CSS topic

Hozzászólások

(#1101) honda 1993 válasza DNReNTi (#1100) üzenetére


honda 1993
senior tag

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.

[ Szerkesztve ]

XD alias IKSZDé

(#1102) Jim-Y válasza honda 1993 (#1101) üzenetére


Jim-Y
veterán

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.

[ Szerkesztve ]

(#1103) honda 1993 válasza Jim-Y (#1102) üzenetére


honda 1993
senior tag

a kodot csak azert nem osztom meg mert egy az egyben az van a szovegszerkesztoben ,ami az oldalon is.

es mar nem is tudnam megosztani,mert kitoroltem az egeszet.

de akkor gyorsan megint megirom,es bemasolom

[ Szerkesztve ]

XD alias IKSZDé

(#1104) G.F. válasza honda 1993 (#1101) üzenetére


G.F.
aktív tag

Hogy illesztetted be a css-t, a html-be?

-gf-

(#1105) martonx válasza honda 1993 (#1103) üzenetére


martonx
veterán

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.

Én kérek elnézést!

(#1106) honda 1993


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;
}

XD alias IKSZDé

(#1107) Jim-Y válasza honda 1993 (#1106) üzenetére


Jim-Y
veterán

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:

http://jsfiddle.net/Jim_Y/vzsut47a/

[ Szerkesztve ]

(#1108) Jim-Y válasza Jim-Y (#1107) üzenetére


Jim-Y
veterán

Rossz a link, itt a jó http://jsfiddle.net/Jim_Y/vzsut47a/

(#1109) honda 1993 válasza Jim-Y (#1108) üzenetére


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 kodot

ja,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.)

[ Szerkesztve ]

XD alias IKSZDé

(#1110) honda 1993


honda 1993
senior tag

megvan.

koszonom ,es sorry.
de amikor ideges vagyok akkor sajnos ilyen szoktam lenni

mondjuk 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

[ Szerkesztve ]

XD alias IKSZDé

(#1111) Jim-Y válasza honda 1993 (#1109) üzenetére


Jim-Y
veterán

É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).

(#1112) Jim-Y válasza honda 1993 (#1110) üzenetére


Jim-Y
veterán

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 :))

[ Szerkesztve ]

(#1113) honda 1993


honda 1993
senior tag

hali az mier van hogy minden amir irok,az automatikusan "felugrik" a fejlechez,vagyis a lap tetejere.

XD alias IKSZDé

(#1114) DNReNTi válasza honda 1993 (#1113) üzenetére


DNReNTi
őstag

jsfiddle példa? :U

but without you, my life is incomplete, my days are absolutely gray

(#1115) honda 1993 válasza DNReNTi (#1114) üzenetére


honda 1993
senior tag

micsoda ?

XD alias IKSZDé

(#1116) honda 1993


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

[ Szerkesztve ]

XD alias IKSZDé

(#1117) Jim-Y válasza honda 1993 (#1116) üzenetére


Jim-Y
veterán

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.

(#1118) honda 1993 válasza Jim-Y (#1117) üzenetére


honda 1993
senior tag

de az biztos hogy nem a html koddal van a baj.

a css-ben mg nem jelez hiba.

marpedig kell hogy legyen valami mert minden felugrik a lap tetejere amit irok.

hat, oke itt van a kod.

http://jsfiddle.net/Ljg32Led/

[ Szerkesztve ]

XD alias IKSZDé

(#1119) DNReNTi válasza honda 1993 (#1116) üzenetére


DNReNTi
őstag

É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. :D

"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.

but without you, my life is incomplete, my days are absolutely gray

(#1120) honda 1993 válasza DNReNTi (#1119) üzenetére


honda 1993
senior tag

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.
xd

es kozel sem vagyok annyira idiota hogy ne tudjam helyesen leirni a kodokat,vagy ne vennem eszre hogy ha "hianyzik egy pontosvesszo"

[ Szerkesztve ]

XD alias IKSZDé

(#1121) #81999360 válasza honda 1993 (#1120) üzenetére


#81999360
törölt tag

Szerintem hagyni kéne azt a könyvet, ahogy már írták is és inkább az MDN-en keresgélni.

(#1122) honda 1993 válasza #81999360 (#1121) üzenetére


honda 1993
senior tag

Azért akadnak benne értelmes dolgok is, csak mire megtalálja az ember....

De nem tudom hogy mi az az oldal amit említettél

Na meglestem az oldalt, érdekes. Csak az a bak higy csupa alap dolgot találok csak rajta.

Text- decoration: none;

És ehez hasonló dolgok xd

[ Szerkesztve ]

XD alias IKSZDé

(#1123) Jim-Y válasza honda 1993 (#1120) üzenetére


Jim-Y
veterán

"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 :D 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 :U

(#1124) honda 1993 válasza Jim-Y (#1123) üzenetére


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 :DD

[ Szerkesztve ]

XD alias IKSZDé

(#1125) honda 1993 válasza honda 1993 (#1124) üzenetére


honda 1993
senior tag

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

[ Szerkesztve ]

XD alias IKSZDé

(#1126) Jim-Y válasza honda 1993 (#1124) üzenetére


Jim-Y
veterán

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 :U

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".

[ Szerkesztve ]

(#1127) honda 1993 válasza Jim-Y (#1126) üzenetére


honda 1993
senior tag

A miért ugrik fel mindent, nem láthatod azon az oldalon.

Amit írok a <body> </body> közé, az ugrik fel a lap tetejére.
Tehát a tartalom.

Köszi meg is nézem

XD alias IKSZDé

(#1128) DNReNTi válasza honda 1993 (#1120) üzenetére


DNReNTi
őstag

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.

but without you, my life is incomplete, my days are absolutely gray

(#1129) honda 1993 válasza DNReNTi (#1128) üzenetére


honda 1993
senior tag

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

[ Szerkesztve ]

XD alias IKSZDé

(#1130) martonx válasza honda 1993 (#1129) üzenetére


martonx
veterán

Figyi, igaziból a menü is egy táblázat nem?

Én kérek elnézést!

(#1131) DNReNTi válasza honda 1993 (#1129) üzenetére


DNReNTi
őstag

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.
;)

but without you, my life is incomplete, my days are absolutely gray

(#1132) honda 1993 válasza DNReNTi (#1131) üzenetére


honda 1993
senior tag

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/

[ Szerkesztve ]

XD alias IKSZDé

(#1133) honda 1993


honda 1993
senior tag

megoldottam XD

XD alias IKSZDé

(#1134) DNReNTi válasza honda 1993 (#1132) üzenetére


DNReNTi
őstag

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.

but without you, my life is incomplete, my days are absolutely gray

(#1135) Sk8erPeter válasza honda 1993 (#1116) üzenetére


Sk8erPeter
nagyúr

"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. :C Köszönöm, hogy mindezt ebben a formában leírtad, nagyon jót röhögtem. :DD

Sk8erPeter

(#1136) honda 1993 válasza Sk8erPeter (#1135) üzenetére


honda 1993
senior tag

Ö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

[ Szerkesztve ]

XD alias IKSZDé

(#1137) DNReNTi válasza honda 1993 (#1136) üzenetére


DNReNTi
őstag

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.

but without you, my life is incomplete, my days are absolutely gray

(#1138) honda 1993 válasza DNReNTi (#1137) üzenetére


honda 1993
senior tag

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

XD alias IKSZDé

(#1139) Sk8erPeter válasza honda 1993 (#1136) üzenetére


Sk8erPeter
nagyúr

"É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. :D

Sk8erPeter

(#1140) honda 1993


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

:R

XD alias IKSZDé

(#1141) DNReNTi válasza honda 1993 (#1140) üzenetére


DNReNTi
őstag

Két lehetőség van:
- vagy az egész konténert középre rendezed
- vagy csak a képet

Példa mind a kettő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"
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. :)

but without you, my life is incomplete, my days are absolutely gray

(#1142) martonx válasza honda 1993 (#1140) üzenetére


martonx
veterán

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.

Én kérek elnézést!

(#1143) honda 1993 válasza DNReNTi (#1141) üzenetére


honda 1993
senior tag

koszi.

XD alias IKSZDé

(#1144) honda 1993


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 ?

XD alias IKSZDé

(#1145) DNReNTi válasza honda 1993 (#1144) üzenetére


DNReNTi
őstag

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.

but without you, my life is incomplete, my days are absolutely gray

(#1146) honda 1993 válasza DNReNTi (#1145) üzenetére


honda 1993
senior tag

Hmmm.

Hazudnék ha azt mondanám hogy ezt most így fel is fogtam, főleg hogy most nem is vagyok otthon.
XD.

De holnap megnézem, a gép előtt ülve azért meg fogom oldani.

Köszi a hosszú választ.

XD alias IKSZDé

(#1147) huliganboy


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 :R

[ Szerkesztve ]

(#1148) DNReNTi válasza huliganboy (#1147) üzenetére


DNReNTi
őstag

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.

but without you, my life is incomplete, my days are absolutely gray

(#1149) huliganboy válasza DNReNTi (#1148) üzenetére


huliganboy
addikt

Köszönöm tökéletesen működik!!!!! :R :R

(#1150) honda 1993 válasza DNReNTi (#1145) üzenetére


honda 1993
senior tag

Nem jövök rá hogy hogyan kellene megcsinálni amit mondtál.

Hogyan lehetne fix értékre beállítani?

Hiába írtam be a fix értéket, nem történt semmi

XD alias IKSZDé

Útvonal

Fórumok  »  Szoftverfejlesztés  »  CSS topic

Támogatóink

Copyright © 2000-2024 PROHARDVER Informatikai Kft.