Archívum - Szep 17, 2006 - Fórum téma
Fix szélességű div melletti div kitöltse a maradék helyet
Sziasztok, hozzátok fordulnék egy problémával.
Ami az lenne, hogy van bal oldalt egy fix szélességű div és mellette egy másik aminek a szélessége akkora kellene hogy legyen, hogy a maradék helyet kitöltse (tehát a szélessége: vízszintes felbontás-fix szélességű div), persze ha a felbontást állítják akkor is.
Az első gondolatom az volt, hogy egymás mellé floatolom a két divet és mivel a div alapesetben felveszi a szülő elem szélességét, ezért a jobb oldali div kitölti a böngészőt. De nem így történt mert a float miatt a szélessége csak akkora, mint a benne lévő szöveg.
Utána arra gondoltam, hogy megadom neki a width: 100%-ot, de ezzel meg az a baj, hogy a bal oldali divet a floatolása miatt nem veszi figyelembe, hanem a teljes böngésző szélességéhez viszonyítva számolja ki a 100%-ot nem pedig a maradék helyhez, így mivel nem fér el vele egy sorba, ezért a bal oldali alá teszi.
Hogyan lehetne ezt megoldani?
Bedobom a kódot is:
■ Ami az lenne, hogy van bal oldalt egy fix szélességű div és mellette egy másik aminek a szélessége akkora kellene hogy legyen, hogy a maradék helyet kitöltse (tehát a szélessége: vízszintes felbontás-fix szélességű div), persze ha a felbontást állítják akkor is.
Az első gondolatom az volt, hogy egymás mellé floatolom a két divet és mivel a div alapesetben felveszi a szülő elem szélességét, ezért a jobb oldali div kitölti a böngészőt. De nem így történt mert a float miatt a szélessége csak akkora, mint a benne lévő szöveg.
Utána arra gondoltam, hogy megadom neki a width: 100%-ot, de ezzel meg az a baj, hogy a bal oldali divet a floatolása miatt nem veszi figyelembe, hanem a teljes böngésző szélességéhez viszonyítva számolja ki a 100%-ot nem pedig a maradék helyhez, így mivel nem fér el vele egy sorba, ezért a bal oldali alá teszi.
Hogyan lehetne ezt megoldani?
Bedobom a kódot is:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
</head>
<body style="margin: 0px; padding: 0px">
<div style="background-color: red; width: 300px; float: left;">
dasd asdasd as dasd asdas das das dsdfsdfsdfsdfsdf sdasdasd asdasd as dasd asdas das das dsdfsdfsdfsdfsdf
sdasdasd asdasd as dasd asdas das das dsdfsdfsdas d
</div>
<div style="background-color: green; float: left;">aaaaa aaaaaaaa aaaaaaaa aaaaaaa</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
</head>
<body style="margin: 0px; padding: 0px">
<div style="background-color: red; width: 300px; float: left;">
dasd asdasd as dasd asdas das das dsdfsdfsdfsdfsdf sdasdasd asdasd as dasd asdas das das dsdfsdfsdfsdfsdf
sdasdasd asdasd as dasd asdas das das dsdfsdfsdas d
</div>
<div style="background-color: green; float: left;">aaaaa aaaaaaaa aaaaaaaa aaaaaaa</div>
</body>
</html>
CSS: Táblázatok oszlopainak szélessége
Sziasztok pajtások!
Hogyan kell CSS segítégével egy táblázat oszlopainak szélességét beállítani?
Lehet ilyet egyáltalán, vagy maradjak a jó öreg HTML-es width-nél?
Hogyan lehet hivatkozni egy adott oszlopra?
Köszönöm pajtások!
■ Hogyan kell CSS segítégével egy táblázat oszlopainak szélességét beállítani?
Lehet ilyet egyáltalán, vagy maradjak a jó öreg HTML-es width-nél?
Hogyan lehet hivatkozni egy adott oszlopra?
Köszönöm pajtások!
Doctype-ban hivatkozás egy .dtd fájlra.
Sziasztok!
IE6-ban nekem csak úgy működik a divben egy másik div középre igazítása margin-left:auto és margin-right:auto eljárással, ha a doctypeom ilyen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ez most jó, vagy rossz? Tudna valaki egy basic okító anyagot a témában?
s_volenszki
■ IE6-ban nekem csak úgy működik a divben egy másik div középre igazítása margin-left:auto és margin-right:auto eljárással, ha a doctypeom ilyen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ez most jó, vagy rossz? Tudna valaki egy basic okító anyagot a témában?
s_volenszki
kiolvasás adatbázisbol, váltakozo megjelenéssel
Hali!
Olyat szeretnék kérdezni, hogy-hogy lehetne ugy kiolvasni adatbázisbol
az adatokat, hogy minden második kiolvasásnál másik táblába tegye bele a kiolvasando szöveget
tehát mindig máshogy nézen ki a hír
pl.:ésnemtudom hogy lehetne megoldani
előre is köszi az ötleteket
■ Olyat szeretnék kérdezni, hogy-hogy lehetne ugy kiolvasni adatbázisbol
az adatokat, hogy minden második kiolvasásnál másik táblába tegye bele a kiolvasando szöveget
tehát mindig máshogy nézen ki a hír
pl.:
$eredmeny = $db->sql_query("SELECT * FROM `asd` ");
if ($db->sql_numrows($eredmeny) == 0) die;
for ($i=0;$i<$db->sql_numrows($eredmeny);$i++) {
$sor = $db->sql_fetchrow($eredmeny);
echo "egyszer így: ".$sor['asd'];
}
echo $sor['asd'].": egyszer így";
előre is köszi az ötleteket
Budapest utcalista request
Sziasztok!
A Criticalmass bringás felvonuláshoz csinálunk néhány kollégámmal egy nonprofit online kérdőívet és szükségem lenne a budapesti utcák listájára, hogy azonosítani tudjuk a bringások leggyakrabban használt útvonalait.
Ha valamelyikőtöknek van ilyene, küldjétek el kérlek a tz kukac universale.hu címre, vagy írjatok itt.
Nagyon köszönöm.
z
■ A Criticalmass bringás felvonuláshoz csinálunk néhány kollégámmal egy nonprofit online kérdőívet és szükségem lenne a budapesti utcák listájára, hogy azonosítani tudjuk a bringások leggyakrabban használt útvonalait.
Ha valamelyikőtöknek van ilyene, küldjétek el kérlek a tz kukac universale.hu címre, vagy írjatok itt.
Nagyon köszönöm.
z
input value nem megy Firefoxban.
Egy automatikus kiegészítőt készítek, ami kilistázza a kereső mezőbe beírt stringgel kezdődő neveket. Ott van a gond, hogy a listában egy adott névre kattintva azt szeretném, hogy az a név kerüljön bele a kereső mezőbe. IE alatt működik, de FF alatt nem kerül bele ez az érték a szövegdobozba. Fogalmam sincs miért, lehet, hogy egy orbitális elnézés az egész.
a kód:
[colorer=javascript]
var nevkereso = Class.create();
nevkereso.prototype = {
initialize: function(input_id, button_id, eredmeny_div, div_class){
this.input = $(input_id);
this.eredmeny_div = $(eredmeny_div);
this.div_class = div_class;
this.button = $(button_id);
Event.observe(this.input, 'keyup', this.nevet_keres.bind(this), false);
},
nevet_keres: function(){
if(this.input.value == '') this.button.setAttribute('disabled', true);
var input_val = this.input.value;
var pars = 'text=' + base64enc(escape(input_val));
var url = 'http://localhost/laser/neveket_keres.php?';
var myAjax = new Ajax.Updater(
this.eredmeny_div,
url,
{
method: 'post',
parameters: pars,
onFailure: this.reportError.bind(this),
onComplete: this.registerHandlers.bind(this),
onLoading: this.show_load.bind(this)
});
},
reportError: function(){
alert('A szerver oldalon hiba történt.');
},
registerHandlers: function(){
var divs = document.getElementsByClassName(this.div_class);
divs.each(
function(elem, index){
Event.observe(elem, 'mouseover', this.over.bindAsEventListener(this), false);
Event.observe(elem, 'mouseout', this.out.bindAsEventListener(this), false);
a kód:
[colorer=javascript]
var nevkereso = Class.create();
nevkereso.prototype = {
initialize: function(input_id, button_id, eredmeny_div, div_class){
this.input = $(input_id);
this.eredmeny_div = $(eredmeny_div);
this.div_class = div_class;
this.button = $(button_id);
Event.observe(this.input, 'keyup', this.nevet_keres.bind(this), false);
},
nevet_keres: function(){
if(this.input.value == '') this.button.setAttribute('disabled', true);
var input_val = this.input.value;
var pars = 'text=' + base64enc(escape(input_val));
var url = 'http://localhost/laser/neveket_keres.php?';
var myAjax = new Ajax.Updater(
this.eredmeny_div,
url,
{
method: 'post',
parameters: pars,
onFailure: this.reportError.bind(this),
onComplete: this.registerHandlers.bind(this),
onLoading: this.show_load.bind(this)
});
},
reportError: function(){
alert('A szerver oldalon hiba történt.');
},
registerHandlers: function(){
var divs = document.getElementsByClassName(this.div_class);
divs.each(
function(elem, index){
Event.observe(elem, 'mouseover', this.over.bindAsEventListener(this), false);
Event.observe(elem, 'mouseout', this.out.bindAsEventListener(this), false);
browsershots.org használata
jelentem felfedeztem :)
http://browsershots.org/website/http://ideafontana.com/agra_web/magyar/#success
kérdés aki használja, átlagban mennyit kell rá várni, mikor terhelt a szerver, mikor érdemes használni, melyik böngészőre jön meg lassan a válasz stb.
tapasztalatokat írjatok be léci thx :)
■ http://browsershots.org/website/http://ideafontana.com/agra_web/magyar/#success
kérdés aki használja, átlagban mennyit kell rá várni, mikor terhelt a szerver, mikor érdemes használni, melyik böngészőre jön meg lassan a válasz stb.
tapasztalatokat írjatok be léci thx :)
3-szintű css menü (+htc IE-nek)
Sziasztok!
Kéne nekem egy 3 szintű menü.
A szabványok követése, ill az egyszerűség érdekén css alapú, illetve IE-hez .htc fájllal.
Jelenleg az ADxMenu-vel ( http://www.aplus.co.yu/adxmenu/intro/ ) próbálkozok, tökéletesen megy, 1 kivétellel:
Az IE memória-problémáját figyelmen kivül hagyja. Sebaj, gondoltam, én, ötvözzük a prototype-pal, és meg lesz oldva. Sikerült is összehozni a kettőt, nincsen memória-lyuk, nincs benne hiba, ollé.
Viszont ezután vettem észre, hogy amikor navigálok az oldalon, akkor 5-ből egyszer egyszerűen lezáródik az IE. A hibát 99%-osan a prototype Event.unloadcache() függvénye okozza, ha az nincs nincs, akor nincs fagyás, de van memória-luyk :(
Debugger szerint az mshtml.dll modulban történik a hiba, de ennyi az össz infó.
Szóval tud valaki egy müködő alternatívát ajánlani? :)
Előre is köszönet! :)
■ Kéne nekem egy 3 szintű menü.
A szabványok követése, ill az egyszerűség érdekén css alapú, illetve IE-hez .htc fájllal.
Jelenleg az ADxMenu-vel ( http://www.aplus.co.yu/adxmenu/intro/ ) próbálkozok, tökéletesen megy, 1 kivétellel:
Az IE memória-problémáját figyelmen kivül hagyja. Sebaj, gondoltam, én, ötvözzük a prototype-pal, és meg lesz oldva. Sikerült is összehozni a kettőt, nincsen memória-lyuk, nincs benne hiba, ollé.
Viszont ezután vettem észre, hogy amikor navigálok az oldalon, akkor 5-ből egyszer egyszerűen lezáródik az IE. A hibát 99%-osan a prototype Event.unloadcache() függvénye okozza, ha az nincs nincs, akor nincs fagyás, de van memória-luyk :(
Debugger szerint az mshtml.dll modulban történik a hiba, de ennyi az össz infó.
Szóval tud valaki egy müködő alternatívát ajánlani? :)
Előre is köszönet! :)
Hova tegyem ebbe az egyszerű kódba a hibaüzeneteket?
Hello
Van egy kitoltheto urlapom:A kovetkezo keppen elenorzom ha ki van toltve a ket mezo (Username es Email)
Hogyan tudnam benyomni az error uzeneteket oda ahol bejeloltam a fuggvenyben ?
Ha tudna valaki segiteni nagyon halas lennek !
■ Van egy kitoltheto urlapom:
<?php
function show_form()
{
?>
<table width="100%" border="0" cellpadding="10" cellspacing="30">
<tr>
<td bgcolor="#FFFFFF">
<!--
Ide kene benyomni az error szovegeket ha a "user" vagy "email"
mezo nem volt kitoltve
-->
<form action="form.php" method="post">
Username:<input type="text" name="user" size="30">
Email:<input type="text" name="email" size="30">
<input type="submit name="submit" value="submit">
</td>
</tr>
</table>
</form>
<?php
}
?>
<?php
if (isset($_POST['submit']))
{
$problem = FALSE;
if (empty($POST['user']))
{
$problem = TRUE;
print "User field required";
}
if (empty($POST['email']))
{
$problem = TRUE;
print "Email field required";
}
if (!$problem)
{
print "Az adatok jol voltak megadva";
}
else
{
show form();
}
}
else
{
show_form();
}
?>
Hogyan tudnam benyomni az error uzeneteket oda ahol bejeloltam a fuggvenyben ?
Ha tudna valaki segiteni nagyon halas lennek !
css float left es tartalom
Hali!
probalkozom egy oldal osszeallitasaval:
#container {width:90%; margin: 10px auto;
}
#leftfr {float:left; width:160px; background-color:#00aaaa;}
#content {float:left; background-color:#00ffff;}
ugy szeretnem megoldani, ha a bongeszo szelessege lecsokken, akkor a content szelessege is. Ennek, ha jol tudom megfelel a fenti def., mert igy a content-nek a width erteke auto. Igen am, de ha sokat szovegelek bele akkor, az auto ertek miatt, egyben felveszi a conatainer szelessegenek erteket, es a leftfr ala kerul az egesz, es szetesik az osszkep...
Ha content witdh erteke fix, akkor is a leftfr ala kerul dolog, ha olyannyira osszehuzom az oldalt, hogy nem fer ki.
Hogyan oldhato meg, h minden esetben a leftfr-hez kepest jobbra keruljon?
koszi
■ probalkozom egy oldal osszeallitasaval:
#container {width:90%; margin: 10px auto;
}
#leftfr {float:left; width:160px; background-color:#00aaaa;}
#content {float:left; background-color:#00ffff;}
ugy szeretnem megoldani, ha a bongeszo szelessege lecsokken, akkor a content szelessege is. Ennek, ha jol tudom megfelel a fenti def., mert igy a content-nek a width erteke auto. Igen am, de ha sokat szovegelek bele akkor, az auto ertek miatt, egyben felveszi a conatainer szelessegenek erteket, es a leftfr ala kerul az egesz, es szetesik az osszkep...
Ha content witdh erteke fix, akkor is a leftfr ala kerul dolog, ha olyannyira osszehuzom az oldalt, hogy nem fer ki.
Hogyan oldhato meg, h minden esetben a leftfr-hez kepest jobbra keruljon?
koszi