22786
Html-, css- és php-help
-
#6858 Hi!
Hogy tudnám azt megcisnálni átlátszóság filterrel, hogy ne az egész képem legyen átlátszó, hanem csak mondjuk a fele? (Nem az átlátszóság mértékét, hanem a kiterjedését szeretném változtatni...)
Előre is köszi a helpet! -
#6857 Valóban, így már jó, csak nem +20, hanem -20:)
köszi -
#6856 "nálam ezt csinálta: height="67020""
Mert a magassag sztringként adod meg.
magassag = parseInt(document.documentElement[props]); -
#6855 nálam ezt csinálta: height="67020" -
#6854 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" height="' + (magassag+20) + '" width="100%">'; - ennyi -
#6853 Üdv!
Van egy js kódom:
var props = new Array(
'clientHeight'
);
function createPlayer()
{
var magassag = '';
for (var i=0; i<props.length;i++)
{
magassag += document.documentElement[props[i]] + '';
}
var
printstring = '<object mpc-granted="true" id="mediazone_console" type="application/x-oleobject" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" height="' + magassag + '" width="100%">';
printstring += '<param value="http://www.i-tv.hu/stream/7813.asx" name="URL">';
printstring += '</object>';
document.getElementById('lejatszo').innerHTML = printstring;
}
Ezt szeretném úgy átalakítani, hogy a "magassag" értékből levonjon 20-at, és az kerüljön height="' + magassag + '" -hez.
Ezt hogyan kell? -
#6852 Értem, köszi a választ! -
#6851 köszi szépen!! -
#6850 Javascript: window.open metódus.
Bővebben:
-
#6849 "Azt szeretném kérdezni, h van valami különbség az általad javasolt float:left lebegtetés ill. az általam javasolt display:inline között?"
A float: left; esetén a listaelemeket hagyjuk blokkszintű elemnek és úgy lebegtetjük egymás mellé, a display: inline a blokkszintű listaelemet soron belüli elemmé alakítja.
A blokkszintű elemet képzeld el, mint egy összefüggő bekezdés.
A soron belüli elemet, meg mint a bekezdés egy sorában egy linket.
Én személy szerint jobban szeretem a menüpontokat blokkszintű elemként kezelni, egyfajta dobozként, amelyeknek margói, kitöltései, szegélyei vannak. A soron belüli elem meg egy "alacsonyabb rendű" forma, ami egy blokkszintű elembe ágyazódik. -
#6848 Hali!
Nagyon alap kérdésem lenne: hogyan tudom azt elérni, hogy a linkem olyan új ablakban nyissa meg a böngésző, amelyiknek nincs címsora meg gombjai? -
#6847 Én float:left-et szoktam használni. -
#6846 Azt szeretném kérdezni, h van valami különbség az általad javasolt float:left lebegtetés ill. az általam javasolt display:inline között? Esetleg valami, ami inkább az egyik mellett szól? A választ előre is köszi -
#6845 na ez igaz!
ezért is szeretem magamnak megírni a scripteket, mint máshonnan szedni -
#6844 "még valami mi a különbség a mysqli az msql és a mysql kezdetű függvények között? :S"
Kicsit több lehetőséget biztosít a mysqli. Bővebben a PHP kézikönyvben -
#6843 No akkor gyorsan, nagyvonalakban magyarázok (használj Firefoxot a példaoldalakhoz, mert abban fog értelmesen kinézni, az IE6 - és az alatt - hülyeségeket fog csinálni):
1. Bontsuk az oldalt részekre (és nevezzük el őket).
Egymás mellett 3 blokk van
* A menü és a tartalom bal oldala mellett levő bal oldali sáv (nevezzük lside-nak)
* A menüt és a tartalmat tartalmazó középső sáv (nevezzük cside-nak), ami további részekre osztható:
- A menüre (menu)
- A menü és a tartalom közötti blokkra (submenu)
- A tartalmi blokkra (content)
- A tartalom alatti blokkra (subcontent)
* A menü és a tartalom jobb oldala mellett levő bal oldali sáv (nevezzük lside-nak)
Az adott linkeken láthatóak a részek (illetve a hozzájuk tartozó majdan háttérképként használt kép, Gimppel gyorsan összevágva)
2. Alakítsuk ki a HTML struktúrát. Még nem sok minden látható, de az oldal struktúrája (egy adott elemnek milyen szerepe van) már ki van alakítva.
Tessék megnézni a forráskódot (a <!-- és a --> jelek között ott vannak a megjegyzések).
Pár dolog:
* Az egész oldalt beraktam egy blokkba (container). Ennek az a lényege, hogy ha az oldalt egységesen akarom kezelni, akkor nem kell minden elemet külön-külön piszkálnom.
* A menüt rendezetlen listával oldottam meg. Ez egy elterjedt megoldás, ugyanis a menüpontok egyfajta felsorolásként tekinthetőek.
* <script src="http://uw.hu/pgstat.js?server=3&username=stego" type="text/javascript"></script> - Ezt a sort az Ultraweb rakta bele. Ne vedd figyelembe, törölhető.
* A blokkok elnevezését az id attribútumok segítik el.
3. Formázzuk meg a dokumentumot. Ehhez külső állományból (vigyázz! UTF8-as karakterkódolású - Nézet/Karakterkódolás/Unicode menüpont alakítja megfelelővé Firefox alatt) hívott stíluslapot használunk (ez azért jó, mert az oldal formázása különválik az oldal tartalmától, így könnyebben kezelhető - sőt egy stíluslappal több oldal is formázható). Hozzáfűzések a /* és */ jelek között.
* Elsőként kiiktatunk minden margót, kitöltést és szegélyt, ami a böngészőben alapból van. Nem kell nekünk, csak kavarodást okoz.
* Második lépésként az adott blokkokat (lside, cside rside) egymás mellé (float: left) pakoljuk, megadjuk a méretüket (width - szélesség, height - magasság), és beállítjuk a hátterüket. Az egész oldalnak adunk egy háttérszínt (background-color), és az egész hóbelevancot középre helyezzük (így nem tűnik az üres hely annyira nagynak).
* Harmadik lépésként a menü, a menü és a tartalom alatti rész és a tartalom méreteit és háttereit állítjuk be.
4. Vegyük kezelésbe a menüt (külön stíluslapot használok az áttekinthetőség kedvéért). A menüpontokat (li, de hogy csak a menüre legyen érvényes #mennu li) az előzőekben mutatott módon (float: left;) egymás mellé rakjuk, és kiiktatjuk a listaelemek jeleit (list-style-type: none;).
Az egész listát lentebb visszük - kitöltést adunk neki.
Ezek után az egyes listaelemeknek balról margót adunk, hogy a menüpontok középen legyenek a "dobozokban".
5. Viszont a drágalátos IE Explorer 6-os verziója alatt nem igazán hajlandó a CSS-t rendesen kezelni (nézd meg az előző pontban mutatott oldalt IE6-ban). Ezért csak az IE6 és az alatti böngészők számára (hála a jó égnek vannak erre a célra megoldások - itt a feltételes megjegyzéseket használom) külön stílusdefiníciót csinálunk.
Ha kijavítottuk (stíluslap), akkor már rendesen működik.
Lehet (sőt biztos), hogy ez egyszerre egy kicsit sok. De remélem valamennyire átlátod, hogyan megy egy ilyen oldalkialakítás.
Ehhez bizony meg kell tanulni a HTML/CSS nyelvet nem lehet hagyatkozni a grafikus szerkesztőprogramra, mert az nem fog helyetted gondolkodni.
Ajánlom figyelmedbe az alábbi jegyzetet, Cat02 által már belinkelt cikket és ugyanazon az oldalon levő cikksorozatot. -
#6842 Én a menü létrehozásának egy másik változatát javasoltam neked, ami lehet segít abban, h jól jelenjen meg minden böngészőben, a háttérkép négyzeteiben legyenek a szövegek (bár ez sem biztos, h jó). -
#6841 hu.php.net-ről szedtem majd abba nyulkáltam bele mindenféle idézőjellel meg aposztróffal miután nem müködött ezért állok a dolog mögött értetlenül :S vaéami olyan leírást tudnál nekem adni amin normálisan le van írva hogy kell használni és nem csak példák vannak....
még valami mi a különbség a mysqli az msql és a mysql kezdetű függvények között? :S -
#6840 Azért az igazsághoz hozzátartozik, hogy - bár tényleg könnyű ilyet csinálni - azonban ha más számára készül, tehát úgy, hogy az oldal többi részét nem látod, úgy már nehéz, mármint, hogy mindentől függetlenül tudjon menni a script.
lehet hülyeség, de nekem ez a tapasztalatom -
#6839 az a baj, hogy a php tudásom kb. 0 :D
köszi az oldalt, remélem találok valami ilyesmit :) -
#6838 a legegyszerűbb iet csinálni, nem olyan nehéz:)
persze, ha nem értessz a php-hez, akkor hiába mondom, de talán van ilyen script itt nézz szét -
Cat 02 #6837 régen mindig linkeltál olvasni valót :P -
#6836 valaki? :( -
#6835 "Gondolom mindenki kitalálja a következő kérdést, hogy a rákba lehet kompatibilissá tenni az oldalt egyszerre több böngészővel?"
Helyesen kell tervezni, jól kell kivitelezni, tesztelni, tesztelni, ha hibát találsz - korrigálni, és ha hibamentes, és mégse úgy jelenne meg mint kéne - trükközni.
1. Első lépésként papíron vagy egyszerű rajzprogramban - például paintben - csinálj skiccet. Legyenek rajta, hogy hogyan helyezkednek el a különböző oldalelemek (fejléc, menüpontok, lejátszók, anyámkínja,...)
2. Utána képszerkesztő programmal (Gimp. Paint.Net, Photoshoop,...) készítsd el az oldal valós kinézetét, és szedd szét részekre. Lesznek képek, amelyeket háttérképként kell felhasználnod, lesznek amit simán az <img> elemmel.
2. Az 1. pontban említett skicc alapján készítsd el a HTML strukúrát. Ne használj semmi pozicionálást, simán csak az elemeket helyezgesd el.
A fő részeket a <div> elemek fogják alkotni, a menüt a lista (<ul>,<li>), stb...
3. Ezek után kell CSS-sel az összes pozicionálást elvégezned.
Mindjárt csinálok oldalpéldákat, és jobban érteni fogod, miről van szó. -
#6834 Nézz utána a helyes szintaxisnak. A régi kódban kimondott hiba volt, mert pl a tábla névnél, vagy az oszlop neveknél is aposztrófot használtál. Ez olyan, hogy ha már használod, akkor helyesen. Ez az utóbbi meg inkább olyan hiányos, de elfogadható. -
#6833 Akkor csak plugin hiány nálam :) -
Cat 02 #6832 FF el nekem műxik :) (flash player) -
#6831 Meg még érdekes, hogy csak a Firefoxban van elcsúszva a galéria -
#6830 Feltettem a Firefoxot , és a Safarit is, és hát tényleg, kb 30-40 pixellel fölfele el van csúszva az egész.Gondolom mindenki kitalálja a következő kérdést, hogy a rákba lehet kompatibilissá tenni az oldalt egyszerre több böngészővel?
Firefoxban és Safarinál nem működik a Flash player, ez most csak nálam van, mert nincs semmi plugin felrakva a egyikhez se, vagy tényleg nem működik csak IE-vel? -
Cat 02 #6829 már megvan neki h hogyan akarja -
#6828 Ez nem világos, hogy most ezt hova kéne tennem, hogy változás legyen? -
#6827 Szerintem csinálj egy listát és a lista elemeit a display:inline-al egy sorba rendezed.
Valahogy így:
Ez a html kód:
<ul>
<li>Home</li>
<li>Valami</li>
<li>Valami</li>
</ul>
Ez pedig a css kód:
li {
display:inline;
padding:0px 10px;
}
magát a listát pedig még beleteheted 1 div tagbe és azt is igazíthatod. -
#6826 és ami még basza a csörömet hogy pár hozzászólással lejebb volt egy hiba amit ` <-- ilyen idézőjel oldott meg! de ez a sor:
$res2 = mysql_query("SELECT * FROM mysqldb WHERE userid = '$uid'");
tökéletesen működik..... mysqlt nem frisítettem ugyan az van szal ez sem lehet gond és már az agyamra megy az egész sql :-( -
#6825 nem jó! amúgy már mindehogy próbáltam minden féle idézőjellel idézőjel nélkül de mindig ezt a szintax faszságot kapom válaszul :( -
Cat 02 #6824 itt van -
Cat 02 #6823 adj neki text-align: center; -t attól kép is középen van
én kérdésem: ha div divben van akkor elvileg a 2. divnek adott margin meg ezek a másik div jez viszonyulnak nemde? de miért nem ?
<div class="doboz_1">
<div class="kereso">
KÓD
</div>
</div>
css
{
margin-left: 80px;
margin-top: 50px;
}
de vmiért nem mozdul el, viszont ha beírom h 1000px akkor a felette levő menütől van távolabb (igazibol felett levő :D ) -
#6822 A 3 gombbal szenvedtem a legtöbbet, és mégse jó :SS
Az a baj, hogy egy diven belül nem működik az , hogy legyen a tetejétől, és az oldalától is igazítás(vagy nem találtam a megfelelő kombót).
Ha pedig a gombok elé, mindnek külön divet csinálok, akkor mindegyik egymás alatt külön sorban van.Most egy elég béna megoldás van, mindjárt megmutatom hogy néz ki.
<div style="margin-top:29px" >
<div style="margin-left:238px" > <a href='index.html'><img src='kezdolapgomb.gif'/alt='Kezdolap' border="0" /></a>
<a href='galery.html'><img src='galeiragomb.gif'/alt='Galery' hspace="110" border="0" /></a>
<a href='mixek.html'><img src='mixekgomb.gif'/alt='Mixek' border="0" /></a></div></div>
Galériának centert megcsinálom.
-
#6821 így próbáld:
WHERE `username` = '$username2' AND `database` = '$database'"; -
#6820 $database-nél nincs olyan, mint a $username2-nél:)
meg ide sztem nem ' kell, hanem valami más:) -
#6819 nekem firefoxban 1024x768-as felbontáson a 3 menü sincs középen illetve ha a galériára klikkelek akkor a galéria is balra van igazítva! nyomj rájuk egy egy centert.....