Új hozzászólás Aktív témák
-
faster
nagyúr
Ez egyébként ugye azt jelenti, hogyha olyasfajta bordert akarsz CSS-ből, amit a table border tagjával lehet kirajzolni, azaz az összes cella köré, akkor a CSS szelektort úgy kell megválasztani, hogy a TD cellákra kerüljön rá az adott border-stílus definíció.
pl.
<style>
.menu td {
border: 1px solid black;
}
</style>
<table class=''menu''>
...
</table>
[Szerkesztve] -
faster
nagyúr
-
faster
nagyúr
válasz
vakondka
#158
üzenetére
a listaelemek felsorolásjelei nem négyzet, mint explorerben,
Nekem ff-ben is négyzetek.
Erre kitaláltam, hogy mi lenne, ha a div magasságát a képmagassága+20px re beállítanám.
Ez pontosan mi miatt kell? Ha egy div-nek nem adsz meg magasságot, akkor nyúlni fog függőlegesen, ha szükséges.
[Szerkesztve] -
faster
nagyúr
válasz
supi0070
#133
üzenetére
Ezt a linket írtad be a validatorba:
www.szarember.uw.hu/index.html Hmm, érdekes domain név.
Az uw ilyenkor egy átirányítást csinál erre:
http://szarember.uw.hu/
Ami egy frameset, és ez sajnos nem valid.
Ha a saját kódodat akarod validállni, akkor így add meg a validálni kívánt html elérését:
szarember.uw.hu/index.html
[link]
Egyébként ez a kód alapjába véve jó, egy hiba van, a meta tagok nincsenek lezárva, ami xhtml-ben kötelező.
Pl.
<meta http-equiv=''content-type'' content=''text/html; charset=iso-8859-1''>
helyett
<meta http-equiv=''content-type'' content=''text/html; charset=iso-8859-1'' />
A csszengardenen is így van, annak a forrása hibátlan.
Na, miközben ennyit szövegeltem, Gregorius beírta a lényeget.
[Szerkesztve] -
faster
nagyúr
A második példánál a string-et nem dupla, hanem sima aposztróf zárja, csak már nem akarom módosítani, mert akkor az idézőjeleket a fórummotor szokás szerint elcseszi.
Tényleg, a heredoc formátumú kiírást kihagytam:
echo <<< EOS
<div onmouseover="this.style.backgroundColor='#AAAAAA'" onmouseout="this.style.backgroundColor='#FFFFFF'">
tartalom
</div>
EOS
[Szerkesztve] -
faster
nagyúr
válasz
hz hefti
#122
üzenetére
Egye fene, kiescape-elem neked.
echo "
<div onmouseover=\"this.style.backgroundColor='#AAAAAA'\" onmouseout=\"this.style.backgroundColor='#FFFFFF'\">
tartalom
</div>";
vagy
echo '
<div onmouseover="this.style.backgroundColor=\'#AAAAAA\'" onmouseout="this.style.backgroundColor=\'#FFFFFF\'">
tartalom
</div>";
vagy
?><div onmouseover="this.style.backgroundColor='#AAAAAA'" onmouseout="this.style.backgroundColor='#FFFFFF'">
tartalom
</div><?
js nelkul nincs ra megoldas?
Olyan, ami Explorerben is működik, nem igazán, illetve, elméletileg megoldaható, de bonyolultabá válik a kód, mintha js-t használnál. A CSS-ben a '':hover'' pseudoclass-szal lehet mouseover effekteket csinálni, de sajnos az Explorerben ez csak anchoron működik, a többi elemnél nem. -
faster
nagyúr
<!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN''>
<html>
<head>
<title>Untitled</title>
<style>.menu a:hover {background-color: #000000; color: #FFFFFF;}</style>
</head>
<body style=''background-color: yellow''>
<div class=''menu''>
<p>
<a href=''reg.php''>Regisztráció</a>
</p>
</div>
</body>
</html>
Ennek a kódrésznek a hatására nekem a link háttere fekete lesz, a szöveg színe pedig fehér, ha az egérmutatót föléviszem.
Ha a linket szét akarod húzni, akkor próbáld így, szerintem a <p> nem kell:<!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN''>
<html>
<head>
<title>Untitled</title>
<style>
.menu a {
display: block;
width: 200px;
}
.menu a:hover {
background-color: #000000; color: #FFFFFF;
}
</style>
</head>
<body style=''background-color: yellow''>
<div class=''menu''>
<a href=''reg.php''>Regisztráció</a>
</div>
</body>
</html> -
-
faster
nagyúr
válasz
Gregorius
#80
üzenetére
Ez az, amit nem tudok megtenni, mert változó méretű a kép is.
Van lehetőség PHP használatára?
Ápdét: ha még ráírom az első variációban a tartalmazó div stílusára, hogy ''display: inline-block'', akkor jó, de ez tudtommal nem szabványos stíluselem. Ezt az alt. böngészők is támogatják?
Tartok tőle, hogy ezt pont, hogy csak az alterok ismerik, az IE nem, de sajnos most nincs időm utánanézni.
[Szerkesztve] -
faster
nagyúr
A Verdana a Microsofté, de pl. az Arial eléggé elterjedt, ahogy a Times is. A monospace típusok pedig akkor jók, ha a fix szélesség valami okból szükséges, pl. programsorokat akarsz megjeleníteni, egyébként a szemnek nem olyan kellemes, mint mondjuk egy Garamond vagy akár a Times.
[Szerkesztve] -
faster
nagyúr
Bár mondtam, hogy munkám során találkozok a hibákkal, egy többoldalas honlapnál pedig jobb megoldás css fájl használata, de ok, meggyőztél.
Egy fenéket, nagy honlapnál használd csak a szeparált CSS fájlt, csak az itteni példáidnál egyszerűbb megnézni a forrást egy ctrl-U-val Firefox alatt, és egyből látni az egészet, ha a html-ben a style def. is benne van.
Új hozzászólás Aktív témák
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Huami Amazfit Bip okosóra
- Suzuki topik
- NVIDIA GeForce RTX 5080 / 5090 (GB203 / 202)
- Túra és kirándulás topic
- sziku69: Szólánc.
- Mobil flották
- Samsung Galaxy S25 - végre van kicsi!
- Kertészet, mezőgazdaság topik
- R_volution médialejátszók
- További aktív témák...
- EVGA SuperNOVA 750W GT 80 Plus Gold full moduláris tápegység / 53 hónap Alza.hu garancia
- Surface Laptop 4 Touch 13.5 Retina Ryzen7 4980U 4.4Ghz 16GB 512GB Radeon RX Vega8 Win11 Pro Garancia
- Gigabyte AORUS B550I PRO AX ITX Rev 1.2 / Beszámítás OK!
- HP 15 Zbook Studio G8 FHD IPS i7-11850H vPro 32GB 512GB SSD Nvidia A2000 Studio Win11 Pro Garancia
- Dell 14 Latitude 7420 FHD IPS i7-1185G7 4.8Ghz 16GB 512GB SSD Intel Iris XE Win11 Pro Garancia
- Xiaomi Redmi Note 13 5G 256GB, Kártyafüggetlen, 1 Év Garanciával
- Macbook White 13" unibody
- Honor Magic 5 Lite, 128GB, Kártyafüggetlen, 1 Év Garanciával
- BESZÁMÍTÁS! LG 38GN950P-B 160Hz QHD+ IPS 1ms monitor garanciával hibátlan működéssel
- Bomba Ár! Dell Latitude 3190 - Intel N4120 I 4GB I 64GB SSD I 11,6" HD I Cam I W11 I Garancia!
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest