Keresés

Részletes keresés

GhostLackoHUN Creative Commons License 2021.01.18 0 0 19

Ezen a weboldalon találhattok ingyenes, magyar nyelvű CSS tananyagot: https://webiskola.hu/css-ismeretek/

imre00 Creative Commons License 2015.06.28 0 0 17

Még csak ismerkedek a CSS használatával. Létrehoztam is egy legördülő listát. A leírásokban csak olyan példát találtam, ahol a kiválasztott linkje új ablakban jelenik meg.

 

<option onClick="window.open('atletika.html')">Atlétika</option>

 

Hogy lehet egyszerűen megoldani, hogy a saját ablakban nyíljon meg az új oldal? Remélem tud valaki segíteni!

Kösz!

stardesign Creative Commons License 2012.11.29 0 0 16

Css trükköket várok :)

saFi8647 Creative Commons License 2011.03.09 0 0 14

Sziasztok látom kihalt a topic, de ahogy írok előre kerül és remélem kapok választ a kérdésemre.

 

Az lenne, hogy hogyan tudom azt elérni, hogy az a menüpont, amelyik éppen aktív tehát rákattintok és olvasgatom a tartalmát, annak a menüpontnak a háttérszíne legyen egyenlő a hover background-color-éval amíg másik menüpontra nem kattintok, és akkor annak a háttérszíne legyen a hover-es. hogyan tudom ezt megoldani, mert nem nagyon találtam google be választ :(.

 

Köszi

 

Ndrew

valeka Creative Commons License 2010.08.26 0 0 13
Sziasztok!
El szeretném érni, hogy az egybeágyazott listáknál a különböző szintű elemek azonos bekezdéssel induljanak, ne legyen az egyik beljebb, mint a másik. Milyen paranccsal lehet ezt megoldani, van esetleg tapasztalatotok?
Valek
gigantika Creative Commons License 2010.05.21 0 0 12
Sziasztok
Tud e valaki segíteni
Adva van egy css es oldal azon belül egy szöveg, a szöveghez társítottam egy olyan alkalmazást ami ha az egérmutatót a szöveg felé helyezve megjelenít egy képet, ez működik egy sima html oldalon, de a css-es oldalon nem a szöveg mellett jelenik meg a kép hanem a oldal alján a css kódokon kívűl. Hogyan tudom azt meghatározni hogy a szöveg mellet jelenjen meg a css-es oldalamon is a kép?
hellsing Creative Commons License 2009.12.28 0 0 11
Ha jól értem, a kép mérete nem változik. Ha mondjuk a div 500x500, a kép meg 400x400px, próbáld ki ezt:

.div4image {
width: 500px;
height: 500px;
}

.div4image img {
position: absolute;
top: 50px;
left: 50px;
}

Így a kép teteje-alja 50-50px távolságra lesz a div keretétől.
Előzmény: Szürke Csacsi (7)
hellsing Creative Commons License 2009.12.28 0 0 10
Nem az, de úgy szokják mondani, hogy a táblázat táblázatnak való, nem dizájnelemnek. Árlistára, CD-gyűjtemény megjelenítésére meg hasonlókra nincs is jobb, de arra, hogy egy (1) képet megjelenítsen, felesleges táblázatot építeni. Azér' mondom, hogy építeni, mert a W3C valid táblázat nem csak egy TD-párból áll. És ha már csináljuk, hát csináljuk meg rendesen :-)
Előzmény: locsemege (9)
locsemege Creative Commons License 2009.12.15 0 0 9
A táblázat valami tiltott dolog lenne a HTML-ben?
Előzmény: Szürke Csacsi (7)
Szürke Csacsi Creative Commons License 2009.12.15 0 0 8
Ja, vízszintesen még csak megy, de függőlegesen?
Előzmény: Szürke Csacsi (7)
Szürke Csacsi Creative Commons License 2009.12.15 0 0 7
Egy adott terület (mondjuk 500x500 pixeles) közepén szeretnék megjeleíteni egy ennél kisebb-egyenlő méretekkel rendelkező képet - tehát azt szeretném, hogy függőlegesen és vízszintesen is középen helyezkedjen el. Ezt egy táblázatcellában persze könnyű lenne megoldani - de hogyan teszem a képet egy div közepére?
arsen__ Creative Commons License 2009.08.27 0 0 6
Kell egy ötödik, amibe a jobboldalt összetartozó diveket pakolod, azt jobbra, azon belül már mehet a helyes sorrendben balra. (például... vagy relatív pozícionálással, vagy kidekázott width-el/marginnal/paddinggal...)
Előzmény: d.luca (5)
d.luca Creative Commons License 2009.08.26 0 0 5
Sziasztok!

Nekem az lenne a kérdésem, hogy hogyan lehet objektumokat vízszintesen egymás mellé helyezni? Én eddig float-olással csináltam, de akkor HTML-ben a divek sorrendjét meg kell fordítanom....szóval az első divet balra float-olom, a többit jobbra, és így kell megadnom a divek sorrendjét HTML-ben,és akkor jelennek meg a helyes sorrendben:

1.
4.
3.
2.

És a programozónak ez sajnos nem jó. Hogyan lehet úgy vízszintesen egymás mellé tenni mondjuk képeket, hogy a HTML-ben a divek így legyenek: 1., 2., 3., 4.,??
Táblázattal természetesen meg lehet oldani, de azt sem engedi a prgramozó, úgyhogy dives megoldás kéne!

Remélem tud valaki segíteni!!

Előre is köszi!

Üdv.
raul260 Creative Commons License 2008.09.12 0 0 4
Sziasztok!

ha a stíluslap elején az összes img hez a float left et alkalmazom, akkor hogy lehet, hogy később egy div en bemüli kép beszúrásnál a szöveg nem öleli körül a képet??

Köszi
Törölt nick Creative Commons License 2008.07.10 0 0 2

Itt megtalálsz mindent:

 

http://pcsysak.uw.hu/css.html

 

 

Törölt nick Creative Commons License 2006.07.18 0 0 1
Ezt most nem teljesen ertem :D
Törölt nick Creative Commons License 2006.07.10 0 0 0
A piros szín kiemelés elmaradt, szóval zöldel vannak kiemelve a problémás, egymásra utaló részek.
Törölt nick Creative Commons License 2006.07.10 0 0 topiknyitó

Sziazstok!

 

Nem találtam a témában topicot, gondoltam nyitok egyet.

 

Máris egy kérdés:

 

Hogy lehet az, hogy a következő kódot az exploler nem képes értelmezni, úgy, hogy vízszintes elrendezésben működik a dolog, vagyis a továbbmásolás vízszintesen, ám függőlegesen ez nem működik.

 

Itt a html részlet: piros színnel kiemelve a problémás részek, zöldel, amiknek működniük kéne, hiszen csak az ismétlődés iránya van megváltoztatva és kékkel, amik működnek.

 

<!-- left -->
<div id="left">
<img src="images/left.gif"></div>

<div id="left-bottom-corner">
<img src="images/left-bottom-corner.gif"></div>

<div id="left-spacer">
<img src="images/left-spacer.gif"></div>


<!-- center -->
<div id="center-top-spacer">
<img src="images/center-top-spacer.gif"></div>

<div id="flags-spacer">
<img src="images/flags-spacer.gif"></div>

<div id="bottom-spacer">
<img src="images/bottom-spacer.gif"></div>

 

<!-- right -->
<div id="right">
<img src="images/right.gif"></div>

<div id="right-bottom-corner">
<img src="images/right-bottom-corner.gif"></div>

</html>

 

 

 

 

ÉS a CSS:

 

/* grafix */

 

/* left */
#left {
  position: absolute;
  left: 0px;
  top: 0px;
}
#left-bottom-corner {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
#left-spacer {
 position: absolute;
 top: 0px;
 left: 0px;
 height: 100%;
 background-image: url(images/left-spacer.gif);
 background-repeat: repeat-y;
 z-index: -1;
}
/* center */
#center-top-spacer {
 position: absolute;
 top: 0px;
 width: 100%;
 background-image: url(images/center-top-spacer.gif);
 background-repeat: repeat-x;
 z-index: -1;
}
#flags-spacer {
 position: absolute;
 top: 40px;
 width: 100%;
 background-image: url(images/flags-spacer.gif);
 background-repeat: repeat-x;
 z-index: -1;
}
#bottom-spacer {
 position: absolute;
 bottom: 0px;
 width: 100%;
 background-image: url(images/bottom-spacer.gif);
 background-repeat: repeat-x;
 z-index: -1;
}

 

/* right */
#right {
  position: absolute;
  right: 0px;
  top: 0px;
}
#right-bottom-corner {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

 

 

Tehát az az érdekes, hogy csak az ismétlődés irány van megváltoztatva, és mésem ismétli függőlegesen meg az apró kitöltő elemeket. pedig vízszintesen ezt minden gond nélkül megteszi a böngésző. Elvileg sem a html ben sem a css ben nincs hiba, és mégsem működik. Gondoltam arra, hogy a Z-index bekavar, de átállítottam -2 re, és akkor sem működött, sőt a plusszokat is végigjátszottam.

 

 

Köszi

Ha kedveled azért, ha nem azért nyomj egy lájkot a Fórumért!