Hirdetés
- Amazfit Active 2 NFC - jó kör
- Megbüntették, ezért feloszlatná az EU-t Elon Musk
- Samsung Galaxy Watch6 Classic - tekerd!
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Máris megvásárolható az Ulefone új RugKing szériája
- Xiaomi 14 - párátlanul jó lehetne
- Okosóra és okoskiegészítő topik
- Milyen robotporszívót vegyek karácsonyra? (2025)
- Samsung Galaxy Z Fold7 - ezt vártuk, de…
- Mobil flották
Ú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
- Apple iPhone 14 128GB, Kártyafüggetlen, 1 Év Garanciával
- BESZÁMÍTÁS! ASUS H510M i7 10700 16GB DDR4 512GB SSD RTX 3060 Ti OC 8GB Zalman Z1 PLUS ADATA 600W
- LG OLED & OLED evo Televíziók -30%
- Jabra Speak2 75 MS Teams USB-bluetooth hangszóró
- magyar billentyűzet - 162 - 163 - Lenovo LOQ (15ARP9) - AMD Ryzen 7 7435HS, RTX 4060
Állásajánlatok
Cég: BroadBit Hungary Kft.
Város: Budakeszi
Cég: ATW Internet Kft.
Város: Budapest