22786
Html-, css- és php-help
-
#5256
hogy tudok egy weblapba képet beszúrni????? -
#5255
Átértem linuxra (debian), és egy olyan problémám volna, hogy frissen telepitettem apache, php5, mysql5 -öt és ha beirom a gépen böngészőbe hogy http://localhost:80/ ezt az üzit kapom:
Forbidden
You don't have permission to access /apache2-default/index.html on this server.
Apache/2.0.54 (Debian GNU/Linux) PHP/5.2.1-0.dotdeb.1 with Suhosin-Patch Server at localhost Port 80
Viszont ha monnyxuk a windózos gépről akarom elérni netes ip-vel akkor meg nem jelenít meg semmit csak egy rohadt nagy feehérséget! Configba hol lehet a hiba? -
solikka #5254 Ez a fajta van meg:
WAMP5 Version 1.7.0
Created by Romain Bourdon ([email protected])
Powered by Anaska http://www.anaska.com
Sources are available at SourceForge
http://www.wampserver.com -
#5253
A WAMP egy programcsoport elnevezése (Windows, Apache, MySQL, PHP). Ebből sokféle összeállítás létezik. Bővebb tájékoztatásra konfiguráció (és a felhasználási körülmények) teljes ismeretében lehetne mondani, még biztosabbat pedig az adott összeállítás készítőjének oldalán. -
#5252
Igen, de ez angolul van! :D
És én meg lusta vagyok angolul olvasni, gyorsabb volt letesztelni a példát, mint értelmezni a szöveget. :DD -
#5251
"Nekem a http://developer.mozilla.org/en/docs/DOM:CSS oldalon szereplő minta példára is hibát ír a firebug és nem is működik."
Nem is a példa miatt linkeltem be az oldalt, hanem a felsorolt tulajdonságok miatt.
Másrészt ha elolvasnád az egész leírást (le van írva, hogy a példa pont arra szolgál hogy bemutassa a rossz metódust. Na ezért nem szabad ész nélkül másolni!)...
Styles can be returned or set with the style property and these attributes but that you cannot set values directly using constructions such as style="background-color: blue" from the DOM, where the value is a string that contains both the attribute and the value you wish to set. By itself, the style property should only be used as a "getter" and not a "setter." In other words, the first of the following two constructions is bad, and the latter is better practice in the DOM:
bad
element.style = "background-color: blue";
good
element.style.backgroundColor = "blue";
Note that the bad example above may actually set the background color of the given element, but this assignment overwrites any style information that already existed on that element, and then cannot be added to or updated without other overwrites. The special style attributes available off of the element's style property allow you to "manage" the style of your elements in a safer and more organized way. -
solikka #5250 Helló!!
Gondolom van itt olyan aki ismeri a WAMP-ot! Na most az lenne a bajom hogy mióta feltettem a legújabbat azóta localhoston teljesen belassult minden, a honlapok is lassan reagálnak, aztán a PHPmyadminban is lassúak az SQL kérések stb...stb...
Nem tudtok valami beállítást vagy akármit amivel ezt orvosolni lehet? -
#5249
Nya megvan! :)
Fent:
function izeover(myid) {
document.getElementById(myid).className = 'green'
}
function izeout(myid) {
document.getElementById(myid).className = 'red'
}
Lent:
<div id="myid1" onmouseover="izeover('myid1')" onmouseout="izeout('myid1')">menuitem</div>
<div id="myid2" onmouseover="izeover('myid2')" onmouseout="izeout('myid2')">menuitem</div> -
#5248
Ez jó!
Nekem a http://developer.mozilla.org/en/docs/DOM:CSS oldalon szereplő minta példára is hibát ír a firebug és nem is működik.
<html>
<head>
<script>
function changeStyle() {
c = document.getElementById("tid");
c.style = "padding-right: 20px";
}
</script>
<table border="1"><tr>
<td id="tid">Example Cell</td></tr>
</table>
<form>
<input value="addpad"
type="button"
onclick="changeStyle();" />
</form>
</html>
-
#5247
monnyuk lüke vagyok, mert nem is stlye-lal kéne szütymögni, hanem inkább class..
És így talán
document.getElementById(bigyo).class = 'blue';
ha a css-ben van olyan deklarálva, hogy:
.blue {
background.color: blue; // vagy ilyesmi
}
-
#5246
aha.. értem.. szóval nem :D
és akkor ha jól látom, akkor kb az a szabály, hogy kötőjelet elhagy és utána a nagybetű kötelező? -
#5245
Fent:
function izeover() {
document.getElementById(bigyo).style.background-color = 'red';
}
function izeout() {
document.getElementById(bigyo).style.background-color = 'yellow';
}
Lent:
<div id="bigyo" onmouseover="izeover()" onmouseout="izeout()" style="background-color:blue;">menuitem</div>
Aszonnya a Firebug, hogy izeover is not defined, izeout is not defined. De ezzel meg nem tudok mit kezdeni. :(
Asszem nekem nem logikus a JS.
-
#5244
"Ennél a style.display helyére bármilyen elemet beírhatok, amit style után tudok használni?"
Igen, de ügyelj a helyesírásra (tehát text-align és background-color nincs a Javascriptben, pontosabban a DOM-ban):
-
#5243
document.getElementById(div).style.display == 'block'
Ennél a style.display helyére bármilyen elemet beírhatok, amit style után tudok használni?
Itt (HTML-CSS):
<div style="text-align: left;">
<div style="background-color: red;">
Így (JS):
style.text-align = 'left';
style.background-color = 'red'; -
#5242
"Hogyan lehetne azt megcsinálni hogy mind a kettőbe jó legyen?"
Ne használj abszolút pozicionálást.
Jelen esetben felesleges.
4 fő blokk kell:
* Fejléc
* Menü
* A legutóbbi versenyek eredményei
* Tartalom - azon belül két blokk:
* Bal oldali tartalom
* Jobb oldali hírdetések, szavazás, stb...
Tehát így:
<div id="banner"><!--Ez itt a fejléc. Mivel tartalmi funkciója nincsen nem kerül bele semmi, a képet CSS-ből a background-image rakja bele --></div>
<div id="menu"><!-- Ide kerül a menü--></div>
<div id="latest"><!-- Ide kerülnek a versenyeredmények --></div>
<div id="content">
<div id="leftcontent"><!-- Bal oldali tartalom --></div>
<div id="rightcontent"><!-- Jobb oldali tartalom --></div>
</div>
A középre pozicionálást a blokkok margin: 0px auto; beállítása, és a <body> elem text-align: center; pozicionálása teszi majd lehetővé.
Pár oldal inspirációnak:
http://www.cssbeauty.com/
http://www.cssdrive.com/
http://www.cssimport.com/
http://cssmania.com/
http://gallery.wordstudio.cz/
http://www.cssremix.com/
http://www.cssgalaxy.com/
http://www.dark-i.com/default.aspx
http://www.stylegala.com/
http://www.w3csites.com/
http://www.webstandardsawards.com/
http://webdesignbook.net/
http://thesis.veracon.net/all
http://www.webcreme.com/
http://www.csselite.com/
http://www.unmatchedstyle.com/
http://www.css-website.com/
http://www.themoleskin.com/archives/the-definitive-css-galleries-list/
http://www.csstopsites.com/galleries/
http://www.csstux.com/
http://www.cssbloom.com/
http://css-galleries.com/ -
#5241
A text-align a blokk tartalmát igazítja.
-
#5240
"De amúgy hogyan változna, ha azt szeretném, hogy ha kattintok eltűnjön... - tehát ha alapból látszik és első kattintásra eltűnik.."
Nos ebben az esetben az oldal betöltődésekor deklarálnod kell, hogy az adott elem látszódik.
Ezt elvileg CSS-sel is meg lehetne oldani, de mivel a Javascript ezt nem veszi figyelembe, ezért Javascriptben kell megoldani a deklarációt.
Példa itt.
"egy ilyen divnek, ami így tulajdonképpen nem link, tudok valahogy hover-t adni?"
CSS-ben ott a :hover dinamikus látszólagos osztály, de azt az IE nem szereti.
Szóval marad a onmouseover és a onmouseout, vagy a trükközés:
-
#5239
csak olyan van, hogy text-align: center, nem? -
#5238
Valaki segítene? Jelen pillanatban ezen a honlapon dolgozom és van egy olyan bajom hogy ha internet explolerben nyitom meg akkor 1-2 képet nem jelenítmeg, de hogy ha firefox-ba akkor meg elvan csuszva a honlap. Hogyan lehetne azt megcsinálni hogy mind a kettőbe jó legyen? -
Cat 02 #5237 ha vannak divek és css el van megcsinálva akkor ha azt írom h
align: center
akkor a divet vagy a szöveget rakja centerbe? -
#5236
jó volt :)
beírtam, hogy
visibility: hidden;
display: none;
aztán néztem, hogy miért nem jelenik meg semmi :))
egy ilyen divnek, ami így tulajdonképpen nem link, tudok valahogy hover-t adni? ez az onmouseon és onmouseover, amivel ki kell cserélni a div style-jét... hmm -
#5235
Igazad van! Köx!
De amúgy hogyan változna, ha azt szeretném, hogy ha kattintok eltűnjön... - tehát ha alapból látszik és első kattintásra eltűnik.. -
Kondor #5234 Kösz a segítséget. Elkezdtem elölről, css-sel. -
#5233
"de.. csak második katt-ra tűnteti el -> először ugye látszik"
Hát rejtsd el!
#div {
visibility: hidden;
display: none;
}
-
#5232
jah, ott kezdődik, hogy ==... igen [pirul]
nah, most jó
köszi
de.. csak második katt-ra tűnteti el -> először ugye látszik
"Ha látszódik, akkor elrejtjük, különben felfedjük. Ennyi - szimpla cserebere."
Ja ez ok, én is így gondolkodtam. Csak aztán az üres éterben bojongtak a gondolatfoszlányok. :))
most ilyen:
function change() {
if (document.getElementById("div").style.display == 'block') {
document.getElementById("div").style.display = 'none';
} else {
document.getElementById("div").style.display = 'block';
}
}
<div id="div">sdfsfsdf</div>
<div onclick="change()">Gomb</div> -
#5231
Gondolj a CSS-re. Ott a visibility tulajdonságnak visible, hidden és collapse értéke lehet. Itt most a visible és hidden érték a játékos:
function change() {
if (document.getElementById("div").style.visibility == 'visible') {
document.getElementById("div").style.visibility = 'hidden';
} else {
document.getElementById("div").style.visibility = 'visible';
}
}
Ugyanez display-re (block és none érték váltása):
if (document.getElementById("div").style.display == 'block') {
document.getElementById("div").style.display = 'none';
} else {
document.getElementById("div").style.display = 'block';
}
Ha látszódik, akkor elrejtjük, különben felfedjük. Ennyi - szimpla cserebere. -
#5230
aham.. persze az else ágba ezt írom:
document.getElementById("div").style.display="display";
:D
de így sem :( -
#5229
ha style.visibility helyett style.display-t írok akkor eltűnik.. csak nem jelenik meg a kövi katt-ra -
#5228
Köszi!
hát.. természetesen nem megy.. :)
én csak annyit szerettem volna megmondani a fv.nek, hogy ha a vizsgált elem most hide, akkor show, ha meg show, akkor hide
de először is azt nem értem, hogy mikor hide, show, none, visible, block, hidden... én igazából div-ekkel szerenték játszani, akkor ott mi van? block meg none?
Tehát én valahogy így képzelem:
function change()
{
if (document.getElementById("div").style.visibility="display")
{
document.getElementById("div").style.visibility="none";
}
else
{
document.getElementById("div").style.visibility="none";
}
}
<div id="div">sdfsfsdf</div>
<div onclick="change()">Gomb</div>
-
#5227
köszönöm szépen!
igen a JS regondoltam én is.. csak meg kéne már tanulnom használni azt az oldalt
amúgy csak sima fv. kéne, semmi effekt :) -
#5226
bővítve:
Letöltöd innen:
http://script.aculo.us/dist/scriptaculous-js-1.7.0.zip
kicsomagolod, és head részbe:(természetesen azt az útvonalat add meg, ahol a js fájlok vannak.)
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
Aztán body tagban van a két dived, az elsőre rákattintva eltűnik a masodikdiv:
<div id="1" onclick="new Effect.SwitchOff(masodikdiv)">asd</div><div id="masodikdiv">dsa</div>
Példákat itt találsz:
http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo -
#5225
http://www.w3schools.com/htmldom/prop_style_visibility.asp
http://www.w3schools.com/htmldom/prop_style_display.asp -
#5224
ezt javascriptel tudod megoldani
Ha kis efekt is kell akkor ajánlom a script.aculo.us-t -
#5223
Hol találok a http://www.w3schools.com/ oldalon arra példát, hogy van két div és az egyikre kattintva eltűnik/előjön a másik? :S -
#5222
"Az negyedik link mutatja, hogy a css script működik, csak a rögzített háttér a böngészőablak bal felső sarkában jelenik meg, és kiugrik a cellájából."
A rögzített hátteret a style1 osztály-szelektorban a background-repeat: no-repeat;[/url] okozza.
A táblázat cellájából való kiugrást, pedig valami külön stílusdefiníció (talán a Table_08 ID-szelektor) okozhatja.
"A cella mérete is változik, ha több szöveget írok bele, mint amennyi beleférne, azt is valahogy rögzíteni kellene, mert különben elcsúszik az egész."
Cella/táblázat nélkül, "dobozzal" ez így nézne ki:
[courier]<div style="width: 300px; height: 200px; overflow: auto;">Ide jön a sok szöveg...</div>
Szerény véleményem szerint szokj le a táblázatról (nem oldalszerkezet kialakítására való), és térj át a táblázatmentes layout-kialakításhoz.
a background-repeat-ről
az overflow-ról -
#5221
"Szeretnék egy egyszerű DOC filet feltenni a netre (ez egy űrlap lenne Húsvétra, ilyen címek telefonszámok összesítése céljából)"
Ehhez minek DOC file? Nem lenne jobb egy e-mail? Vagy egy külön webes űrlapküldő szolgáltatás?
"oda van linkelve, de nem nyílik meg. Mi lehet a baj?"
Két dologra tippelek (így látatlanba, mert az oldalt nem adtad meg):
1. Nincs feltöltve az adott állomány a webtárhelyre.
2. Hibásan van megadva a link/hibás az állománynév. Ha a forráskódban file:/// kezdetű linkeket találsz, akkor ott a hiba. A kisbetű-nagybetű is számít (érdemes csak kisbetűket használni); az ékezetes és speciális karakterek ugyancsak ellenjavalltak. -
inside81 #5220 Sziasztok!
Szeretnék egy egyszerű DOC filet feltenni a netre (ez egy űrlap lenne Húsvétra, ilyen címek telefonszámok összesítése céljából)
Namost ezt elvileg nem lehet egyből megnyitni, csak ha html-el teszem fel. Tettem fel egy html oldalt, melyről oda van linkelve, de nem nyílik meg. Mi lehet a baj? a HTML oldalon a képek sem jelennek meg, hanem egy piros X jelenik meg. Mit rontottam el? Meg lehet csiálni úgy hogy egyből a .doc file jöjjön be és ne legyen HTML? -
Kondor #5219 Problem1
Problem2
Problem3
Problem4
Az negyedik link mutatja, hogy a css script működik, csak a rögzített háttér a böngészőablak bal felső sarkában jelenik meg, és kiugrik a cellájából. A cella mérete is változik, ha több szöveget írok bele, mint amennyi beleférne, azt is valahogy rögzíteni kellene, mert különben elcsúszik az egész.
Az első link képén rögzítettem a szerkesztőprogramban azt a részt, ami kiemelt. Tehát úgy szeretném megvalósítani, hogy a cella szélénél egy görgetősáv legyen és ne nyúljon el...
a második és a harmadik képen a forráskódot fotóztam le
köszönöm az eddigigi segítségeket is :) -
#5218
hömm..
hát most átírtam ISO-8859-1-re, de így a "ő" betű nem stimm FF-ben, viszont IE alatt még nincs átmérő jel. :))
http://kepfeltoltes[pont]hu/070401/drighs84tr_www.kepfeltoltes[pont]hu_.jpg -
#5217
Köszönöm neked is és Faustusnak is, sikerült megoldani :)
"SELECT UNIX_TIMESTAMP(lejarat)" ezzel sikerült timestamp-é alakítani a datetime típust