- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- India felől közelít egy 7550 mAh-s Redmi
- Fotók, videók mobillal
- Xiaomi 14T - nem baj, hogy nem Pro
- Xiaomi 14T Pro - teljes a család?
- Megjelent a Poco F7, eurós ára is van már
- Samsung Galaxy A56 - megbízható középszerűség
- Samsung Galaxy Watch6 Classic - tekerd!
- Honor 200 - kétszázért pont jó lenne
- A Samsung bemutatta az Exynos 2500-at
Új hozzászólás Aktív témák
-
#971
DeltaPower
addikt
Hege1234
#970
-
#851
DeltaPower
addikt
Forza_JUVE
#850
DeltaPower
addikt
válasz
Forza_JUVE
#850
üzenetére
position: fixed; bottom: 10px;
-
#846
DeltaPower
addikt
SektorFlop
#845
DeltaPower
addikt
válasz
SektorFlop
#845
üzenetére
height: 98%;
-
#801
DeltaPower
addikt
Speeedfire
#800
DeltaPower
addikt
válasz
Speeedfire
#800
üzenetére
Több lehetőség is van erre. Ha be tudod saccolni, hogy legfeljebb milyen magasak lesznek, akkor mindkettőnek megadod a min-height-et. Ha totál változó, akkor beleteszed őket egy befoglaló divbe, és annak csinálsz egy olyan repeat-y háttérképet, amin a függőleges csík van. A harmadik megoldás javascripttel beállítani az azonos magasságot betöltés után.
-
#790
DeltaPower
addikt
had423
#789
DeltaPower
addikt
<blh:post_anchor />
<h2><center><a href="{blh:post_permalink}"><blh:post_title /></a></center></h2>
<div class="entry">
<blh:post_content />
</div>de jobban jársz, ha css-ben, a 184. sortól kezdőd blokk végére beszúrsz egy text-alignt:
#main0 h2 a {
color: #D30606;
display: block;
font-size: 34px;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
} -
#787
DeltaPower
addikt
Speeedfire
#786
DeltaPower
addikt
válasz
Speeedfire
#786
üzenetére
Az nem jó, más az értelme szóközzel.
span.urlap - "urlap" osztályú span
span .urlap - bármelyik span-on belül bármilyen "urlap" osztályú elem -
#730
DeltaPower
addikt
Újoncka
#728
DeltaPower
addikt
a leginkább böngészőfüggetlen megoldás a kétrégetű háttér. ehhez szükség lesz egy jobbos és egy balos háttérképre, és két divre. a két háttérkép csak a fekete-fehér filmszegélyeket tartalmazza függőlegesen ismételhetően.
<div id="kulso">
<div id="belso">
...
</div>
</div>
<style type="text/css">
div#kulso
{
background: url(hatter_balos.gif) center left repeat-y;
background-color: #aa000; /* ez a bordó */
}
div#belso
{
background: url(hatter_jobbos.gif) center right repeat-y;
}
</style>a belső divnek ajánlott a filmcsíkok szélességének megfelelő jobb és bal paddingot adni, akkor nem megy rá a tartalom.
-
#718
DeltaPower
addikt
Brown ügynök
#716
DeltaPower
addikt
válasz
Brown ügynök
#716
üzenetére
jobb és bal gondolom floatolva van, kell utánuk egy akármi elem (pl div, br) ami clear:both
tehát így
<cikk>
<jobb></jobb>
<bal></bal>
<div style="clear:both"></div>
</cikk> -
#696
DeltaPower
addikt
DeltaPower
addikt
p { word-wrap:break-word; }
régi böngészők nem biztos, hogy megeszik. -
#682
DeltaPower
addikt
Speeedfire
#681
DeltaPower
addikt
válasz
Speeedfire
#681
üzenetére
felbontástól nem szabadna függenie
-
#680
DeltaPower
addikt
Speeedfire
#679
DeltaPower
addikt
válasz
Speeedfire
#679
üzenetére
floatold ki jobbra a keresés gombot és állítsd be rendesen a marginjait+a kereső div méretét, ie6 kivételével jó lesz.
-
#669
DeltaPower
addikt
Speeedfire
#668
DeltaPower
addikt
válasz
Speeedfire
#668
üzenetére
én ezt úgy szoktam, hogy van egy felső paddingja a menüpontnak, és aktívnál olyan hátteret kap, amiben benne van a felső kerekítés.
-
#667
DeltaPower
addikt
Speeedfire
#666
DeltaPower
addikt
válasz
Speeedfire
#666
üzenetére
alsóra kell egy clear:both
-
#641
DeltaPower
addikt
Speeedfire
#640
DeltaPower
addikt
válasz
Speeedfire
#640
üzenetére
<li style="margin-bottom:1em;">bejegyzés</li>
-
#639
DeltaPower
addikt
Speeedfire
#638
DeltaPower
addikt
válasz
Speeedfire
#638
üzenetére
az ordered, unordered, stb listákat úgy találták ki, hogy az <ol>, <ul> elemen belül közvetlenül <li> elemek vannak, nem p, h3, stb.
egyébként nem értem, mi a francnak használod ezt a rengeteg <p>-t. a <p> nem egyenlő az enterrel és nem egyenlő a sortöréssel, se a marginnal vagy paddinggal. a <p> az bekezdés, hosszabb szövegblokkok tagolására való, nem erre amire te használod.
-
#636
DeltaPower
addikt
Speeedfire
#635
DeltaPower
addikt
válasz
Speeedfire
#635
üzenetére
akkor dobd ki a P-t
-
#634
DeltaPower
addikt
Speeedfire
#633
DeltaPower
addikt
válasz
Speeedfire
#633
üzenetére
fent a struktúrád így néz ki
<div class="kepek">
<a target="blank" href="cover/2.jpg">
<img src="cover/tn/2.jpg" alt="Good Will Hunting" title="Good Will Hunting" border="0" align="right" /></a>
<p><a href="#galeria" title="Ugrás a galériához">Galéria</a></p>
</div>
szerintem ennek valahogy így kéne:
<div class="kepek">
<p>
<a target="blank" href="cover/2.jpg">
<img src="cover/tn/2.jpg" alt="Good Will Hunting" title="Good Will Hunting" border="0" align="right" />
</a><br />
<a href="#galeria" title="Ugrás a galériához">Galéria</a>
</p>
</div> -
#632
DeltaPower
addikt
Speeedfire
#631
DeltaPower
addikt
válasz
Speeedfire
#631
üzenetére
ezután van egy másik aminek elvileg teljes lapszélességűnek kellene lennie, de csak 200 px széles
ha ez az "ism" osztályú div, akkor nem kell rá a float:left, és a "szoveg" osztályúra se kell. az "oldal" id-jű div elé nem ártana egy ilyen:
<div style="clear:both"></div>jó lenne ha photoshopban helyükre pakolnád az elemeket és feltennéd screenshotban, úgy egyértelmű mit hova.
-
#602
DeltaPower
addikt
Speeedfire
#601
DeltaPower
addikt
válasz
Speeedfire
#601
üzenetére
display: block;
width: 500px;
overflow: auto;szélesség értelemszerűen variálható.
-
#598
DeltaPower
addikt
Speeedfire
#596
DeltaPower
addikt
válasz
Speeedfire
#596
üzenetére
float ne legyen megadva neki, amúgy lásd előző hsz-t
-
#585
DeltaPower
addikt
Jano_023
#582
DeltaPower
addikt
válasz
Jano_023
#582
üzenetére
ahogy korábban leírtam, javascript és ajax.
ha használod pl. a jquery javascript függvénytárat, akkor egy adott id-jű divbe lehet tölteni egy adott hivatkozás tartalmát így:
$("div#div_idje").load('http://link-amit-betöltesz');
ezt a hivatkozás onclickjébe kell írni. sima javascripttel kissé bonyolultabb, pl itt van egy tisztán javascriptes példa, az alábbi sorokat kell átírni:
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
saját div-ed id-jére
xmlhttp.open("GET","ajax_info.txt",true);
ajax_info.txt helyett a link amit be akarsz tölteni.ha nem megy, inkább a javascript topicban kérdezz, ott jobban értenek hozzá
-
#581
DeltaPower
addikt
Jano_023
#580
DeltaPower
addikt
válasz
Jano_023
#580
üzenetére
csinálsz egy kezdőlapot index.html néven, lemásolod akarmi.html névre, a másodikba beleírod a kívánt szöveget, és a kívánt bal oldali hivatkozás href részébe beírod mindkét lapon az akarmi.html-t. (bonyolultabb megoldást egyelőre nem merek írni).
amúgy ennek egyáltalán, de egyáltalán semmi köze sincs a css-hez
-
#576
DeltaPower
addikt
dany27
#575
DeltaPower
addikt
-
#574
DeltaPower
addikt
dany27
#573
DeltaPower
addikt
javascripttel tudod betöltés után megállapítani a felbontást, és esetleg egy másik css-t ráhúzni. itt le van írva, hogy állapítod meg a felbontást, itt pedig a css betöltés menete.
ennél jobb megoldás úgy megtervezni az oldalt, hogy igazodjon a felbontáshoz, ez viszont nem könnyű és nem minden design esetén megoldható.
-
#572
DeltaPower
addikt
Agostino
#570
DeltaPower
addikt
válasz
Agostino
#570
üzenetére
csinálsz egy marha széles képet, amelyiken rajta van a bal sarok és a többi része a repeat. ezután megcsinálod a csak jobb sarkot egy másik képen. fogsz egy divet aminek a háttere az első kép a bal sarokkal (left no-repeat), padding amennyi a bal sarokhoz kell. ezen belül csinálsz egy másik divet, aminek a jobb sarok a háttere (right no-repeat), és ennek is adsz annyi paddingot hogy a jobb sarok mindig látsszon.
előnye: csak 2db div, hátránya: átlátszó sarkokkal nem alkalmazható. -
#567
DeltaPower
addikt
scott_free
#566
DeltaPower
addikt
válasz
scott_free
#566
üzenetére
css legelején szoktunk csinálni margin és padding nullázást:
html * { margin:0;padding:0; }
továbbá, ellenőrizd hogy van-e valami a div előtt. -
#565
DeltaPower
addikt
tildy
#564
DeltaPower
addikt
firebuggal néztem, az ilyet mutat:
<div class="select">
<div class="dds" style="z-index: 0;">
<div class="disp" tabindex="3"><span>hardverek</span></div>
<ul class="opts" tabindex="-1" style="display: none;">
<li class="act"><span>hardverek</span></li>
<li><span>Notebook</span></li>
...
</ul>
</div>
<select tabindex="3" name="ssecid" style="display: none;">
<option value="">hardverek</option>
...
</select></div>
tehát nem látszik a select, csak azért van benne, hogy a kiválasztott értéket tárolja a selectedIndex-ben, amíg a formot elküldjük.(mod) én ezt egy input type=hidden mezővel szoktam megoldani egy rejtett select helyett, bár a javascript ledöglése/letiltása esetén így látszik a választható opciók listája (bár elképzelhető, hogy a layoutba belerondít).
-
#563
DeltaPower
addikt
tildy
#562
DeltaPower
addikt
ie6-hoz kell valamilyen png fix, mivel egy átkozott kövület, és még ezt se tudja.
ezek az általad említett selectboxok valójában nem a szokásos select elemek, hanem div-ek javascripttel megtámogatva, selecthez hasonlóra formázva. position:relative és a display:box/display:none cserélgetés kell hozzá, az elemei pedig sima linkek.
-
#534
DeltaPower
addikt
perfag
#533
DeltaPower
addikt
akkor az a helyzet, hogy alapból rossz valami, viszont IEben véletlen megy, az ugyanis semmit se csinál szabvány szerint.
lehet, hogy az alap html-ed kódolása nem utf-8, viszont a css-ben rákényszerítenéd és emiatt kiakadnak a szabvány-szerető browserek.ezeket ellenőrizném elsőnek:
html oldal kódolása (utf vagy ansi)
meta charset (iso-8859-X vagy utf-8)
css-ben a charsetezeket kellene egységesíteni.
-
#523
DeltaPower
addikt
Speeedfire
#522
DeltaPower
addikt
válasz
Speeedfire
#522
üzenetére
ha leméretezed+megvágod a képeket (photoshop, gimp, stb) akkor css-el nem gond, viszont ha automatizálni akarod, akkor mindenképp php kell hozzá.
ahogy számolom 3 div kell hozzá: 1 fehér keret, 1 amiben a kép van, és 1 a plusz jelnek.
amúgy szép ez a keret, egyedül ie6 alatt lesznek vele gondok, az ugyanis nem kezeli alapból az átlátszó png-t, ehhez pedig a gif nem jó az árnyékok miatt. -
#416
DeltaPower
addikt
xlalix
#415
DeltaPower
addikt
-
#411
DeltaPower
addikt
vancha2
#410
DeltaPower
addikt
sztem ez összeollózott kód lesz...
Kuvik: ha már mindenképp több böngészőre akarsz fejleszteni, kezdd a firefox-szal vagy mozillával, mert egyelőre azok követik legjobban a szabványokat. aztán amit az IE nem szeret benne, az meg lehet csinálni utána is.
float: center --> ilyen nem létezik, floatnak 3 értéke lehet, left, right vagy none;
ja, és a div-eket illik ám lezárni
vancha2: uw-ra egyszerű framekillert csinálni
Új hozzászólás Aktív témák
Hirdetés
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Kerékpárosok, bringások ide!
- OLED TV topic
- Audi, Cupra, Seat, Skoda, Volkswagen topik
- Alkoholista nevelde
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- India felől közelít egy 7550 mAh-s Redmi
- S.T.A.L.K.E.R. 2: Heart of Chornobyl
- Tőzsde és gazdaság
- Vigneau interaktív lokálblogja
- További aktív témák...
- HP Probook 650 G4 15,6 i5-8350u 8. gen. GYÁRI MAGYAR VILÁGÍTÓ BILL!!!
- Apple iPad Air 4 64GB Kártyafüggetlen 1Év Garanciával
- BESZÁMÍTÁS! Gigabyte H370 i5 9500 32GB DDR4 512GB SSD RTX 2060 Super 8GB ZALMAN S2 TG be quiet! 650W
- Bomba ár! Dell Latitude 3590 - i5-8GEN I 8GB I 256SSD I HDMI I 15,6" FHD I Cam I W11 I Garancia!
- Huawei Nova Y90 128GB, Kártyafüggetlen, 1 Év Garanciával
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft
Város: Budapest
Cég: Promenade Publishing House Kft.
Város: Budapest