22786
Html-, css- és php-help
-
#10742
kösz 
-
#10741
Táblázatos struktúra alatt az ilyesmi megvalósításokat értem. -
#10740
Klassz az oldal, bár a forrást tele kellett commentezni, hogy a webszerkesztő lássa, ki kivel van.
Így én maradok is a táblás struktúránál. Mellesleg olyan megoldást nem látok rajta, amit táblából ne lehetne megvalósítani. -
Cat 02 #10739 Az érdekes, gondolom nem nagyon van ott valid felirat.
Ám itt egy (nem én csináltam): http://kettetort.hu/ -
ldavid #10738 te mit is értessz táblázat alatt?
a tableless szerintem az, amikor nem <table>-el van kialakítva a szerkezet, hanem CSS-el -
#10737
Faustus feltalált valami mást?
Egy weboldalon első, amit megnézek: a forrása. Évek óta. Eddig még nem láttam olyat, hogy nem táblázattal raktak össze egy weboldalt. -
#10736
Tipikus kezdő-hiba: túlbonyolítás.
Php-ból meg egyelőre az include függvényt tanuld meg. A saját dolgodat nagyon le tudod egyszerűsíteni vele.
<?php
include('konyvtar/mit.php');
?>
Az index.php-dhoz képest kell az elérési utat megadni.
...
Ez a javascript: function mouseOver() teljesen fölösleges. Amit csinálsz vele, css-ből remekül fog működni. Csak épp gyorsabban, mint a javascript. -
Cat 02 #10735 Táblázattal oldalstruktúrát ? Faustus ezt meglátja... :D -
Cat 02 #10734 margin-left: auto;
margin-right: auto;
ezt rakd még bele -
ba32107 #10733 Hát én meg úgy tudom, hogy ez egy elavult és hülye módszer. A táblázatokat arra kell használni, amire való, adatok kijelzésére. Pozicionálásra ott a CSS. -
#10732
Azt azért elmondom, hogy a weboldalakat úgy csinálják, hogy az egész egy nagy-nagy tábla, felszabdalva kisebb táblákra, amelyekben oszlopok, sorok vannak. Ebben gondolkozz.
// fejet most nem írom le
<body>
<center>
<table class="table_nopadding" width="800">
<tr>
<td class="banner">
</td>
</tr>
</table>
<table class="table_nopadding" width="800">
<tr>
<td class="leftmenu">
<?php include('inc/leftmenu.php'); ?>
</td>
<td class="main">
<?php include('inc/main.php'); ?>
</td>
<td class="banner">
<?php include('inc/rightmenu.php'); ?>
</td>
</tr>
</table>
</center>
</body>
</html>
-
#10731
Próbálom csinálni a honlapot de megakadtam :S
A következőt a probléma, próbálom a bannerképet dobozba zárni "Css BOX" sikerült is :) de nem tudom a dobozt középre rakni, csak jobb vagy bal oldalt tudom, help plz.
Ja igen az nem jó megoldás, hogy a széléig van a doboz határa
<div id=banner1 align="center"><img src="http://hmuda.uw.hu/animebanner/kep.php"></div>
CSS
#banner1 {
height: 250px;
width: 800px;
} -
#10730
ja és köszi a segítséget mindenkinek. -
#10729
"Mert duplán szerepel a forrásban (nálad is így szerepel!)."
Baszki észre se vettem mikor pasteztam be duplan.
a css-fájlt a neten találtam vagyis ti ajánlottátok hogy igy lehet megoldani.
Nekem fingom nincs melyik mi ugyhogy modositgattam.
-
#10728
Mellesleg a CSS forrás sem teljesen egyértelmű:
div#container
{
width: 400px;
height: 400px;
background: #DCE0D6;
color: #DCE0D6;
margin: 0 auto 0 auto;
}
div#container {
margin-left: 50%;
margin-right: 50%;
}
{
background: #DCE0D6;
color: #DCE0D6;
}
div#container
{
width: 820px;
height: 800px;
background: #D5E4DD;
color: #000000;
position: absolute;
top: 45%;
left: 35%;
margin-top: -200px;
margin-left: -200px;
}
Akkor most mit is akarunk?
* 400 pixel * 400 pixeles, #DCE0D6 háttér- és előtérszínű (láthatatlan), jobbról és balról automatikus margójú, container azonosítójú blokkot?
* Vagy a margó legyen jobbról és balról 50%-os?
* Mi az a semmire sem vonatkozó #DCE0D6 háttér- és előtérszínű (láthatatlan) stílusdefiníció?
* Vagy legyen 820*800 pixeles, abszolút pozicionálású, #D5E4DD háttér- és #000000 előtérszínű?
[i]"ilyenkor meg duplán rakja be a táblázatot. "[/i
Mert duplán szerepel a forrásban (nálad is így szerepel!). -
#10727
ilyenkor meg duplán rakja be a táblázatot. -
#10726
Javítsd ki a teljes HTML forrást legalább így.
A Javascript kód "rejtette el" a táblázatot, mivel a hibás HTML-struktúrát hibásan "értelmezi". -
#10725
a többi oldalon sincs title de még html body tagok se és minden bejön itt is szépen bejön csak a táblázatot nem dobja ki.
Amugy kijavitottam beirtam a tittlet meg a </div> de nincs változás. -
#10724
css tartalma:
body
{
background:url(1.jpg);
color: #DCE0D6;
}
div#container
{
width: 400px;
height: 400px;
background: #DCE0D6;
color: #DCE0D6;
margin: 0 auto 0 auto;
}
div#container {
margin-left: 50%;
margin-right: 50%;
}
{
background: #DCE0D6;
color: #DCE0D6;
}
div#container
{
width: 820px;
height: 800px;
background: #D5E4DD;
color: #000000;
position: absolute;
top: 45%;
left: 35%;
margin-top: -200px;
margin-left: -200px;
}
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 120px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(menubg.gif) center center repeat-x;
color: black;
font: bold 13px Tahoma;
}
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}
/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}
/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #e3f1bd;
border-width: 0 1px 1px 1px;
}
.horizontalcssmenu ul li a:hover{
background: url(menubgover.gif) center center repeat-x;
}
.horizontalcssmenu ul li ul li a:hover{
background: #cde686;
}
.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(menuarrow.gif) no-repeat center left;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */ -
#10723
js tartalma:
var cssmenuids=["cssmenu1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset=-1 //Offset of submenus from main menu. Default is 0 pixels.
function createcssmenu2(){
for (var i=0; i<cssmenuids.length; i++){
var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px"
var spanref=document.createElement("span")
spanref.className="arrowdiv"
spanref.innerHTML=" "
ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
ultags[t].parentNode.onmouseover=function(){
this.style.zIndex=100
this.getElementsByTagName("ul")[0].style.visibility="visible"
this.getElementsByTagName("ul")[0].style.zIndex=0
}
ultags[t].parentNode.onmouseout=function(){
this.style.zIndex=0
this.getElementsByTagName("ul")[0].style.visibility="hidden"
this.getElementsByTagName("ul")[0].style.zIndex=100
}
}
}
}
if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2) -
#10722
Ezt látni:
![]()
-
phoenix1 #10721 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Hol a title?</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="index.css" media="screen" />
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<div id="container">
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li style="border-left: 1px solid #202020;"><a href="index.html">Home</a></li>
<li><a href="#">Poker</a>
<ul>
<li><a href="LuckyAcePoker.html">LuckyAcePoker</a></li>
<li><a href="PokerStars.html">PokerStars</a></li>
<li><a href="HollywoodPoker.html">HollywoodPoker</a></li>
<li><a href="PartyPoker.html">Partypoker</a></li>
<li><a href="TitanPoker.html">TitanPoker</a></li>
<li><a href="PokerOcean.html">PokerOcean</a></li>
<li><a href="TonyG.html">TonyG</a></li>
<li><a href="FullTiltPoker.html">FullTiltPoker</a></li>
<li><a href="PokerHeaven.html">PokerHeaven</a></li>
<li><a href="MermaidPoker.html">MermaidPoker</a></li>
<li><a href="PDCPoker.html">PDCPoker</a></li>
</ul>
</li>
<li><a href="#">Casino</a>
<ul>
<li><a href="TitanCasino.html">TitanCasino</a></li>
<li><a href="LuckyAceCasino.html">LuckyAceCasino</a></li>
<li><a href="ClubHollywood.html">ClubHollywood</a></li>
<li><a href="CasinoDelRio.html">CasinoDelRio</a></li>
<li><a href="EuropaCasino.html">EuropaCasino</a></li>
<li><a href="CasinoTropez.html">CasinoTropez</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
</ul>
<br style="clear: left;" />
</div>
<br />
<div style="text-align: center;"><a href="http://www.hollywoodpoker.com/affiliates/?affid=525611&trackerid=0&size=468x60&pmid=2251"><img src="http://www.hollywoodaffiliates.com/ads/525611/0/hollywoodpoker-bonus20081205-468x60.gif" border="0" alt="HollywoodPoker Deposit Bonuses" /></a></div>
<p>Now is the time to start playing in Cash Games and Multi-table Games!</p>
<p>We've got loads of tables that get you to LIVE events such as the World Series of Poker (WSOP) in Las Vegas on $17,000 all-inclusive packages and the World Poker Tour (WPT) in Venice on $8,000 all-inclusive packages.</p>
<p>In HollywoodPoker Celebrity Bounty Series Tournaments, you get to play poker with Hollywood Celebrities three times a week. Earn serious cash when you knock out Celebrities! Hint: Celebrities have a "star" next their names.</p>
<table>
<tr>
<td>Choose your First Deposit Bonus</td>
<td>Deposit this amount</td>
<td>Clear these Player Points within 90 days</td>
<td>Get this Bonus Cash amount</td>
</tr>
<tr>
<td>Greenhorn</td><td>$50</td><td>400</td><td>$50</td>
</tr>
</table>
<table>
<tr>
<td>Choose your First Deposit Bonus</td>
<td>Deposit this amount</td>
<td>Clear these Player Points within 90 days</td>
<td>Get this Bonus Cash amount</td>
</tr>
<tr>
<td>Greenhorn</td><td>$50</td><td>400</td><td>$50</td>
</tr>
</table>
</div>
</body>
</html>
így van helyesen. -
#10720
Ha javasolhatnám, töltsd fel a kérdéses oldalt - a .css és a .js állományokkal egyetemben - egy (ingyenes) webtárhelyre, és az oldal linkjét másold be ide nekünk, ne a teljes HTML forrást.
Mert így nem látjuk, hogy a CSS vagy a Javascript kód hogyan befolyásolja az oldal megjelenítését (esetleg még képernyőképeket a böngészőről, amint nem jeleníti meg az oldalt ;) ). Alapvetően a HTML kód működik (a kép Firefox 3.0.10 böngészőben Ubuntu 9.04 operációs rendszer alatt készült az Abduction! 2.026 kiterjesztés segítségével). -
#10719
Nincs ezzel semmi baj, megjelenik jól. -
#10718
<html><head><link rel="stylesheet" type="text/css" href="index.css" media="screen" />
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript" src="index.js"> </script>
</head>
<body>
<div id="container">
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li style="border-left: 1px solid #202020;"><a href="index.html">Home</a></li>
<li><a href="#">Poker</a>
<ul>
<li><a href="LuckyAcePoker.html">LuckyAcePoker</a></li>
<li><a href="PokerStars.html">PokerStars</a></li>
<li><a href="HollywoodPoker.html">HollywoodPoker</a></li>
<li><a href="PartyPoker.html">Partypoker</a></li>
<li><a href="TitanPoker.html">TitanPoker</a></li>
<li><a href="PokerOcean.html">PokerOcean</a></li>
<li><a href="TonyG.html">TonyG</a></li>
<li><a href="FullTiltPoker.html">FullTiltPoker</a></li>
<li><a href="PokerHeaven.html">PokerHeaven</a></li>
<li><a href="MermaidPoker.html">MermaidPoker</a></li>
<li><a href="PDCPoker.html">PDCPoker</a></li>
</ul>
</li>
<li><a href="#">Casino</a>
<ul>
<li><a href="TitanCasino.html">TitanCasino</a></li>
<li><a href="LuckyAceCasino.html">LuckyAceCasino</a></li>
<li><a href="ClubHollywood.html">ClubHollywood</a></li>
<li><a href="CasinoDelRio.html">CasinoDelRio</a></li>
<li><a href="EuropaCasino.html">EuropaCasino</a></li>
<li><a href="CasinoTropez.html">CasinoTropez</a></li>
</ul>
<li><a href="news.html">News</a></li>
</li>
</ul>
<br style="clear: left;" />
</div>
<br>
<center><a href='http://www.hollywoodpoker.com/affiliates/?affid=525611&trackerid=0&size=468x60&pmid=2251'><img src='http://www.hollywoodaffiliates.com/ads/525611/0/hollywoodpoker-bonus20081205-468x60.gif' border='0' alt='HollywoodPoker Deposit Bonuses'></a></center>
<p>Now is the time to start playing in Cash Games and Multi-table Games!
<p>We've got loads of tables that get you to LIVE events such as the World Series of Poker (WSOP) in Las Vegas on $17,000 all-inclusive packages and the World Poker Tour (WPT) in Venice on $8,000 all-inclusive packages.
<p>In HollywoodPoker Celebrity Bounty Series Tournaments, you get to play poker with Hollywood Celebrities three times a week. Earn serious cash when you knock out Celebrities! Hint: Celebrities have a 'star' next their names.</p>
<table>
<tr>
<td>Choose your First Deposit Bonus</td>
<td>Deposit this amount</td>
<td>Clear these Player Points within 90 days</td>
<td>Get this Bonus Cash amount</td>
</tr>
<tr>
<td>Greenhorn</td><td>$50</td><td>400</td><td>$50</td>
</tr>
</table>
<table>
<tr>
<td>Choose your First Deposit Bonus</td>
<td>Deposit this amount</td>
<td>Clear these Player Points within 90 days</td>
<td>Get this Bonus Cash amount</td>
</tr>
<tr>
<td>Greenhorn</td><td>$50</td><td>400</td><td>$50</td>
</tr>
</table>
</body></html>
-
#10717
Semmit nem ir ki.
Nálam nincs szöveg. -
#10716
Kimaradt: ha egyébként ezt látod, akkor nincs baj. -
#10715
A te kódod ezt eredményezi:
![]()
Ha nem ez jelenik meg, kétféle lehet a gond.
1.: meghibásodott a böngésződ. Ha eddig csak firefox-szal nézted, telepítsd fel a seamonkey-t, és ha azzal sem látod, akkor menj tovább.
2.: rossz a szerkesztő-programod, mert átkódolja plain textről valami másra a html file-t. Ezesetben tölts le mondjuk egy notepad++-t, azzal nem lesz ilyen gond. -
ldavid #10714 másold be az egész lap kódját, vagy linkeld -
#10713
nem a keretet a table után kell beirni ha akarok.
Az a bajom hogy a szöveget se irja ki.
Egy nagy rakás üresség az egész -
Cat 02 #10712 Azt a bajod, h kiírja a dolgokat, de keret nincs ? -
#10711
a régi html tartalmát kimasoltam majd töröltem a html fájlt.
létrehoztam egy ujat bemasoltam amit be kel és elmentettem ugyanolyan néven mint a régit de semmi változás nincs. -
#10710
Pspad
-
#10709
Soha nem írok meggyőződéssel semmit ebbe a topicba, ha nem próbáltam ki. A te html kódodat lementettem, firefox 3 és ie 6 alatt tökéletesen működik.
Amúgy meg régesrég találkoztam hasonló jelenséggel, mikor még notepaddal szerkesztettem. Ha a kódolás átállt unicode-ra, onnantól nem futott le a html kód. Erre megoldás: nyiss új szöveges file-t, copypasteld be pl. innen a kódot, mentsd el. Már működik is. A régit meg töröld. Milyen szerkesztőt is használsz? -
#10708
semmi nem történik
Pedig elvileg igy kellene beirni vagy nem? -
#10707
Nekem működik. -
#10706
<table>
<tr>
<td>Choose your First Deposit Bonus</td>
<td>Deposit this amount</td>
<td>Clear these Player Points within 90 days</td>
<td>Get this Bonus Cash amount</td>
</tr>
<tr>
<td>Greenhorn</td><td>$50</td><td>400</td><td>$50</td>
</tr>
</table>
Ezzel miért nem csinal semmit? -
phoenix1 #10705 Annyira azért nem: -
#10704
már semmit, csak törölnöm kellett a tarolo t a cssböl és a tartalmat 200 PXre raktam
és már is léválasztódót a két oldalsávtól a hír rész -
Cat 02 #10703 Hát ez nem értem, legalábbis h mire gondolsz.
