... és ha betenne oda egy 1x1px széles átlátszó gif-et, amit kinyújt a megfelelő méretre (oldal, vagy divek mérete), akkor az már megtartaná a div-eknek a szélességet, nem?

[ Szerkesztve ]

Sziasztok

Egy beadandót csinálok és el akadtam.
A kérdésem a következő, hogy az alábbi linken található táblázat bal oldalában lévő menük (Főoldal, belépés, Egyéb menü) hivatkozását meg lehet úgy oldani szimpla HTML kóddal, hogy az oldal ne töltődjön újra csak az oldalon a "Fő test" rész módosuljon.
Vagy esetleg ehhez mondjuk PHP-t kell használom Frame-zni nem nagyon akarnék.

[link]

A válaszokat előre is köszönöm.

Elnézést kérek mindenkitől a helyes írásom ért :)

Frame nélkül így lehet megoldani: AJAX
(Ahogy fordfairlane mondja, pl. kliens oldali scripttel.)
PHP-vel ezt nem lehet megoldani az oldal újratöltődése nélkül.

Sk8erPeter

Köszönöm szépen.

Nekem az AJAX még most bonyolult és szerintem 3 hét alatt nem fogom meg tanulni.
Úgyhogy marad az, hogy miden egyes alakommal újra töltődik az oldal a célnak megfelel ez is.
Egyébként egy neveldés oldalt csinálok.

Köszönöm még egyszer neked is meg fordfairlane-nek is.

Elnézést kérek mindenkitől a helyes írásom ért :)

Egyébként teljesen átlagos dolog az, hogy az egész oldal újratöltődik, a profi oldalak nagy része is ezt teszi (hacsak nem más a cél), tehát az önmagában nem probléma. A frame használata viszont ma már elavult. De ismét egyetértek fordfairlane-nel, ha az a feladat, hogy ilyen módon legyen megoldva, akkor úgy csináld.

Sk8erPeter

Azt kérdezném, hogyan lehet megtudni egy oldal kezdőlapjának mi a fájl neve?
Mert van egy typo3-as rendszer, és már egy rakat fájlt átböngésztem, de nem találtam meg. Kód alapján ami tartalomra nagyjából hasonlított, átszerkesztettem, feltöltöttem, de nem az jelenik meg, szóval nem találtam meg.

Nem az a szabadság, hogy azt teheted, amit akarsz, hanem, hogy nem kell megtenned, amit nem akarsz.

index 99%-ban index
vagy félreérthetően fogalmaztál

és a maradék 1%-os esetekre? Ebben az esetben ez van.

Nem az a szabadság, hogy azt teheted, amit akarsz, hanem, hogy nem kell megtenned, amit nem akarsz.

sziasztok

lenne egy oltari nagy kerdesem hozzatok. a problemam a kovetkezo: ha van egy html kodolasi project amit kiadnak neked akkor ennek ?%-at illik elkerni, mint munkadij?
Az a baj, hogy en eddig kulfoldon dolgoztam es nem vagyok tisztaban a hazai arakkal, de speciel en olyan 15-20 %-ra gondoltam. az realis?

elore is koszi a valaszt.

hát elvileg a webserveren be lehet állítani hogy ne index nevű fájlt keressen indításkor hanem mást, ebben az esetben lehet main, home de akár kispista is szal akármi.

hogy találtál ilyen problémát egyáltalán?

Ha esetleg van .htaccess ott nezz korul DirectoryIndex nel mi van megadva.

LOAD "*",8,1

Van ilyen fájl csak épp nincs megadva benne semmi ilyen. De átnézve találtam használható dolgokat, hogy egyáltalán milyen fájlok vannak megadva benne, megnézegetem őket.

Louloudaki: mert nem én csináltam a honlapot, és olyan cms rendszerben van, amit soha nem láttam..

[ Szerkesztve ]

Nem az a szabadság, hogy azt teheted, amit akarsz, hanem, hogy nem kell megtenned, amit nem akarsz.

Sziasztok! Itt teszem fel a kérdést, mert úgy gondolom ide passzol a legjobban, ha mégis off akkor bocsi. A következőt szeretném csinálni: myspace-en az alap profil "ablakot" elfedni egy képpel, valahogy így. Mivel az ablakban vannak linkek, többek között az üzenet írás, isminek jelölés stb fontos lenne hogy a banner alatt vhogy (egy táblázatban pl.) elérhetőek legyenek ezek a linkek az általam tervezett gombokon keresztül. A 2.0-ás profilokban a beállításokban van egy CSS ablak, bár alapból teljesen üres, szóval nem "átirogatós" a dolog, annál komolyabb. Én elvéreztem, főleg hogy semmi tapasztalatom CSS téren, ha van ötletetek segítsetek!

hello,

elso html oldal elkeszitese kozben felmerulok problemahoz kernek segitseget:

xhtml 1.0 szabvany, external css, az oldal latszolag tokeletesen mukodik IE-vel de FF-nal hibak merultek fel. annak mar utanajartam, hogy FF-hoz kellett volna alapbol kesziteni az oldalt es utana IE, de ezzel mar elkestem.
arra kernem az ebben jartasakat, hogy nezzenek a kodolasra, hatha szembetuno a hiba/hibak egy ebben jartas szamara.

a validator szerint nincs hiba az oldalon.

html kod:

<?xml version="1.0" encoding="utf-8"?>
<!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><link rel= "stylesheet" type="text/css" href="external.css" />
<title>Business Environment Study Support</title>
</head>
<body>
<div id="header">
<h1><img src="logo3.jpg" alt="" /></h1>
</div>
<div id="mainmain">
<div id="navcontainer">
<ul id="navlist">
<li><a href="lessonone.html">lesson one</a></li>
<li><a href="#">Topic name I</a></li>
<li><a href="#">Topic name II</a></li>
<li><a href="#">Topic name II</a></li>
<li><a href="#">Topic name IV</a></li>
<li><a href="#">Topic name IV</a></li>
</ul>
</div>
<!--main navigation menu elements-->

<div id="bannerbox">
<p><a href="http://www.independent.co.uk/" target="_blank"><img src="independent.jpg" alt="The Independent Magazine"/></a></p>
<p><a href="http://http://www.bton.ac.uk/" target="_blank"><img src="brighton-logo.jpg" alt="University of Brighton"/></a></p>
<p><a href="http://www.theguardian.co.uk/" target="_blank"><img src="guardian-logo.jpg" alt="The Guardian"/></a></p>
<p><a href="https://studentcentral.brighton.ac.uk/" target="_blank"><img src="studentlogo.jpg" alt="Blackboard"/></a></p>
</div>
<!-- right side banners-->
<div id="mainbody">
<h3>Lore Ipsum</h3>
<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. nam
liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. typi non habent
claritatem insitam; est usus legentis in iis qui facit eorum claritatem. investigationes demonstraverunt lectores legere me lius quod ii legunt
saepius. claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. mirum est notare quam littera gothica, quam nunc
putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. eodem modo typi, qui nunc nobis
videntur parum clari, fiant sollemnes in futurum.</p>
<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. nam
liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. typi non habent
claritatem insitam; est usus legentis in iis qui facit eorum claritatem. investigationes demonstraverunt lectores legere me lius quod ii legunt
saepius. claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. mirum est notare quam littera gothica, quam nunc
putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. eodem modo typi, qui nunc nobis
videntur parum clari, fiant sollemnes in futurum.</p><p>lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. nam
liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. typi non habent
claritatem insitam; est usus legentis in iis qui facit eorum claritatem. investigationes demonstraverunt lectores legere me lius quod ii legunt
saepius. claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. mirum est notare quam littera gothica, quam nunc
putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. eodem modo typi, qui nunc nobis
videntur parum clari, fiant sollemnes in futurum.</p>

<br />
<p><a href="index.html" target="_top">-top-</a></p>

</div>
<!-- main body elements-->
</div>
<div id="footr">
<div id="footer">
<ul id="navilist">
<li><a href="mailto.szotyori@brighton.ac.uk?cc=dn36@brighton.ac.uk">contact Us</a></li>
<li><a href="#">about the project</a></li>
<li>made by: Dumiso and Oliver</li>
<li>December, 2009</li>
</ul>
</div>
<div id="w3valid">
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10-blue"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>

<!-- shows current validation of the homepage-->

</div>
</div>
<!-- the footer is separated from the main body so it can be manipulated separety-->

</body>
</html>

css kod:

body {background-color: #CCCCCC;}
/* this sets up the background of the page */
h3 { font-family: verdana; color: #FF6600; }
p { font-family: verdana; color: #000000; font-size: 12px;}
/* these set up the font families of the header and paragraph behavors */

a {text-decoration:none; font-family: verdana;}
a:link {color: #FF6600}
a:visited {color: #993300}
a:hover {color: #FF6600; font-weight: bold;}
a img {border: 0;}
/* these set up the font families of the links behavors */
#header{
width: 800px;
height: 200px;
text-align: center;
margin: auto;
padding-bottom: 5px;
}

#mainmain{
background-color: #ffffff;
text-align: center;
width: 1024px;
margin: auto;
border-bottom: 2px solid #FF6600;

}
#navcontainer ul
{
text-align: center;
margin: auto;
background-color: #FF6600;
color: White;
float: left;
width: 1024px;
font-size: 11px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1.5em;
background-color: #FF6600;
color: #CCCCCC;
font-weight: bold;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #993300;
color: #CCCCCC;
font-weight: bold;
}

#bannerbox{
float: right;
margin-top: 60px;
min-height: 700px;
min-width: 180px;
text-align: center;

}

#mainbody{
float: left;
padding: 20px;
width: 804px;
min-height: 700px;
margin-top: 20px;
background-color: white;

}

#footer{
position: relative;
float: left;
height: 20px;
overflow: hidden;
width: 500px;
}

#navilist{
list-style-type: none;
margin: 0;
padding: 0;
}

#navilist li{
border-left: 1px solid #000;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
font-size: small;
color: #FF6600;
}

#w3valid{
float: right;
position: relative;
width: 88px;
height: 31px;
}

#footr{
text-align:center;
width: 1024px;
margin: auto;
padding-top:10px;
}

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

up

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

tudna valaki mondani kulfoldrol is elerheto ingyen tarhelyet?

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

feltoltottem az egeszet zipelve [ide]

mod: remelem mukodik

[ Szerkesztve ]

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

szerintem nem zippelve kene feltolteni, hanem valahogy ugy hogy egybol megnezhessuk...

''Gee, Brain, what do you want to do tonight?'' ''The same thing we do every night, Pinky: Try to take over the world!''

nem csuszik el a jobb oldali banner menu, es feher a hatter mindenhol, kiveve a backgroundot?

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

elnezest, sulibol probalom megoldani a dolgot a szunetben es ezt talaltam hirtelen.

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

Hali,

rakd fel valahova az egészet, utána >itt< meg tudod nézni, hogy hogy mutat több böngészőben.

itt latni a kulonbseget FF es IE kozott

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

3.5.5 es ie8 amivel probaltam.

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

egyreszt ne csinalj zenelo honlapot, mert az idegesito

masreszt igen, kell ket frame vagy iframe, amelyik tetszik . Az egyikben van az oldalad, a masikban meg van a "zene".

''Gee, Brain, what do you want to do tonight?'' ''The same thing we do every night, Pinky: Try to take over the world!''

vagy ha zenélő lapot csinál, legalább ki lehessen kapcsolni

"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser

megnezne valaki, hogy ezen a weboldalon miert csuszik szet a menu? elvileg a hatternek es a menunek egy sorban kellene lennie.

<?xml version="1.0" encoding="utf-8"?>
<!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><link rel= "stylesheet" type="text/css" href="external.css" />
<title>Business Environment Study Support</title>
</head>
<body>
<div id="header">
<p><img src="bess2.jpg" alt="" /></p>
</div>
<div id="main">
<div id="navidiv">
<div id="navbar">
<ul>
<li><a href="#">lessons</a>
<ul>
<li><a href="lesson.html">lesson one</a></li>
<li><a href="#">Second Subitem</a></li>
<li><a href="#">Numero Tres</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">subidubi</a>
<ul>
<li><a href="#">Subitem One</a></li>
<li><a href="#">Subitem One</a></li>
<li><a href="#">Subitem One</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">subidubi</a>
<ul>
<li><a href="#">Subitem One</a></li>
<li><a href="#">Subitem One</a></li>
<li><a href="#">Subitem One</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">subidubi</a>
<ul>
<li><a href="#">Subitem One</a></li>
<li><a href="#">Subitem One</a></li>
<li><a href="#">Subitem One</a></li>
</ul>
</li>
</ul>
</div>
</div>

<div id="bannerbox">
<p><a href="http://www.independent.co.uk/" target="_blank"><img src="independent.jpg" alt="The Independent Magazine"/></a></p>
<hr/>
<p><a href="http://http://www.bton.ac.uk/" target="_blank"><img src="brighton-logo.jpg" alt="University of Brighton"/></a></p>
<hr/>
<p><a href="http://www.theguardian.co.uk/" target="_blank"><img src="guardian-logo.jpg" alt="The Guardian"/></a></p>
<hr/>
<p><a href="https://studentcentral.brighton.ac.uk/" target="_blank"><img src="studentlogo.jpg" alt="Blackboard"/></a></p>
</div>
<!-- right side banners-->
<div id="mainbody">
<h4>Lore Ipsum</h4>
<p class="main">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut erat neque, facilisis eu mattis ac, pharetra ut purus. Aenean ac est interdum mauris malesuada condimentum. Pellentesque convallis sem quis nisl tristique non tristique magna tempor. In hac habitasse platea dictumst. Morbi in viverra justo. Nunc ac eros sed augue auctor tristique ac at felis. Integer a nisl id odio porttitor congue eget a magna. Mauris dapibus libero vitae lectus accumsan suscipit. Maecenas sit amet sem magna. In pellentesque viverra tortor, id pulvinar felis congue nec. Sed ornare vestibulum velit, quis fermentum purus adipiscing sit amet. Quisque ultrices laoreet velit id bibendum. Vestibulum ullamcorper suscipit quam, non iaculis diam interdum sed.</p>
<hr/>

<p class="main">Cras nibh magna, congue sit amet porta vitae, ultrices quis est. Mauris mattis porttitor iaculis. Donec adipiscing eros a odio scelerisque cursus. Pellentesque accumsan adipiscing felis semper scelerisque. Donec fermentum facilisis odio, sodales pretium nisi interdum sit amet. Pellentesque accumsan iaculis nunc at malesuada. Nunc sagittis, justo nec cursus pretium, libero neque gravida dui, vel dignissim risus urna in augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean facilisis velit et magna commodo dignissim eu in felis. Donec adipiscing, neque ac accumsan dapibus, risus nunc lobortis libero, id lacinia lectus metus at sapien. Quisque blandit eros euismod dui semper vel accumsan turpis consequat. Maecenas faucibus elit ut tortor iaculis quis vehicula lacus faucibus. Nulla facilisi. In pulvinar laoreet pretium. Nulla ut ultricies justo. Proin eget massa massa. Sed fermentum pulvinar dui, id rhoncus augue dapibus a. Maecenas sollicitudin nisl eget nisi adipiscing pulvinar sodales purus feugiat. Cras sollicitudin mi ac velit auctor rhoncus.</p>

<p class="main">Fusce et lectus tristique nulla accumsan placerat. Duis auctor convallis augue vel lacinia. Fusce quis ipsum sed urna viverra tincidunt sed in libero. Nam ut massa nec erat lobortis scelerisque vel ut nunc. Morbi venenatis feugiat dolor, at mollis justo congue et. Nulla tincidunt, mauris cursus vulputate congue, quam ligula vehicula erat, id bibendum nulla urna eu ante. Duis malesuada tellus magna, non laoreet augue. Integer sit amet sagittis dui. Donec elementum varius consectetur. Aliquam erat volutpat. Maecenas ultricies lacinia velit, non porttitor est tristique vel. Curabitur fermentum neque velit. Sed cursus adipiscing convallis. Donec cursus fringilla nulla eu pretium. Quisque convallis risus vel ante cursus non ornare tellus tristique. Duis quis faucibus magna.</p>

<p class="main">Praesent eget elit mauris, tristique aliquet mi. Etiam metus enim, posuere laoreet sollicitudin eget, sodales et nisl. Nullam cursus, nunc vel ultricies aliquet, enim erat vulputate justo, eget placerat enim nisi ut massa. Nulla facilisi. Etiam molestie scelerisque aliquet. Aliquam eget mauris at sem gravida sollicitudin sit amet eu massa. Donec placerat sollicitudin orci ac viverra. Nulla malesuada ligula quis ante mollis consequat bibendum neque ornare. Vestibulum tristique faucibus nisl, quis lobortis libero fermentum sagittis. Cras viverra luctus felis ut hendrerit. Curabitur sodales mollis arcu quis euismod. Aenean a ante eget nisl fermentum sodales a non justo. Aliquam nisl arcu, ultricies in vehicula eu, consectetur ut neque. Nulla facilisi. Proin laoreet imperdiet mollis. Cras erat justo, feugiat non congue et, iaculis sed dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas neque nulla, porta nec suscipit non, ultricies eget leo.</p>

<p class="main">Nunc vulputate metus vel leo adipiscing eu mollis purus molestie. Donec eu hendrerit massa. Aenean tincidunt lectus a erat iaculis faucibus. Cras auctor libero at lorem luctus malesuada. Vestibulum tempor ipsum vel odio tincidunt vel mattis dui tincidunt. In vitae diam ipsum, et dignissim nunc. Donec libero nisl, vulputate id semper sit amet, fringilla a purus. Cras eu eros in diam molestie luctus pharetra ut ante. Phasellus sed justo massa, sit amet fermentum sem. Nulla ultrices, enim id pulvinar suscipit, massa diam viverra mauris, at vestibulum ligula orci ut orci. Aenean vel mauris metus. Nam laoreet nibh at tellus tempus ut lobortis odio euismod. Nam id scelerisque nulla. Donec gravida placerat risus eget hendrerit. Nam turpis nibh, pulvinar id convallis vitae, aliquet vitae diam. Quisque tempus pretium arcu, quis ultricies elit iaculis a. Suspendisse nec nulla mauris. Nulla purus odio, pretium a tempor lacinia, feugiat in ante. Nunc eget dolor lorem. </p>
</div>
</div>
<div id="footer">
<ul id="navilist">
<li><a href="mailto:o.szotyori@brighton.ac.uk?cc=dn36@brighton.ac.uk">contact Us</a></li>
<li><a href="#">about the project</a></li>
<li>made by: Dumiso and Oliver</li>
<li>December, 2009</li>
</ul>

<div id="w3valid">
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10-blue"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>


<!-- shows current validation of the homepage-->


</div>

</div>
<!-- the footer is separated from the main body so it can be manipulated separety-->




</body>
</html>

body {background-color: #ffffff;}
body {background-image:url('bg2.png')}
/* this sets up the background of the page */
"h3", "h4" { font-family:times new roman, times; font-style:italic; color: #FF6600; font-size:15px}
p.main { font-family: verdana; color: #555555; font-size: 12px; font-weight: normal; text-align:justify; line-height: 150%;}
p.pic { text-align: center; }
/* these set up the font families of the header and paragraph behavors */

a {text-decoration:none; font-family: verdana; font-size:11px;}
a:link {color: #FF6600;}
a:visited {color: #993300;}
a:hover {color: #FF6600; font-weight: bold;}
a img {border: 0;}
/* these set up the font families of the links behavors */
#header{
width: 1024px;
height: 150px;
text-align: center;
margin: auto;
padding-bottom: 5px;
}
/*this part sets up the behavor of the header picture. ...widht, height, position...*/
#main{
background-color: white;
text-align: center;
width: 1024px;
min-height:900px;
margin:auto;
overflow:auto;
border-bottom: 2px solid #FF6600;
}

#navidiv{
float:left;
height:20px;
width: 1024px;
background-color:#FF6600;
}
#navbar {
margin: 0;
padding: 0;
height: 1em; }

#navbar li {
list-style: none;
float: left; }

#navbar li a {
display: block;
padding: 3px 8px;
background-color: #FF6600;
color: #fff;
text-decoration: none; }

#navbar li ul {
display: none;
width: 10em; /* Width to help Opera out */
background-color: #69f;}

#navbar li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; }

#navbar li:hover li {
float: none; }

#navbar li:hover li a {
background-color: #FF6600;
border-bottom: 1px solid #fff;
color: #000; }

#navbar li li a:hover {
background-color: #993300; }


#bannerbox{
float: right;
margin-top: 80px;
margin-right:20px;
min-height: 600px;
width: 180px;
text-align: center;
}

#mainbody{
float: left;
padding: 23px;
width: 700px;
min-height: 700px;
margin-top: 20px;
margin-left:20px;
background-color: white;

}

#footer{
margin:auto;
width:1024px;
height:60px;
text-align: center;
}


#navilist{
list-style-type: none;
margin-top: 10px;
margin-left: 20px;
margin-bottom:5px;
padding: 0;
}

#navilist li{
border-left: 1px solid #000;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
font-size: 12px;
color: #FF6600;
}

#w3valid{
float: right;
margin-bottom:10px;
width: 88px;
height: 31px;
}

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

Fix pozíconálással tudod őket egymásra tenni.

AE

Csinálok egy adag popcornt, és leülök fórumozni --- Ízlések és pofonok - kinek miből jutott --- Az igazi beköpőlégy [http://is.gd/cJvlC2]

#navbar CSS bejegyzésbe ezt a két sort tedd még bele:
position: relative;
top: -1em;

AE

Csinálok egy adag popcornt, és leülök fórumozni --- Ízlések és pofonok - kinek miből jutott --- Az igazi beköpőlégy [http://is.gd/cJvlC2]

a bal felso sarokban valamiert van egy "valami": ďťż
ez mitol lehet?

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

Hali!
Kérdés, hogy milyen karakterkódolást állítottál be. Ugyanis ennek az esetleges hibája miatt csinálja ezt.
Notepad++-ban nézd meg, a "Formátum" menüpontnál. Ha UTF-8 kódolást állítottál be, akkor menj az "Átalakítás UTF-8 kódolásra BOM nélkül" menüpontra.

KÉP:

Ha így se jó, akkor a meta tagben (a HTML-kód elején, a head részben) állítsd át a karakterkódolást a megfelelőre.

[ Szerkesztve ]

Sk8erPeter

meg tudna valaki mondani, hogy mi a hiba ebben a listaban? validation nem fogadja el.

[link]

<dl class="main">
<dt><strong>Structured decision</strong>
<ul>
<li>processing a sales order</li>
<li>maintaining product / service quality within set limits</li>
</ul>
<dt><strong>Semi - structured decision</strong>
<ul>
<li>setting or revising prices</li>
<li>purchasing a new computer system</li>
</ul>

<dt><strong>Unstructured decision</strong>
<ul>
<li>changing the organisational structure</li>
<li>Mergers and acquisitions</li>
</ul>
</dl>

[ Szerkesztve ]

Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.

A validator alapján nem túl nehéz rájönni:

"document type does not allow element "ul" here"
"document type does not allow element "dt" here"
stb.
Úgy kell használni a "definition list"-et, ahogy itt leírják, és itt mutatják:
"
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
"
Vagy itt a W3 hivatalos honlapjának megfelelő része.
A definition listen belül (dl) legyen egy definition term (dt), az alá rendelve pedig egy definition description.
És ne legyen keverve unordered lists (ul) típussal!

Sk8erPeter

elvileg lehet dl típuson belül ul-t is nyitni, ha megfelelően lezárja és nyitja a tageket. itt a dt nincs lezárva sehol, és hiányoznak a dd-k. ugyan nem próbáltam még ilyet, de az ul li-n belüli új ul lista nyitása teljesen valid, miért ne lehetne ez is az?

Na ja, félreérthetően mondtam, arra céloztam, hogy itt össze vannak kutyulva, lezárás nélkül. Ha már unordered lists-et kever bele, amit mondjuk feleslegesnek tartok, akkor már így lenne teljesen szabványos:

<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Management decision</title>
</head>
<body>
<dl class="main">
<dt><strong>Structured decision</strong></dt>
<dd>
<ul>
<li>processing a sales order</li>
<li>maintaining product / service quality within set limits</li>
</ul>
</dd>
</dl>
</body>
</html>

[ Szerkesztve ]

Sk8erPeter

Üdv!
Van egy weblapom de internet explorer 8-ban szétesik a menüsor. Firefox alatt és a régi explorerek alatt tökéletes minten. Miért lehet ez? Hogyan lehetne megoldani ezt a problémát?
Itt az oldal:
[link]

Előre is köszönöm a segítséget.

[ Szerkesztve ]

Nekem lejátszóra lenne szükségem,amit a weboldalamon tudnék elhelyezni.Kipróbálásképp feltettem a Moyea Web Player Pro-t, de mivel ez fizetős nem működik teljes értékűen.Melyik programot javasoljátok?

Kis bohóccal is lehet nagy cirkuszt csinálni... :-)

nem csak ie8 alatt esik szet hanem Chrome alatt is. (Bar ie8-ban kikerulheto a problema, ha a kompatibilitasi mod be van kapcsolva)

Ahogy nezem a menu kodja generalt. Talan a generalo szoftverbol kene ie8/chrome kompatibilis valtozatot leszedni. Generalt kodot olvasni/modositani nem olyan vicces dolog.

''Gee, Brain, what do you want to do tonight?'' ''The same thing we do every night, Pinky: Try to take over the world!''