Html-, css- és php-help

Jelentkezz be a hozzászóláshoz.

Terensz
#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>

Egy fecske nem csinál kolbászból kerítést

biomage
#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;
}

Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8

Danny1987
#10730
ja és köszi a segítséget mindenkinek.

Live for nothing or die for something.

Danny1987
#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.

Live for nothing or die for something.

Dj Faustus
#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û?

"ilyenkor meg duplán rakja be a táblázatot. "[/i
Mert duplán szerepel a forrásban (nálad is így szerepel!).

Danny1987
#10727
ilyenkor meg duplán rakja be a táblázatot.

Live for nothing or die for something.

Dj Faustus
#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".

Danny1987
#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.

Live for nothing or die for something.

Danny1987
#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 */

Live for nothing or die for something.

Danny1987
#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).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags.style.top=ultags.parentNode.offsetHeight+csssubmenuoffset+"px"
var spanref=document.createElement("span")
spanref.className="arrowdiv"
spanref.innerHTML="    "
ultags.parentNode.getElementsByTagName("a")<0>.appendChild(spanref)
ultags.parentNode.onmouseover=function(){
this.style.zIndex=100
this.getElementsByTagName("ul")<0>.style.visibility="visible"
this.getElementsByTagName("ul")<0>.style.zIndex=0
}
ultags.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)

Live for nothing or die for something.

Danny1987
#10722
Ezt látni:

Live for nothing or die for something.

#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.

Dj Faustus
#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).

MerlinW
#10719
Nincs ezzel semmi baj, megjelenik jól.

[merlinw.org]

Danny1987
#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>

Live for nothing or die for something.

Danny1987
#10717
Semmit nem ir ki.
Nálam nincs szöveg.

Live for nothing or die for something.

Terensz
#10716
Kimaradt: ha egyébként ezt látod, akkor nincs baj.

Egy fecske nem csinál kolbászból kerítést

Terensz
#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.

Egy fecske nem csinál kolbászból kerítést

#10714
másold be az egész lap kódját, vagy linkeld
Danny1987
#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

Live for nothing or die for something.

#10712
Azt a bajod, h kiírja a dolgokat, de keret nincs ?

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

Danny1987
#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.

Live for nothing or die for something.

Danny1987
#10710
Pspad

Live for nothing or die for something.

Terensz
#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?

Egy fecske nem csinál kolbászból kerítést

Danny1987
#10708
semmi nem történik
Pedig elvileg igy kellene beirni vagy nem?

Live for nothing or die for something.

Terensz
#10707
Nekem mûködik.

Egy fecske nem csinál kolbászból kerítést

Danny1987
#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?

Live for nothing or die for something.

#10705
Annyira azért nem: http://docs.jquery.com/Ajax

biomage
#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

Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8

#10703
Hát ez nem értem, legalábbis h mire gondolsz.

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

biomage
#10702
hogy tudnám a híreket kicsinyíteni úgy hogy a menü és a reklám sor közt a háttér legyen?

Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8

#10701
http://alistapart.com/articles/holygrail ezt sztem csináld meg rajta a példa.

Mert furán néz ki h más milyen a magassága a diveknek

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

passatgt
#10700
van mutasd meg a weboldalad topik

biomage
#10699
Szeretném ha valaki megnézné a honlapomat 😊, van e hibája meg mit kéne még csinálnom, persze kinézeten kívül! "pmben adom a címet, nem reklámozok! még a végén kibanolnak 😊"

Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8

#10698
Hádde nem én mondom meg, mivel kell kompatibilis legyen amit csinálok <#rinya><#rinya><#rinya>
MerlinW
#10697
Hádde IE6....😄

[merlinw.org]

#10696
"The script is fully compatible and has been tested with most major browsers, with the exception of IE6."

pedig úgy tetszett 😞

MerlinW
#10695
MerlinW
#10694
Css teljesen jó, nincs abban semmi extra...

input, input {
color: #336699;
background-color: #FFFFFF !important;
border:solid 1px #999999 !important;
}

Akár háttérképet is adhatsz neki.

[merlinw.org]

passatgt
#10693
Igen, JS-el kell.

Annyi, hogy raksz egy sima checkboxot, amit js-el elrejtesz(ha nincs js, akkor a checkbox ott marad), aztán beraksz pl egy sima linket, amire kattintva a css-el elrejtett checkbox-nak megadja az értéket.

Terensz
#10692
Srácok, tudtok jó megoldást a checkbox stílusára? (CSS: felejtsd el, nagy ívben). Valószínûleg egy javascript lesz a befutó.

<off />Végül a fordított lapozóra nagy ívben tettem :-) Egyenes lesz, ennyi... Azért köszönöm a tippet.<on />

Csak ízelítõ, hogy mennyire rossz tud lenni a fórumokban az a tömérdek információ-szemét:

"Ya can control them in style sheets infact

make a sheet and specify following

INPUT
{
border-width : yourwidth
border-style : yourstyle
border-color : yourcolor
}

call the stylesheet in ur page

Hope this will work!"

Képes volt úgy beírni, hogy nem tesztelte le, LOL!!!4!!44 Fél perc lett volna, kb... És az egész oldalon csak ilyenek vannak. Most meg elsõként hozza fel azt a tápigot a google.

Egy fecske nem csinál kolbászból kerítést

#10691
Híreknél elõre megírt motor van 😄
Tartalmi résznél meg sajna muszáj.

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

MerlinW
#10690
Minden tartalmi résznél van. Oldal forrását nézd meg böngészõben😊

[merlinw.org]

#10689
Ám table az hol van ? A híreknél ? Mert úgy ahogy igyekeztem kerülni ahol lehet.

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

passatgt
#10688
- img-t /> -el zárjuk

Ez szabványfüggõ😊

MerlinW
#10687
Nem nehéz. Google arra amelyik szimpatikus. (CSS egyszerûbb)
CSS hover
javascript onmouseover

[merlinw.org]

biomage
#10686
még1 kérdés, láttam olyat pár weblapnál hogy az egért hozzá érintetem a gombhoz és sötétebb színû lett, ezt nehéz megcsinálni?

Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8

MerlinW
#10685
Mint írtam építõjellegû. Én is csak a pénzes projekteknél figyelek ezekre... Ha megnézed a weboldalam forrását, kb olyan állapotban van mint a tied😊 Én is sok table-t használok, és szerintem itt ott br-t is (amit szövegben szabad, csak tag-ek közé nem illik)

[merlinw.org]

#10684
Hát igen, jórég lett csinálva, de anno örültem neki h megy egyáltalán. Bár az lol volt h opera alatt nem jött be a fõoldal, aztán valaki felhívta a figyelmem h nem árt a <title> taget lezárni 😄

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

MerlinW
#10683
Azért nem tökéletes😊 Egy kis építõjellegû kritika:

- background paramétert nem használunk td-nél, fõleg ha css-t használsz (style="background-image: url(image.png)😉
- nincs Doctype bejegyzésed
- 2x szerepel a <html> tag
- img -nek kötelezõen alt paraméter is kell adni
- img-t /> -el zárjuk
- target=_blank -ból hiányzik a ""
- a galériamenüponton kívül sehol sem indokolt a table használata (<p>, <div>, <span>, stb) - (ebben én is bûnös vagyok, mert szeretem használni😊)
- a sok <br /><br /> helyett <p>, <div>, vagy <span> -t használunk padding/margin stílusokkal

Elsõ blikkre ezek tûntek fel😊

[merlinw.org]