CSS kérdésem van

[zoryn]

@Spányik Balázs: Köszönöm, hogy megnézted a honlapomat.

[level]

Ha egy táblázat-cella tartalma szélesebb, mint a cella normál szélessége, hogyan állíthatom be, hogy scrollozható legyen vízszintesen és ne nyomja szét az egész táblázatot???

[enjoys1ng1ng]

Sziasztok!

A CSS területén teljesen kezdõnek számítok, elõre is bocs, ha bugyutákat kérdezek!

 

Elõször is: a html-t mivel totál magamra voltam utalva, úgy tanultam, hogy azoknak a weblapoknak amelyek tetszettek, megnéztem a "forráskódját", elkezdtem alakítgatni, megtanultam belõlük amit tudtam.

Viszont a CSS oldalakat nem lehet csak úgy letöltögetni, ugye? Próbáltam úgy megtalálni õket, hogy beírtam a böngészõ keresõjébe, hogy pl.: http://weboldal.com/style.css - de így nem megy. Csak úgy lehet megnézni õket, ha "kölcsönkéri az ember"?

 

A tanulós honlapomon elkezdtem átírni CSS-el a stílusjegyeket. Most még elég nagy a káosz, mert ez is van, meg az is... Ha megnézitek, látható, hogy táblázatról van szó. Ezt a táblázatot szeretném "eltüntetni" és <div>-el megoldani. Nem jövök rá, hogy mitõl függ, hogy két <div> egymás mellé vagy egymás alá kerül. A "width"-tõl? Próbáltam - vel megoldani, hogy egymás mellé kerüljenek, de nem sikerült.

 

Még rengeteg a kérdés, de elõbb ezekre várom a választ. Elõre is köszönöm!

Sziasztok!

[Garono]

Ha meg akarod tanulni a CSS-t, akkor ajánlom a Weblabor CSS cikksorozatát, ezen már el tudsz indulni.

[payskin]

Viszont a CSS oldalakat nem lehet csak úgy letöltögetni, ugye? Próbáltam úgy megtalálni őket, hogy beírtam a böngésző keresőjébe, hogy pl.: http://weboldal.com/style.css - de így nem megy. Csak úgy lehet megnézni őket, ha "kölcsönkéri az ember"?

Firefox alá két remek kiegészítő:

 

1. Web Developer Toolbar

Feltelepíted, beköltözik a Tools menübe, illetve toolbarként a képernyő tetejére, de ha a normál toolbaron nyomsz egy jobb gombot, akkor a Customize-ban ki lehet rakni egy fogaskerék ikont, amivel ki-be kapcsolható.

 

Egyébként pedig CSS --> View CSS funkcióval máris tiéd a CSS.

 

2. CSSViewer.

Érdemes a fenti módszerrel kirakni az ikonját a normál toolbarra. Ezután ha megnyomod, akkor rámutathatsz az oldalon bárhova, és megmondja, hogy az adott oldalelem milyen CSS-formázással rendelkezik.

[level]

Két div alapértelmezeten egymás alá kerül. Ha egymás mellé szeretnéd õket tenni, akkor vagy floattal próbáld, vagy pedig "position: absolute; width: xpx; height: ypx;", próbáld ki mindkettõt, és majd meglátod, hogy melyik a szimpatikusabb (nekem a float). És mindenképp Firefoxban nézegesd, ne IE-ben, mert az IE kicsit speciálisan értelmezi még a fix pixeleket is.

[enjoys1ng1ng]

Köszönöm mindenkinek! Most egy ideig lesz mit böngészgetnem!

 

Konkrét kérdésem van:

 

A tanulgatós honlapomon a bal oldali menüben nagyon idegesít valami! : a "menügombok"-on én úgy látom, hogy a keret és a kitöltés között jobb oldalon belül mintha lenne kb. 1px kis hézag. Vagy rossz a szemem? Mind a négy böngészõben! A html kódban is beírtam a <td> -be, hogy a szélesség 130px legyen és a css kódban is. Valamit mégis rosszul csinálhattam, de nem találom hol a bibi.

 

Ha valakinek van hozzá türelme... nagyon hálás lennék! Azt is áruljátok el, hogy IE-ben a zene lejátszódik -e, mert az én gépemen nem. Opera-ban, Firefox-ban és Netscape-ban igen.

 

Köszi!

 

A másik:

 

bal oldalon is és jobb oldalon is alul van egy-egy piros <hr>. Sehogy sem tudom elérni, hogy mind a négy böngészõben ugyanabba a magasságba, magyarul: egy vonalba kerüljenek. Ezt meg lehet oldani valami kóddal (pl: align="bottom") vagy számolgatni kell...?

 

Tudom, tudom, a "google" is rém ronda... ír:

[level]

Tényleg van ott kb. 1px, de ha fölé viszed a kurzort, akkor nincs. Próbáld meg csak css-ben megadni a 130px-t, a html kódból töröld ki, hátha segít... (csak tipp).

 

Az alsó vonalat szerintem próbáld meg "vertical-align: bottom"-mal, és ugyanannyi paddingot adj neki mindkét helyen.

Jobb oldalon a fölötte lévõ szürke keret alja sincs egy vonalban a bal oldali piros kép aljával, és valószínûleg most mindkét <hr> ezekhez igazítja magát. Ha a jobb oldali szürke részt lejjebb hozod picit, lehet hogy az is segít.

[level]

Visszatérve a saját korábbi kérdésemre (#227), végülis úgy oldottam meg, hogy a táblázat cellájába behelyeztem még egy div-et, aminek css-ben megadtam a maximális szélességét + "owerflow: auto", így már mûködik.

[web]

Sziasztok!

Egy gyors segítségre lenne szükségem.

Van egy szavazásos oldalam amin vannak képek is, a képekhez link tartotik aminek következtében ott van a kék keret a képeknél, hogy link, hogyan tudnám eltüntetni? Mert ronda.

Itt az oldal.

IE ben ott a keret, mozzilában nincs.

[blackdragon]

@web

Ismerõs a problémád, én is "szenvedtem" benne. Ime az általam alkalmazott megoldás css-ben:

border-top:2px #ffffff solid; // a szint igazitsd az oldalad hátteréhez
         border-left: 2px #ffffff solid;
         border-right: 2px #ffffff solid;
         border-bottom: 2px #ffffff solid;

 

Azonban megnéztem az oldalad, és IE-ben sem láttam keretet. Egy megjegyzés: az oldal tetején egy olyan megállapitás fogadott, hogy "Errõl a géprõl már szavaztál". Csinálhatnál valamit vele, ugyanis idegesitõvé válhat egyszer.

 

És most én is feltennék egy kérdést: CSS-sel hogyan lehet megoldani, hogy pl: text-box, vagy button középre igazodjon? Hangsúlyozom, nem szövegrõl van szó.

[level]

@web

Nálam sincs keret IE6-ban, viszont tényleg azt mondja, hogy már szavaztam, pedig nem is.

 

@blackdragon

Ha berakod egy divbe, amire beállítod css-ben, hogy "text-align: center;" akkor annak elvileg mûködnie kell, még akkor is, ha a tartalom nem szöveg, hanem kép, button vagy más.

[blackdragon]

Köszi level! Igazad volt, nekem ez nem is jutott volna eszembe!

De különben nem ésszerû a dolog. Jó, hogy múködik, de valójábn akkor ezt nem a text-alignment-be kellett volna tenni... Mármint jo lett volna ha a float-nak is lett volna center tulajdonsága, nem? Lehet én gondolkodom rosszul. :-?

[web]

@blackdragon

Köszi a megolsát! Közben estefelé én is rájöttem a bibire, hogy a keret miért van ott, border="0" kellet volna lennie és nem volt ott, ezért volt a keret. "Erröl a gépröl már szavaztál" azért írja ki mert a linkben benne van az érték, amit nem szedtem ki, de nem írja ki amúgy a progblámát csak is akkor amikor szavaztál már.

[level]

@blackdragon

ööö... lehet... mondjuk én is hiányolom a css-ben, hogy ha van vertical-align, akkor horizontal-align miért nincs? A text-align ezt a gyakorlatban helyettesíti, viszont akkor a megnevezése rossz. Meg bonyolultabb is használni, mert a vertical-align magát az elemet, míg a text-align az elem tartalmát igazítja, ezért a tiédhez hasonló esetekben szükség van egy "felesleges" divre.

[payskin]

Látom nagy a tanácstalanság. Segítek! A vízszintes margóbeállításoknál meg lehet adni az auto paramétert, ilyenkor az adott oldalelem középre igazítva jelenik meg. Egyetlen feltétel, hogy meg kell adni a méretét is, hogy a böngésző tudja, hogyan igazítsa középre.

 

Példa:

 

div#container
{
    width: 950px !important;
    margin: 0px auto;
    padding: 0px;
}

Ez egy 950 pixel széles, középre igazított weboldal befoglaló div-jének a leírása CSS-ben. De ugyanígy működik minden blokkszintű elemre. Ja, ha valaki nem ismerné, a fenti margóbeállítás a következőt jelenti (kifejtve):

 

margin-top: 0px
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;

 

[enjoys1ng1ng]

Ezen az ideiglenes oldalon egy sima táblázatban szerettem volna linkeket elhelyezni. CSS-el próbálkoztam. Firefox-ban gyönyörû is, ahogy elképzeltem (ill. majdnem, de ez a probléma várhat).

Opera-ban és IE-ben borzalmas. Szétcsúszik az egész, semmi sem ott van ahol kéne. Tudna valaki segíteni?

 

Elõre is köszönöm!

[Darcy Tucker]

Sziasztok! Meg lehet oldani valahogy, hogy ha átlátszóságot alkalmazok a honlapomon, a CSS valid legyen? Mert, ha jól tudom, ez nem része a jelenlegi CSS specifikációknak (szép magyar szó ... ). Vagy ha valid CSS-t akarok, akkor felejtsem el ezt a látványelemet? Vagy csak mást rontottam el a kódban?

 

A honlapom CSS fájljának vizsgálata a W3C.org-on: CSS Validator Result

 

(A HTML fájl valid XHTML Transitional: This Page Is Valid XHTML 1.0 Transitional!)

 

A válaszokat elõre is nagyon köszönöm.

[enjoys1ng1ng]

Lassan megoldom egyedül is a problémát ezen az oldalon, bár mivel kezdõ vagyok a témában, majdnem két napomba került...

 

Sokat "centiztem" mire megoldódott, hogy IE-ben és Firefox-ban egyformán nézzen ki. Majdnem. Ugyanis Firefox-ban nem sikerült megoldani,hogy a legalsó box alatt legyen egy kis margó (megadtam mindenhogy, "bottom", "margin-bottom": 1em), mégsincs margó.

Aztán az is látszik, hogy az elsõ sorban és a második sorban nem egyformák valami miatt a box szélességek. Eléggé bántja a szememet.

No meg, az egészet biztos meg lehetett volna csinálni sokkal egyszerûbb CSS kódolással is...

 

Egyébként rendben van, csak tanulni szeretnék rajta. Ha valaki lát valamit, örülök minden megjegyzésnek.

 

Ja, még egy valami: igazából "dotted" bordert szerettem volna, Firefoxban nagyon szép is volt, de IE-ben nagyon ronda. Mivel lehet helyettesíteni IE-ben a dotted style-t?

[Atys]

Hello!

A kérdésem, hogy CSS-sel meg lehet-e változtatni a böngésző által kirakott csúszkát, gördítősávot, nyilat saját grafikára?

[Mezofi]

@Atys

Csak CSS-el nem, de ha ötvözöd javascript-tel, akkor igen.

Itt egy szép minta, letölthetõ állománnyal, és demóval.

[Garono]

Nem is kell JavaScript, tudomásom szerint elég a mezei CSS is, csak éppen nem lesz Valid. Aztán lehet, hogy tévedek, de mintha így emlékeznék.

[Darcy Tucker]

Nem akarom sürgetni a dolgokat, de nem tudja valaki a kérdésemre a választ?

 

Link

[Garono]

@Atys

body {;
    scrollbar-face-color: szin;
    scrollbar-highlight-color: szin;
    scrollbar-shadow-color: szin;
    scrollbar-3dlight-color: szin;
    scrollbar-arrow-color:  szin;
    scrollbar-track-color: szin;
    scrollbar-darkshadow-color: szin;
}

De ez nem Valid, és csak IE-ben és Operában működik!

[Mezofi]

@Garono

 

Ugye jól látom, hogy ezek csak színek?

 

A kérdés pedig így hangzott:

nyilat saját grafikára?