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.

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

Köszi

XD alias IKSZDé

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

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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.

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

Nekem is az jutott eszembe hogy egy külön tárolóval kell varázsolnom... csak reménykedtem, hogy van egyszerűbb is... Azért kösz

Szerk.:Jó elismerem... a külön tárolós sem túl bonyolult

[ Szerkesztve ]

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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.

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

Később a kinagyításhoz a lightbox-ot (jól emlékszem a nevére?) Ahoz meg ha jól emlékszem img tag kell ... uh. Az első megoldás marad...

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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?

XD alias IKSZDé

Azt olvastam valahol hogy nagyjából ugyan az, csak vannak újabb parancsok is benne.

Ez igaz?

Kemkriszt 98
Értem. Köszi

[ Szerkesztve ]

XD alias IKSZDé

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

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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

XD alias IKSZDé

A containerbe raksz még 2 containert... magasságuk 100% szélességük pedig ahogy jól esik... (pl. 50-50%)

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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

[ Szerkesztve ]

XD alias IKSZDé

<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

[ Szerkesztve ]

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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;

}

[ Szerkesztve ]

XD alias IKSZDé

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

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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

[ Szerkesztve ]

XD alias IKSZDé

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 )

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

ertem,de sajnos nem akar mukodni.

ha beirom akkor csak szetugrik az egesz menu,es nem lesz 2 reszre osztva a containerem.

XD alias IKSZDé

jsFiddle, pls

Most már értem milyen volt a többieknek mikor én adtam jsFiddle-t

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

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

[ Szerkesztve ]

XD alias IKSZDé

ha pedig nem irom be a css kodot akkor normalisan jelenik meg.

http://jsfiddle.net/eto6pLxn/

XD alias IKSZDé

Kihalt a css topic

XD alias IKSZDé

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.

XD alias IKSZDé

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.

[ Szerkesztve ]

XD alias IKSZDé

Szokásos kérés: jsfiddle?
Másik meg: ez miazisten: margin-left: 462px;?

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

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.

[ Szerkesztve ]

XD alias IKSZDé

Csak tippelem, hogy azzal akarod középre igazítani. Ha igazam van akkor ennyit hozzáteszek:
margin: 0 auto;

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

igen csak nem %-ban adom meg hanem px-ben.

a marginn: 0 auto; nelkul is mukodik.

ettol fuggetlenul is erdemes odairni ?

bocsi,most latom hogy mar oda is van irva .

csak nem margin: 0 auto;

hanem margin: 0px auto;

[ Szerkesztve ]

XD alias IKSZDé

a px-et töröld ki, 0 után helytelen a px használata.

Én kérek elnézést!

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

[ Szerkesztve ]

XD alias IKSZDé

koszi,de ez nem valasz

egyebkent pedig errol meg nem talaltam sehol sem semmi fele leirast.

marmint arrol hogy hogyan lehet megcsinalni hogy minden felbontason jol mukodjon

[ Szerkesztve ]

XD alias IKSZDé

Your welcome http://www.adamkaplan.me/grid/

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

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

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

[ Szerkesztve ]

XD alias IKSZDé

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.

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

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.

[ Szerkesztve ]

XD alias IKSZDé

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

XD alias IKSZDé

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

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

par percet kerek es felrakom.

es koszi mindent

XD alias IKSZDé

az otlet az amit feltek naaa

es egyebkent a hibakbol tanul az ember.

a nullarol kezdtem el az egeszet, ( igaz hogy most is szinte ugyanugy a 0-nal tartok)

de a lenyeg hogy tanulgatom

XD alias IKSZDé

egyebkent pedig koszi

DNReNTi-nek ,mert sikerult megoldanom a segitsegeddel,

es koszi mindenki masnak is aki segitett

XD alias IKSZDé

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

[ Szerkesztve ]

XD alias IKSZDé