Html-, css- és php-help
Jelentkezz be a hozzászóláshoz.
// 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
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
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.
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!).
A Javascript kód "rejtette el" a táblázatot, mivel a hibás HTML-struktúrát hibásan "értelmezi".
Amugy kijavitottam beirtam a tittlet meg a </div> de nincs változás.
Live for nothing or die for something.
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.
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
var spanref=document.createElement("span")
spanref.className="arrowdiv"
spanref.innerHTML=" "
ultags
ultags
this.style.zIndex=100
this.getElementsByTagName("ul")<0>0>.style.visibility="visible"
this.getElementsByTagName("ul")<0>0>.style.zIndex=0
}
ultags
this.style.zIndex=0
this.getElementsByTagName("ul")<0>0>.style.visibility="hidden"
this.getElementsByTagName("ul")<0>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.
<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.
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).
<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.
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
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.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
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.
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
Pedig elvileg igy kellene beirni vagy nem?
Live for nothing or die for something.
<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.
é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
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8
Mert furán néz ki h más milyen a magassága a diveknek
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8
pedig úgy tetszett 😞
[merlinw.org]
input
color: #336699;
background-color: #FFFFFF !important;
border:solid 1px #999999 !important;
}
Akár háttérképet is adhatsz neki.
[merlinw.org]
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.
<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
Tartalmi résznél meg sajna muszáj.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
CSS hover
javascript onmouseover
[merlinw.org]
Aktiv:ASUS PRIME H610M-E D4-CSM | INTEL I3 12100F | Kingstom 2x16GB 3200 MHZ Ram | Sapphire RX 6600 XT 8GB | Chieftec GPS600A8
[merlinw.org]
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
- 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]
