Új hozzászólás Aktív témák
-
#5655
Sk8erPeter
nagyúr
oleandro
#5652
Sk8erPeter
nagyúr
válasz
oleandro
#5652
üzenetére
A CMS/webshopmotor/framework saját stílusfájljait semmiképpen se módosítsd! Az ilyen core-fájlokhoz tartozó stílus-definíciókat sosem szabad módosítani, hiszen akkor azokat egy core-update során elveszíted. Mindig saját modulokat kell írni, és abban megadni a stílusokat.
A többire meg az előző hsz.-emben, meg ebben írtak vonatkoznak, érdemes lehet egy elemnek több osztályt is megadni, ha több különböző stílus is vonatkozik rá.
Pl. egy divnél a HTML-ben:
<div class="first_class second_class">...</div>
aztán a CSS-nél:
.first_class {
...
}
.second_class {
...
}Csak a nagyon egyedieket add meg id szerint (#osztalyazonosito).
<div class="first_class second_class" id="this_is_my_unique_id">...</div>
CSS-nél:
#this_is_my_unique_id {
...
} -
#5649
Sk8erPeter
nagyúr
oleandro
#5647
Sk8erPeter
nagyúr
válasz
oleandro
#5647
üzenetére
"A css leírásokat jobb elhelyezni az oldal alap stylesheet.css fájlába, vagy inkább a termékleírásban?"
A "stylesheet.css" egy teljesen opcionális név, annak nevezed el, aminek akarod. A fejlesztési fázisban tök mindegy, melyik és mennyi fájlba rakod, bár érdemes lehet strukturálni.
A CMS-ek például külön CSS-fájlba rakosgatják a dolgaikat modulok szerint, aztán "éles" használat esetén be lehet kapcsolni egy olyan opciót, ami "aggregálja" a CSS-fájlok tartalmát, whitespace-ek és egyéb "felesleges" karakterek nélkül ömleszti egy fájlba, ami jót tesz a sávszélesség-igénynek, meg annak, hogy a böngészőnek nem 15-20 fájl tartalmát kell behúznia, és kiszedni belőle a számára értékes tartalmat.
Szóval élesben jót tesz, ha minél kevesebb CSS-fájlt kell betölteni."Ha van egy doboz ami ismétlődik, de pl a háttér változik, akkor azt hogy célszerű kezelni? Külön css-el vagy csak a divnek mindig külön hátteret adok meg?"
Osztályokat érdemes adni az elemeknek (akár többet!!!), és az osztályok tulajdonságait megadhatod külön.
Ha egy elemre több tulajdonság is vonatkozik, akkor valami értelmesen kitalált struktúra szerint megadhatsz neki több osztályt is, space-szel elválasztva (<div class="elsoosztaly masodikosztaly">...</div>).Ja, és mindig külön CSS-fájlba rakd a meghatározott stílusokat, ne inline style-ba pakold (tehát ne a style-attribútumot használd, hanem adj szépen osztályt az elemnek (adott esetben id-t, bár érdemes általánosan gondolkodni)), ez jót tesz a karbantarthatóságnak.
-
martonx
veterán
válasz
oleandro
#5647
üzenetére
"A css leírásokat jobb elhelyezni az oldal alap stylesheet.css fájlába, vagy inkább a termékleírásban"
Nem tudjuk mi az a termékleírás. Meg amúgy se ismerjük az oldalad felépítését."Ha van egy doboz ami ismétlődik, de pl a háttér változik, akkor azt hogy célszerű kezelni"
Csinálsz css classokat, és mindig a megfelelőt adod a divnek. -
oleandro
tag
válasz
oleandro
#5646
üzenetére
Csak mérgesített a dolog és most elkezdtem az egészet css-el megcsinálni.
Egész jól haladok viszont lenne, de lenne néhány kérdésem...A css leírásokat jobb elhelyezni az oldal alap stylesheet.css fájlába, vagy inkább a termékleírásban?
Ha van egy doboz ami ismétlődik, de pl a háttér változik, akkor azt hogy célszerű kezelni? Külön css-el vagy csak a divnek mindig külön hátteret adok meg? -
DNReNTi
őstag
válasz
oleandro
#5640
üzenetére
Szia,
Egy live link sokat segítene. Számomra pl most az sem derül ki hogy konkrétan akkor a képek, vagy a hátterek csúsznak e szét. A tanácsom az lenne: pls linkeld be az oldalt ahol ez megy, hosszú távú tanácsom pedig, hogy ezt a kódot úgy ahogy van kukázd. Szörnyű. No offense, de ez a millió inline formázás meg tábla attribútumok...
-
#5200
DeltaPower
addikt
oleandro
#5197
DeltaPower
addikt
válasz
oleandro
#5197
üzenetére
Mert a colspanok is rosszul van megadva, azt nem is néztem mert alapvetően volt hibás a szerkezet. Az alatta levő sorban 3 cella van, ezek közül az elsőnek 2 a colspanja, ezért olyan széles az első sor is. Így kell lenni a colspanoknak:
1. sor: 3
2. sor: nem kell megadni egyiknél se
3. sor: 3 -
#5196
DeltaPower
addikt
oleandro
#5195
DeltaPower
addikt
válasz
oleandro
#5195
üzenetére
Ez rossz, a tr-nek adtad a hátteret, de nincs benne td:
<tr background="image/kep1.jpg" colspan="2" style="width: 700px; height: 52px;">
</tr>Így próbáld:
<tr><td background="image/kep1.jpg" colspan="2" style="width: 700px; height: 52px;">
</td></tr>szerk: a végén a kep3-nál ugyanez a hiba.
A CMS-ek például külön CSS-fájlba rakosgatják a dolgaikat modulok szerint, aztán "éles" használat esetén be lehet kapcsolni egy olyan opciót, ami "aggregálja" a CSS-fájlok tartalmát, whitespace-ek és egyéb "felesleges" karakterek nélkül ömleszti egy fájlba, ami jót tesz a sávszélesség-igénynek, meg annak, hogy a böngészőnek nem 15-20 fájl tartalmát kell behúznia, és kiszedni belőle a számára értékes tartalmat.
Új hozzászólás Aktív témák
Hirdetés
- BONTATLAN Új Iphone 16 PRO 128Gb - 1TB Független 1év Apple GARANCIA Deák Térnél Azonnal Átvehető.
- Új Bontatlan Mac Studio M4 Max 2025 14cCPU /32cGPU / 36GB RAM / 512GB SSD - Azonnal Átvehető Deák.
- BONTATLAN Új Iphone 16e 128-512GB 1év APPLE garancia gyári független Deák AZONNAL Átvehető Deák térn
- ÚJ bontatlan S9 45mm Silver Stainless steel Cellular milanese fémszíj 199.900 azonnal átvehető Deák
- ÚJ kipróbálásra felbontott MacBook Pro 16 M4 Pro 14CPU/20GPU 24GB/512GB SSD Magyar billentyűzet Azon
- AKCIÓ! Gigabyte AORUS 16X (2024) Gamer notebook - i7 14650HX 16GB RAM 1TB SSD RTX 4070 8GBWin11
- Több Lenovo Thinkpad x1 carbon gen 4 / 5 / 6 / 7 X1 Yoga gen3 6-9. gen i7, i5 procik
- Telefon felvásárlás!! Xiaomi Redmi Note 12, Xiaomi Redmi Note 12 Pro, Xiaomi Redmi Note 12 Pro+
- Bomba ár! Lenovo ThinkPad P43s - i7-8G I 8GB I 256GB SSD I Nvidia I 14" FHD I Cam I W10 I Garancia!
- BESZÁMÍTÁS! Gigabyte A620M R5 7500F 32GB DDR5 512GB SSD RX 6700 XT 12GB ZALMAN S3 TG CM 700W
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: Promenade Publishing House Kft.
Város: Budapest