Div kinyitás háttér törés probléma
Van egy nyitó-csukó div script-em, amivel az a baj, hogy a színátmenetes hátteret megtöri. Ebben kérném a segítségeteket, hogy hogyan lehetne megoldani, hogy ne "törje" meg a hátteret?
Javascript rész:
Html
CSS:Előre is köszönöm a segítséget!
■ Javascript rész:
<script type="text/javascript">
function show_text() {
if (document.getElementById("com").style.display == "none") {
document.getElementById("com").style.display = "block";
} else {
document.getElementById("com").style.display = "none";
}
}
</script>
function show_text() {
if (document.getElementById("com").style.display == "none") {
document.getElementById("com").style.display = "block";
} else {
document.getElementById("com").style.display = "none";
}
}
</script>
Html
<div id="content">
<a href="#" onclick="show_text();">Com</a>
<div id="com" style="display: none">
<br/><br/><br/><br/><br/>
</div>
<br/><br/><br/><br/><br/>
</div>
<a href="#" onclick="show_text();">Com</a>
<div id="com" style="display: none">
<br/><br/><br/><br/><br/>
</div>
<br/><br/><br/><br/><br/>
</div>
CSS:
body {
background: #FFFF00;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#FFFF00') no-repeat;
background: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#FFFF00)) no-repeat;
background: -moz-linear-gradient(top, #008000, #FFFF00) no-repeat;
}
#content {
margin: 0 auto;
padding: 10px;
width: 500px;
}
Nem értem
Ez a baj
Chrome-ot használok és ha kibővítenéd még így a body részt, akkor talán láthatod, bár lehet hogy teljesen egyedi a probléma...
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="content">
<a href="#" onclick="show_text();">Com</a>
<div id="com" style="display: none">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
Div tartalma
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
Más tartalom
</div>
</body>
A br-eken kívül más
Azok pedig elavultak, és ki lehet váltani őket display:block-kal, marginnal, paddinggal.
Ajánlom a br-ek nagyon gyors elhagyását, mert mint említettem, elavultak, és minősítik a kódodat.
nem a br a lényeg...
Az előző hozzászólásomban csatoltam egy linket, egy képet a problémáról, az a lényeg...
Sortörés? elavul? o.O
Erről még nem hallottam, de egy sortörés hogy tud elavulni? Itt valami web638-as bolondságot sejtek a háttérben. Hol hallottál erről?
[quoteAjánlom a br-ek nagyon
A HTML5 is hozta a br-t. Én sem értem mi lenne ebben elavult, néha jól jön.
Az itt láthat 100 br viszont tényleg gáz lenne. :)
Szerintem ő sem úgy értette,
A br sortörés. Nem arra való, hogy helyet hagyjál ki: HTML5 specifikáció - br elem
Mint ahogy a h1 se arra való, hogy nagybetűs félkövér szöveget írjál, ez lenne itt szerintem a lényegi mondanivaló.
Valóban a kódot és a kód készítőjét minősíti, ha hely kihagyását sortörésekkel oldja meg, ahogy hunkris is említette, ott a CSS-ben a margin, a padding, vagy akár a height. A "gyorsan ki akartam próbálni valamit" szokott ilyenkor az érv lenni, sokáig én is használtam, de aztán csak rájön az ember, hogy gyorsabb is leírni, hogy style="height: 200px;", meg aztán könnyebb is változtatni.
Most komolyan...
Ez a nagyon gyors elhagyása szöveg meg csak azt mutatja, hogy hunkris komolyan azt gondolta, hogy ez egy éles oldalon is így nézne ki nálam... De ez meg csak a hozzászólót minősíti, hogy volt ennyire... Továbbá az általam nyitott téma nem br-ről szól. Részemről ennyi...
Ha már kérdezel valamit, és
Másrészt ez egy szakmai oldal, ahol nem ilyen kódokat mutogatunk, ha nálad az ilyen példakód a sztenderd, akkor nem tudnak/fognak segíteni.
Mindezt nem sértésnek írtam, de inkább örülnél, hogy segíteni próbálunk, rámutatni a hibákra, viszont ha egy ilyen kód miatt egy választ így tolerálsz, az régen rossz.
Mester
Szerintem ez a hiszti
Én kezdõ koromban sokat olvasgattam topikokat, pl itt weblaboron is. Sokat tanultam. Nem baj, ha más is ki van fejtve, mint amire a kérdezõ kíváncsi. Mások is olvassák, a topik onnantól már nem a kérdezõé, hogy rányomott a submit gombra.
Senki nem minõsített téged.
Túl lett lihegve
Vegyétek figyelembe, hogy ő (kérdező) egyedül van a sok "profival" szemben. És ez a sok brbrbr-duma csak eltér a kérdéstől.
Igen, akkor is fel kell rá hívni a figyelmet, ha nem az a lényeg, de talán ha megoldási javaslat is lett volna mellette...
Nem véletlenül kezdett el hisztizni, túl volt lihegve. Fogjatok csak kezet mindannyian!
1. A kérdező nincs egyedül,
2. Volt megoldási javaslat.
3. A hozzászólásod nem tesz mást, mint rádob egy lapát száraz levelet a túllihegést jelképező, amúgy is (valóban) vígan lobogó tűzre. Ez önmagában nem baj, csak legalább ne szónokolj az ellen, amit te is csinálsz :). Igen, én is épp rádobtam még egyet.
4. A hiszti bizonyos esetekben érthető, de semmilyen esetben nem indokolt.
Nagyokat tévedsz
Nem zárkózóm el a felvetés
Később
Ha tudsz, segíts légyszi az FB... kezdetű általam nyitott topicban.
Nem?
Ezen már többen is
Bocs
Chrome bug
off: A Chrome mostanában a legbugosabb korszerű böngésző. Folyton jelennek meg benne ilyenek. Van ez a gradiens hiba, az canvas esetén a hardveres renderelésből adódóan elfelejti megcsinálni a kitöltéseket és még vannak számosan.