Html-, css- és php-help

mondom, humorista rajzolta, a leírás meg 5 oldal volt melléje 😊

a leglényegesebb, hogy két oldalra nyúló div van... és mellette egy fix méretû, alatta meg még három amit a felsõk kell szabályozzanak.

halljak meg, nem értem, de azért megpróbálom😊

méret alapból 970px 1024 es felbontáshoz de a tartalomtól függ a felsõ diveknek és az alsóknak van összefüggõ háttérképe, a többit elég ha borderekbõl megvan... sajnos a rajzot azt nem adhatom ki... bizonyos okokból.

tehát a bal két dobozban lorem ipsum a harmadik az fix szélles melléjük jobbra, lent meg a fölsõk diktálják a széllességet

várom a rajzot, méreteket😊

hajrá 😊 de kötekedni fogok, és 6 os explorertõl a chromig mindbe kell menjen...

igen, táblázattal sima ügy... divel nekem nem volt...

tök egyszerû megcsinálni

csinálj egy normális rajzot(mert ezt nem igazán értem), aztán csináld meg table-vel, én meg megcsinálom divekkel és meglátjuk melyik lesz az átláthatóbb, szebb megoldás😊

táblázatos layoutnak
ebben egyet értek...

de táblázat nélkül egy ilyet hogy csinálsz meg?


tudom, én is képes lennék megcsinálni... de hogy rövidebb és átláthatóbb lesz a kódom tablevel, mint div-el, az biztos, és a vízszintes nyúlással mit csinálsz divnél... mert nyúlhat, és a design azt is megengedi... és három div egymás mellett nyúlhat... jobb oldalra... a zöldel befestett helyeken nyúlhat ha ki nem hagytam valamit 😊

ezt a designt egy humorista készítette, persze volt hozzá szép hosszú leírás mi merre nyúlhat, és hol mi lesz... és ott lenn volt a legtöbb gond vele, mert le kellett igazítani bizonyos részeket az aljához.

táblázatos layoutnak egyedül a HTML mail-nél van létjogosultsága, aki mást mond az kókler 😊

Miután a html (nem programozási nyelv, csak egy sima meta leíró) kliens oldali (ahogy a javascript is), azaz a felhasználó gépén fut, nem igazán megoldható, hiszen szükséges egy szerver oldali adatbázis, ami tartalmazza a felhasználók adatait (név, jelszó, stb). Ehhez szerver oldali nyelvre (PHP, ASP, stb) - azaz egy védett csatornára - is szükség van ugye, hogy a lekérdezéseket véghez vigyük.

"Kliens" oldalon Flash-ben oldható meg, de egyrészt flash-t egy kattintás visszafejteni, másrészt egyrészt pont ezért itt is bejátszik egy szerver oldali nyelv.. Természetesen itt is külsõ adatbázisnak illik lennie a tárolónak.

Lényeg, hogy a kliens oldali authentikáció hülyeség, veszélyes és nem elfogadot eljárás.

a HTML el nem hiszem... (azért írom, mert nem vagyok már semmiben biztos) de a HTML nem tartalmaz tudtommal erre lehetõséget, habár el tudom képzelni, hogy a microsoft magának alkotott olyan meta tagot, ami ilyet csinál, de semmiképp nincs általános w3c szabványnak megfelelõ megoldás html ben... még javascript sem elég erre a célra.

Aha, oksa köszi. Meg még annyir érdekelne, közbe hallotam olyat hogy HTML-el is meglehet oldani. Ez így igaz vagy kéne még vmi más is hozzá?

http://www.maxmind.com/app/mod_geoip talán ez a legbiztosabb...

Ez után jön a php-s megoldás, ott lekéred hogy honnan jött, erre sok szolgáltató van ahonnan le lehet kérni, érdemes cachebe tenni, mert letilt a szolgáltató, ha fölöslegesen terheled, és utána headerrel és meta taggel szépen átküldöd ahova akarod.

a második talán annyival könnyebb, hogy nem kell az apacheval bajlódni, hanem elég ha az allow url fopen meg van engedve, és egy kis tudás kell. a másikhoz meg jogok kellenek a szerveren, ami legtöbb esetben nincsenek meg...

Lenne egy alap egyszerû kérdésem. Azt mivel érdemes/mivel a legkönyebb megcsinálni hogy van egy domain nevem pl. www.domain.com és ha feljön egy ember aki mondjuk magyarországról azt dobja át a hu.domain.com-ra, de ha már mondjuk németországból jön fel akkor meg a de.domain.com-ra?

a) Egy olyan kód ami táblázatot használ dizájn kialakításhoz, még lehet szabványos!

https://weblabor.hu/forumok/temak/16149?page=1#comment-37445

nem saját véleményem, de sok részben egyet értek a hozzászólóval...

vannak esetek, mikor egyszerûbb lesz a kód, táblázattal...
és azt is lehet szépen css bõl formázni, de és mindig van de.. a diveknél kevesebbszer fordul elõ, hogy az oldal töltõdés közben szét van esve, mivel ezek mint egy egy doboz viselkednek, míg a táblázat a még be nem töltõdött sorokat, oszlopokat, sokszor próbálja kiegészíteni.. néha fájdalmas amit csinál, de még ez sem az igazi érvem.

Nekem már csak egy érvem maradt a táblázat ellen, és ez akkor lett, mikor egy levelezõrendszer levél és felíratkozott listákat egy azonos oldalon próbáltam megoldani, és voltam olyan naiv táblázattal csinálni,
szépen megoldottam egymás alá kiírattam a leveleket, készítettem egy vízszintesen görgethetõ divet, és oda bepakoltam az összeset, nem is volt gond... még 50 felíratkozottnál.. még 100 nál sem... de mikor 150 lett, és 20 levél, akkor a böngészõ feladta, a kedvenc firefoxom....
használható volt, csak nem lehetett az oldalt elhagyni, mert akkor kifagyott táblaszerkezet elérte a 2MB méretet, szép volt 😊

aztán kicsit divezgettem, az adatokat javascriptel töltöttem fel táblázatba, mert hát táblázat erre való... és így az oldal 500 felíratkozottnál is 1,5MB lett... tehát jó a táblázat, van mikor használni kell, de mindig az a fontos, hogy a megfelelõt használjuk... ha táblázatos szerkezet kell akkor azt, ha meg sima egy két oszlopos design, akkor a div is tökéletesen megteszi floatokkal, ezt nem harcként kell felfogni a két eszköz között, hanem kiegészítik egymást, mert hogy most egy lekerekített box hoz beteszel 8 divet egymásba, vagy 9 cellát készítesz, nem sok a különbség nem számottevõ...

egy idõben tényleg nagyon lenézték... még én is a táblázatos designt...
de mióta nap mint nap ezzel töltöm az idõmet, úgy szûrõdött le bennem, hogy vannak esetek, fõleg amikor bizonyos lépcsõs elrendezés van egy oldal aljára rajzolva, hogy azt táblázat nélkül nem tudom megcsinálni...

akkor szégyen nem szégyen táblázatot teszek be... de a div közelebb áll a szívemhez, ha nem kényszerülök rá, akkor nem cserélem táblára... kolégám meg simán táblázattal kezd mindent, szerintem ha a bal felsõ sarokba szeretne írni már akkor is azzal kezdené, hogy <table cellspacing="0" cellpadding="0" és eddig még gondja nem volt belõle, max nagyobb oldalakat készít, kicsit lasabbakat is tán, de mûködik, és még kicsit tán megbízhatóbbak is.. a div css-e még mindig nem annyira megbízható, mint a táblázaté, kicsivel régebbi és robosztusabb a táblázat.

Hali! Remélem, jól telt a hétvége mindenkinek.


...

Tábla vs div téma:

Faustus:
"Teljesen ellenjavallt" - Ki által?

"A táblázatmentesség, a szemantikusság, a kód validsága, az akadálymentesség, a háló alapú design (amit a nyomdai technika már réges-régóta ismer), a tartalom/struktúra/kinézet/viselkedés szétszeparálására tett törekvések évek óta egyre jobban elterjedõ elvek, melyeket az alternatív böngészõk (Firefox, Opera, Safari, Chrome) térhódítása tett lehetõvé (ugyanis elõsegítették a webes nyelvek ajánlásainak egyre jobb támogatását)."

- Ez gyönyörû mondat, bár hiányolom belõle azt, hogy pontosan mit is tud a div-es struktúra, amit a táblás nem.

"vagy nem ismered a külföldi piacon bekövetkezõ trendeket, nem olvasol szakmai jellegû cikkeket, szakirodalmat" - Nem. Magamtól tanulok kb. 5 éve, néhány szakkönyvet szereztem azóta, de heti szaklapokról pl. még nem hallottam. Az interneten sem találtam soha, semmilyen érdemleges megoldást a konkrét problémáimra. (Hol voltak a szaklapjaid akkor?) Mindig magamnak kellett megoldanom. Viszont minden olyan weboldalnak a forrását áttanulmányozom, ami tetszik. Mellesleg ez a mondat sem tartalmaz érveket a div-es struktúra mellett, sokkal nagyobb az érzelmi tartalma => lepereg, nem gyõz meg.

"Gyáááj nekem, mennyi pici butaságot tudol te írni😊" - Egy tanító bácsitól elmegy irodalom órán ez a mondat a kis nebulóknak, de lásd be, érvnek kevés, fõleg ebben a topicban, értelmes, felnõtt emberek között.

"Japán orvosok bebizonyították, hogy azoknak a webfejlesztõknek, akik az oldalstruktúrát táblákkal adják meg, és nem pedig (trendy) divekkel, 33 éves korukra leszárad a péniszük. Egy 50 fõs kutatócsoport - különféle egyetemek professzorai - támasztották alá kutatásik eredményeivel ezt a ténymegállapítást." - na, ez már igen.

Semmiképp. PHP-val már biztos.

html-ben meg lehet oldani hogy regisztrálni lehessen az oldaladra és néhány részt csak regisztrált felhasználok olvashassanak el?

Mindkettõ ugyanannyi munka, a CSS korszerûbb, könnyebben módosítható utólag, a táblás meg egyszerûbb, de statikusabb. Úgyis meg kell tanulnod, ha szeretnél ezzel foglalkozni a jövõben is, így azt mondom, hogy CSS pozicionálás.

ez a baj, nekem mind kettõ tetszik, csak mivel nem vagyok olyan jó mint ti, ezért kérdezem.
Bizonyára mindkettõnek megvan a problémája, ezért kérdeztem meg.
Ti a jobbat ajánlanátok

Ahogy neked tetszik...😊

szerintetek hogy csináljam?
Bal oldalt legyen egy doboz teljesen az aljáig, és mindent mellé rakni "bannert menü sort stb, vagy pozicionáljam a Bannert meg a menü helyét cssben?

Köszi!!!

már írni akartam hogy kéne elõhívni a HTML-ben, volt sejtésem hogy hogy kéne elõhívni. kösz
Aszem ezt fogom használni nem mouse overt

Nem használok mouseOvert sehol. Ha a linkekre gondolsz akkor az így van css-ben:

a.all, a.all:visited, a.all:active {
color:#cccccc;
font-family:arial;
font-size:11px;
text-decoration:none;
font-weight: bold;
}

a.all:hover {
color:white;
font-family:arial;
font-size:11px;
padding-left: 10px;
text-decoration:underline overline;
font-weight: bold;
}

és <a class="all" href...> -el hívod

Hali

Ismét itt 😊 MerlinW tetszik a megoldásod, az egér érintésre, a honlapodon
Én csak ezt találtam, gondolom a tiéd is hasonló, mit kéne módosítani hogy olyan legyen mint a tiéd?
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src="hm1.gif"
}
function mouseOut()
{
document.getElementById("b1").src="hm2.gif"
}
</script>
</head>
<body>
<a href="hm" target="_blank"
onmouseout="mouseOut()">
<img border="0" alt="hm" src="hm2.gif" id="b1" /></a>

</body>
</html>

if ($u<'etel'> < 7){
echo '<div align="center">
Adok neki:
<form method="POST" action="snake.php">
<select name="etel">';

for ($i=u<'etel'>;$i<7;$i++){
echo '
<option class="bevitel" value="'.(7-$i).'">'.(7-$i).' napra ('.((7-$i)*100).'Ft) </option>';
}

echo '
</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}

Egyrészt minek ismételsz meg mindent? Miért nem csak az kerül be, ami változik?
Ezek állandó értékek, minek a 7-1, miért nem 6? 😊

Másrészrõl ezt így akartad?
Mert most pl ha $u<'etel'> az 0, akkor az összes lefut.
Ha nem akkor ugye elseif kellene, vagy switch.

Mûködik csak az a baj, hogy én így csináltam:
if ($u<'etel'> <= (7-1)){
echo '<div align="center">
Adok neki: 
<form method="POST" action="snake.php">
<select name="etel">';
echo '
<option class="bevitel" value="1">1 napra (100Ft) </option>
</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}
if ($u<'etel'> <= (7-2)){
echo '<div align="center">
Adok neki: 
<form method="POST" action="snake.php">
<select name="etel">';
echo '
<option class="bevitel" value="1">1 napra (100Ft) </option>
<option class="bevitel" value="2">2 napra (200Ft) </option>
</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}
if ($u<'etel'> <= (7-3)){
echo '<div align="center">
Adok neki: 
<form method="POST" action="snake.php">
<select name="etel">';
echo '
<option class="bevitel" value="1">1 napra (100Ft) </option>
<option class="bevitel" value="2">1 napra (200Ft) </option>
<option class="bevitel" value="3">1 napra (300Ft) </option>
</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}
if ($u<'etel'> <= (7-4)){
echo '<div align="center">
Adok neki: 
<form method="POST" action="snake.php">
<select name="etel">';
echo '
<option class="bevitel" value="1">1 napra (100Ft) </option>
<option class="bevitel" value="2">2 napra (100Ft) </option>
<option class="bevitel" value="3">3 napra (100Ft) </option>
<option class="bevitel" value="4">4 napra (100Ft) </option>

</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}
if ($u<'etel'> <= (7-5)){
echo '<div align="center">
Adok neki: 
<form method="POST" action="snake.php">
<select name="etel">';
echo '
<option class="bevitel" value="1">1 napra (100Ft) </option>
<option class="bevitel" value="2">2 napra (200Ft) </option>
<option class="bevitel" value="3">3 napra (300Ft) </option>
<option class="bevitel" value="4">4 napra (400Ft) </option>
<option class="bevitel" value="5">5 napra (500Ft) </option>
</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}

if ($u<'etel'> <= (7-6)){
echo '<div align="center">
Adok neki: 
<form method="POST" action="snake.php">
<select name="etel">';
echo '
<option class="bevitel" value="1">1 napra (100Ft) </option>
<option class="bevitel" value="2">2 napra (200Ft) </option>
<option class="bevitel" value="3">3 napra (300Ft) </option>
<option class="bevitel" value="4">4 napra (400Ft) </option>
<option class="bevitel" value="5">5 napra (500Ft) </option>
<option class="bevitel" value="6">6 napra (600Ft) </option>
</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}

if ($u<'etel'> <= (7-7)){
echo '<div align="center">
Adok neki: 
<form method="POST" action="snake.php">
<select name="etel">';
echo '
<option class="bevitel" value="1">1 napra (100Ft) </option>
<option class="bevitel" value="2">2 napra (200Ft) </option>
<option class="bevitel" value="3">3 napra (300Ft) </option>
<option class="bevitel" value="4">4 napra (400Ft) </option>
<option class="bevitel" value="5">5 napra (500Ft) </option>
<option class="bevitel" value="6">6 napra (600Ft) </option>
<option class="bevitel" value="7">7 napra (700Ft) </option>
</select> <input type="submit" class="b" value="Megetetem">
</form>
</div><br>';
}else{
echo ' <br>';
}


Ha pl csak 4 napra elegendõ élelem van akkor 3szor mutatja az optiont.:S

if($u<'etel'><(7-2))

Sziasztok!

Azt, hogy tudom megnézni if-ben, hogy egy mezönek az értéke MENNYIVEL kevesebb mint pl.: 7?

Tehát: if($u<'etel'> < '7'){
<option...
}

De én így szeretném (ha kevesebb 2nél): if($u<'etel'> <2 '7'){
<option...
}

Gyáááj nekem, mennyi pici butaságot tudol te írni😊

Mindegy, ne foglalkozz vele

"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."
Teljesen ellenjavallt.

"Eddig még nem láttam olyat, hogy nem táblázattal raktak össze egy weboldalt. "
Akkor nem nézel szemantikus kódolású, modern weboldalakat, vagy nem ismered a külföldi piacon bekövetkezõ trendeket, nem olvasol szakmai jellegû cikkeket, szakirodalmat.

A táblázatmentesség, a szemantikusság, a kód validsága, az akadálymentesség, a háló alapú design (amit a nyomdai technika már réges-régóta ismer), a tartalom/struktúra/kinézet/viselkedés szétszeparálására tett törekvések évek óta egyre jobban elterjedõ elvek, melyeket az alternatív böngészõk (Firefox, Opera, Safari, Chrome) térhódítása tett lehetõvé (ugyanis elõsegítették a webes nyelvek ajánlásainak egyre jobb támogatását).

Itt egy rakat weboldal-gyûjtemény, ami az elõbb említett elvek mentén szervezõdik.

<textarea name="message" cols="40" rows="5" ></textarea>

de igy is csak egymas után rakja a karaktereket.

Mi az a wrap propertie?

text helyett használj textarea-t, annak pedig van wrap propertie-je, amire érdemes figyelni

<form action="mailto:[email protected]" enctype="text/plain" method="post">
<input type="text" size=50>
<input type=submit value="Send">
</form>


Hogy lehet megoldani azt hogy ha nagyobb karaktermennyiséget akarok pl750 akkor ne egymas utan hanem egy dobozba rakja bele a szöveget?
A send gombot hogyan lehet elhelyezni mashová?
Ezt html-ben meg lehet oldani?

Úgy tudom, h a táblázatokból a szövegfelolvasók nem tudnak felolvasni. Bár az sajna manapság semmit se számít. Ám táblázattal tényleg sokkal egyszerûbb összedobni egy oldalt 😊

Nincs rá általános elõírás. Maradjunk abban, hogy táblák és div-ek is léteznek, hogy ki melyikkel akarja az oldalát struktúrálni, az egyéni szájíz kérdése. Mindkettõ szabványos, és mindkettõvel ugyanazt a hatást lehet elérni.

Dolgoztam együtt nagyon komoly webfejlesztõkkel, és õk is a táblás megoldást preferálták. Nekem ez annyit jelent: az jó választás. Attól még a div-es is lehet az, akinek.

Épp fordítva kéne (elvileg), hogy a div-ekben kéne táblázat helyett.

kösz <#worship>

Táblázatos struktúra alatt az ilyesmi megvalósításokat értem.

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.

Az érdekes, gondolom nem nagyon van ott valid felirat.
Ám itt egy (nem én csináltam): http://kettetort.hu/

te mit is értessz táblázat alatt?

a tableless szerintem az, amikor nem <table>-el van kialakítva a szerkezet, hanem CSS-el

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.

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.

Táblázattal oldalstruktúrát ? Faustus ezt meglátja... 😄

margin-left: auto;
margin-right: auto;


ezt rakd még bele

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.