22786
Html-, css- és php-help
-
#892
az indexbe kell tenned! -
laliking #891 http://www.tutorial.hu/content/view/113/28/
elolvatam ezt a tutoriált, a kérdésem csak annyi lenne hogy a linket azt hova kell tenni? az indexbe vagy a már behívott lapba? -
#890
Vagy nézd meg ennek az oldalnak a kódját.
Vagy nézz szét itt. -
#889
![]()
![]()
![]()
Körülbelűl középen van. Nem pixelpontosan de kb. középen. -
stormnet #888 ez vertikálisan ok de horizontálisan nincs kozééppen -
#887
Íme egy példa:
#container {
position: absolute;
width: 770px;
height: 577px;
top: 50%;
left: 50%;
margin: -288px auto auto -385px;
padding: 0px;
border: none;
}
Tehát a felső margó a magasság felének -1-szerese, a jobb oldali a margó a szélesség felének -1-szerese. -
stormnet #886 nemhinném mert ff-ben legjobbra van :D -
stormnet #885 #container{
position: relative;
margin: 0 auto;
width: 780px;
height: 432px;
}
és egy ilyen divben van az egész cucc, ez igy valid ? -
stormnet #884 még esetleg ha vki dobna egy linket valami leírásról hogy ezt az egész cuccot hogy tudom kozépre tenni... -
stormnet #883 ok, végre megoldottam, még a tartalomból elfelejtettem levenni a 12px-et ezért dobta le, ok koszi a sok-sok helpt -
stormnet #882 csináljak 12px-szel nagyobb bannerképet vagy meglehet ezt oldani ? -
stormnet #881 ie-ben sem jó sry mert a "BlaBla" legalulra kerult -
stormnet #880 nemakar ez osszejonni... a te kódoddal ie-ben és ffben is 12 px-szel szélesebb volt mindkét keret, én erre levettem mindketto szélességébol 12-t erre ff-ben ok ie-ben meg teljesen eldeformálódott -
stormnet #879 jah hát azért nem tettem innerbordert mert gondoltam hogy ha teszek a menunek és a contentnek bordert akkor az is megteszi :) -
#878
Édes, kedves stormnet!
Küldtem privát üzenetet (nem küldtem volna el a stíluslappal együtt a HTML kódot?
), melyben megadtam egy IE 6/IE 5.5/FF 1.5/Opera 8.51 alatt jól működő megoldást. Ide is beírom...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Valami</title>
</head>
<body>
<div id="top"></div>
<div id="outerborder">
<div id="innerborder">
<div id="menucol">
<ul>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
</ul>
</div>
<div id="content"><p>BlaBla</p></div>
</div>
</div>
</body>
</html>
A CSS kód pediglen:
body {
background-color:#FFFFFF;
color: #000000;
margin: 10px 0 10px 10px;
padding: 0;
}
#top {
width: 900px;
height:60px;
padding: 0px;
margin: 0px;
background-image:url(kepek/top.jpg);
}
#outerborder{
width: 900px;
height: 492px;
border: 6px solid #006699;
padding: 0px;
margin: 0px;
}
#innerborder{
width: 888px;
height: 480px;
border: 6px solid #CCCCCC;
padding: 0px;
margin: 0px;
}
#content {
float: left;
width: 756px;
height: 480px;
border:none;
margin: 0px;
padding: 0px;
}
#menucol {
float:left;
width: 120px;
height: 480px;
margin: 0px;
padding: 0px;
background-color: #006699;
color: #FFFFFF;
border-right: 6px solid #CCCCCC;
}
#menucol ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menucol ul li {
margin: 0;
list-style-type: none;
padding-bottom:2px;
}
#menucol a{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.7;
background-color: #0099CC;
color: #FFFFFF;
display: block;
border-left: 0px solid #006699;
padding-left: 10px;
text-decoration: none;
height: 20px;
}
#menucol a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
display: block;
border-left: 5px solid #FFFFFF;
padding-left: 16px;
text-decoration: none;
font-weight:bold;
}
Most már legyen jó!
-
stormnet #877 a te kódodhoz most ezt a html-t használom:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Valami</title>
</head>
<body>
<div id="top"></div>
<div id="outerborder">
<div id="menucol">
<ul>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
</ul>
</div>
<div id="content">
</div>
</div>
</body>
</html>
és ie-ben a szurke content keret nem elég széles (kb 12px van a szurke és a kék keret kozott jobboldalt és firefoxban meg túlszéles (a kék 12px-lel lóg ki jobbra a top alól a szurke meg 6-tal
-
stormnet #876 thx 
-
stormnet #875 najo má számolás se megy nekem 
-
#874
120 pixel széles menű
2*6 pixel széles keret a menűnek
756 pixel széles tartalom
2*6pixel széles keret a tartalomnak
Az összesen 900 pixel
Így elvileg ok. Gyakorlatilag az IE ezt semmibe veszi:
body {
background-color:#FFFFFF;
color: #000000;
margin: 10px 0 10px 10px;
padding: 0;
}
#top {
width: 900px;
height:60px;
padding: 0px;
margin: 0px;
background-image:url(kepek/top.jpg);
}
#outerborder{
width: 900px;
height: 492px;
border: 6px solid #006699;
padding: 0px;
margin: 0px;
}
#content {
float: left;
width: 756px;
height: 480px;
border: 6px solid #CCCCCC;
margin: 0px;
padding: 0px;
}
#menucol {
float:left;
width: 120px;
height: 480px;
margin: 0px;
padding: 0px;
background-color: #006699;
color: #FFFFFF;
border: 6px solid #CCCCCC
}
#menucol ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menucol ul li {
margin: 0;
list-style-type: none;
padding-bottom:2px;
}
#menucol a{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.7;
background-color: #0099CC;
color: #FFFFFF;
display: block;
border-left: 0px solid #006699;
padding-left: 10px;
text-decoration: none;
height: 20px;
}
#menucol a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
display: block;
border-left: 5px solid #FFFFFF;
padding-left: 16px;
text-decoration: none;
font-weight:bold;
}
A te esetedben túl széles volt a tartalom (776 pixel). -
stormnet #873 hopp még valami finomhangolásra lenne szukség mert IE-ben ok de firefoxban a kontent elcsuszik:
body{
background-color:#FFFFFF;
color: #000000;
margin: 10px 0 10px 10px;
padding: 0;
}
#menucol{
float:left;
margin: 0px;
background-color:#006699;
width: 120px;
padding: 0px 0px 0px 0px;
height: 492px;
color: #FFFFFF;
border: 6px solid #CCCCCC
}
#menucol ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menucol ul li {
margin: 0;
list-style-type: none;
padding-bottom:2px;
}
#menucol a{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.7;
background-color: #0099CC;
color: #FFFFFF;
display: block;
border-left: 0px solid #006699;
padding-left: 10px;
text-decoration: none;
height: 20px;
}
#menucol a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
display: block;
border-left: 5px solid #FFFFFF;
padding-left: 16px;
text-decoration: none;
font-weight:bold;
}
#outerborder{
border:6px solid #006699;
height:492px;
width:900px;
}
#top{
background-image:url(kepek/top.jpg);
padding: 0;
width: 900px;
height:60px;
}
#content{
float:left;
border: 6px solid #CCCCCC;
padding:0;
height:492px;
width:774px;
position:absolute;
top:76px;
left:130px;
}
html kód:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Valami</title>
</head>
<body>
<div id="top"></div>
<div id="outerborder">
<div id="menucol">
<ul>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
</ul>
</div>
<div id="content">
</div>
</div>
</body>
</html>
-
stormnet #872 hopp télleg a sok csíkot meglehet oldani kerettel is :D nagyonszépen hátéiksz 
-
#871
Ha jól ertem, azt szeretnéd, hogy az oldalkialakítás a következőképp nézzen ki:
* Legfelűl legyen egy banner,
* Alatta a menű+a tartalom
* A menű és a tartalom kétszer legyen keretezve.
* Az első (belső) keret felűl alul és balról világos színnel.
* A második (külső) keret jobbról, balról, alul legyen sötét színnel.
![]()
Szerintem túlzottan elbonyolítottad a kódot. Helyette javaslom a következő megoldást:
<div id="banner"></div>
<div id="outerborder">
<div id="innerborder">
<div id="menucol">
<!-- Ide jön a menű -->
</div>
<div id="contentcol">
<!-- Ide jön a tartalom -->
</div>
</div>
</div>
A CSS kódolshoz némi segítség:
* A banner (nálad top) adja meg a felső csíkot. A float:left szvsz. felesleges, hacsak nem tervezel mellé még valamilyen tartalmat.
* Az outerborder jelöli a külső keretet. Adj neki balról, alul, jobbról egy #006699 színű 6 pixel széles keretet a border-left/border-bottom/border-right tulajdonságokkal. A felső keret nem kell (border-top: none;).
* Az innerborder a belső keretet jelöli Adj meg neki alul, felűl, és balról egy #CCCCCC színű 6 pixel széles keretet a border-left/border-top/border-bottom segítségével.
* A külső keret 6 pixellel legyen szélesebb a belső keretnél.
* A menucol és a contentcol a menűt és a tartalmat jelöli. Mindkettőben szerepelnie kell a float:left-nek.
Így talán IE 6 alatt is hajlandó lesz működni.
További infók: itt. -
stormnet #870 sry hogy bemásoltam ilyen hosszan -
stormnet #869 body{
background-color:#FFFFFF;
color: #000000;
margin: 10px 0 10px 10px;
padding: 0;
}
#menucol{
position:absolute;
left:22px;
top:76px;
float:left;
margin: 0px;
background-color:#006699;
width: 120px;
padding: 0px 0px 0px 0px;
height: 492px;
color: #FFFFFF;
}
#menucol ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menucol ul li {
margin: 0;
list-style-type: none;
padding-bottom:2px;
}
#menucol a{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.7;
background-color: #0099CC;
color: #FFFFFF;
display: block;
border-left: 0px solid #006699;
padding-left: 10px;
text-decoration: none;
height: 20px;
}
#menucol a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
display: block;
border-left: 5px solid #FFFFFF;
padding-left: 16px;
text-decoration: none;
font-weight:bold;
}
#top{
background-image:url(kepek/top.jpg);
float:left;
padding: 0;
width: 900px;
height:60px;
}
#undertop{background-color:#CCCCCC;
width:894px;
height:6px;
padding:0;
position:absolute;
top:70px;
left:16px;
}
#bottom{position:absolute;
left:16px;
top:574px;
background-color:#006699;
float:left;
padding: 0;
width: 894px;
height:6px;}
#abovebottom{position:absolute;
left:22px;
top:568px;
background-color:#CCCCCC;
float:left;
padding: 0;
width: 876px;
height:6px;}
#leftcol{
position:absolute;
top:70px;
left:10px;
background-color:#006699;
padding:0;
width:6px;
height:510px;
}
#afterleft{
position:absolute;
top:70px;
left:16px;
background-color:#CCCCCC;
padding:0;
width:6px;
height:504px;
}
#rightcol{
position:absolute;
top:70px;
left:904px;
background-color:#006699;
padding:0;
width:6px;
height:510px;
}
ez a css, és ez hozzá a html:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Valami</title>
</head>
<body>
<div id="top">
</div>
<div id="undertop"></div>
<div id="leftcol"></div><div id="afterleft"></div>
<div id="menucol">
<br /><br /><br />
<ul>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
<li><a href="elsolap.html">1. lap</a></li>
<li><a href="masiklap.html">2. lap</a></li>
<li><a href="harmadiklap.html">3. lap</a></li>
<li><a href="negyediklap.html">4. lap</a></li>
</ul>
</div>
<div id="bottom"></div><div id="abovebottom"></div>
<div id="rightcol">
</div>
</body>
</html>
firefoxban oké, de IE-vel ha nézem akkor az alján nem 6 px az also kek csík :S (a jobboldal még hiányzik de az most nemszámít)
minden segítségért thx -
stormnet #868 hello, html + css -el dolgozom és az a gond hogy a height:6px; -et a firefox figyelembe veszi viszont az IE nem... hogy lehetne akkor megadni egy elem magasságát ? -
#867
privi ment linkel! -
#866
<?php
$konyvtar="/pic/smile/3d";
if ($k_azon = opendir($konyvtar)) {
while (false !== ($fajl = readdir($k_azon))) {
if ($fajl != "." && $fajl != "..") {
$tombom=$fajl;
}
}
closedir($k_azon);
}
//A könyvtár tartalmának listázása
for ($i=0; $i<count($tombom); $i++) {
print ($konyvtar."/".$tombom[$i]."\n");
}
?>
Forrás: PHP manual - readdir -
#865
hali! egy scriptre lenne szükségem ami beolvassa és bejegyzi tömbszerkezetben egy mappában lévő fájlokat! valahogy a végeredménynek így kéne kinéznie:
$alcoholic = ("pic\smile\3d\alcoholic.gif");
$angel = ("pic\smile\3d\angel.gif");
$angry = ("pic\smile\3d\angry.gif");
megoldás rá? :S az a bay hogy hozzáfogni se tudok..... -
#864
vagy webzip -
#863
"Egyeltalán mi legyen azon a képen?"
Teljesen mindegy. Akár lehet egy 1*1 pixeles háttérszinel megegyező színű kis képecske, vagy egy kis méretű átlátszó gif. -
#862
Oké, lassan ezt is megértem de nem tudom, hová kell az a kép. Egyeltalán mi legyen azon a képen? Az mindegy? -
Mik #861 Kösz, de nem más honlapja letöltéséről van szó. :p
Csak így tudom kijavítgatni a problémákat de ez hosszú.. -
#860
nem néztem végig a kódot de nem is ismerős ez :) ma is tanultam valamit ;)
a mások honlapját lemásolni tényleg gerinctelenség szeret webtemplatest és alakícsd át teljesen ha végkép nem megy a webdesign -
#859
Offline Explorer
Wget
HTTrack
Természetesen ezek csak a generált HTML oldalakat töltik le. A PHP kódokhoz fel kell menni a webtárhelyre (FTP-n keresztűl) és letölteni a .php állományokat.
Egyébként megjegyzem: más honlapjának lemásolása és sajátnak való beállítása, nagyfokú gerinctelenségre vall. -
#858
Mint az előzőben írtam elírtam a kiterjesztést.
Vagy átalakítod a .gif file-odat .jpg-vé, és a sitecounter.php-ben átírod a következőre a kódot:
header("Content-Type: image/jpeg");
@readfile ("sitecounter.jpg") or die("A fájl nem érhető el!");
Vagy átalakítod a sitecounter.php-t a következőre (a .gif kiterjesztésű file marad):
header("Content-Type: image/gig");
@readfile ("sitecounter.gif") or die("A fájl nem érhető el!");
Lényeg: mindenképpen legyen valami kép sitecounter.jpg/sitecounter.gif névvel.
-
Mik #857 Hi,
milyen progival lehet letölteni honlapokat? -
Szóval akkor kapok egy kitöltött kódot?
AMúgy meg ha csak úgy átnevezek egy html-t php-re, annak nem lesz jó vége... -
#855
Ha megnézed a sitecounter.php uolsó sorait a következő bejegyzést láthatod:
header("Content-Type: image/jpeg");
@readfile ("sitecounter.jpg") or die("A fájl nem érhető el!");
Ez annyit csinál, hogy a kimenetre küld egy jpg képet (most látom, hogy a közölt kódban .gif a kiterjesztése - szóval helyesen .jpg-nek kell lennie - bocs).
Ennek az az értelme, hogy a PHP-t futtatni nem képes oldalakba beépíthetővé válik a PHP szkript (amit a PHP futtatni képes szerver futtat le). -
#854
attól még hogy beilleszteted azt az alsó sort a html-edbe attól még nem fog számolni! a sitecounter.php fájlt egyidejüleg kell megnyitni a html fájlal aminek a legegyszerübb módja ha átnevezed az index.html fájlodat index. php-ra és az inluce dügvényel beilleszted az első sorba:
include ("sitecounter.php");
egy helyen kell lennie az index.php-nak és a sitecounter.php-nak is -
Szerintem a kitöltést rontom el. NEm lehetne, hogy egy kitöltött kódot írtok. A mérendő oldal neve index.html, a számlálófájl sitecounter.txt. (Egyébként annyit sikerül elérni, hogy egy "kép nem található" kockát Számláló felirattal jelenít meg.)
