menük rendezése
Sziasztok!
Segítséget szeretnék kérni, hogy mit javítsak, hogy a legördülő menük almenüje jól láthatóak legyenek.
Eddig ez van meg:HTML:Köszi szépen :)
■ Segítséget szeretnék kérni, hogy mit javítsak, hogy a legördülő menük almenüje jól láthatóak legyenek.
Eddig ez van meg:
ul#menu div, ul#menu a {
color: #000;
text-decoration: none;
padding: 0.5em 1.2em;
display: block;
}
ul#menu div{
cursor: pointer;
background: url('nyil_lemenu.jpg') no-repeat 99% 50%;
}
ul#menu li{
float: left;
list-style: none;
font-size: 14px;
background: #CCFFFF;
margin-right: 1px;
width: 135px;
text-align: center;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color:#609;
background: -moz-linear-gradient(top, #9999FF 0%, #FFCCCC 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#9999FF), to(#FFCCCC));
}
ul#menu li:hover {
background: #E7A1B0;
}
ul#menu li ul{
display: none;
position: absolute;
border-top: 1px solid transtarent;
}
ul#menu li ul li {
float: none;
border-radius: 0;
}
ul#menu li ul li:hover {
}
<!DOCTYPE html>
<html lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
<title>ESS</title>
<link href="proba.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul#menu div").click(function(){
//colsole.log("ready!");
$(this).css("background-image","url(nyil_felmenu.jpg)");
$(this).parent().find ("ul").slideDown("slow");
$(this).parent().hover (
function(){},
function(){
$(this).parent().find("div").css("background-image","url(nyil_lemenu.jpg)");
$(this).parent().find ("ul").slideUp("slow");
}
);
});
});
</script>
</head>
<body>
<div id="container">
<header>
<h1></h1>
</header>
<ul id="menu">
<li><a href="proba.html">SSS</a></li>
<li>
<div> CCC</div>
<ul>
<li><a href="gg.html">gg</a></li>
<li><a href="tt.html">tt</a></li>
<li><a href="hh.html">hh</a></li>
</ul>
</li>
<li>
<div>Munkáim</div>
<ul>
<li><a href="drotekszer-egyeb.html">Drótékszer</a></li>
<li>
<div>gyongy</div>
<ul>
<li><a href="box.html">Box</a></li>
<li><a href="fulbevalo.html">Fülbevaló</a></li>
<li><a href="nyaklanc.html">Nyaklánc</a></li>
<li><a href="medal.html">Medál</a></li>
<li><a href="karlanc.html">Karlanc</a></li>
<li><a href="szett.html">Szett</a></li>
<li><a href="gy_egyeb.html">Egyéb</a></li>
</ul>
</li>
<li>
<div>Gobelin-Xszemes</div>
<ul>
<li><a href="gobelin.html">Gobelin</a></li>
<li><a href="xszemes.html">Xszemes</a></li>
</ul>
</li>
<li>
<div>Üvegfestés-matrica</div>
<ul>
<li><a href="uvegfestes.html">Üvegfestés</a></li>
<li><a href="matrica.html">Matrica</a></li>
</ul>
</li>
<li>
<div>Szöttes-Kerámia</div>
<ul>
<li><a href="szottes.html">Szottes</a></li>
<li><a href="keramia.html">Kerámia</a></li>
</ul>
</li>
<li><a href="papirtechnika.html">Papirtechnika</a></li>
<li><a href="gyertya.html">Gyertya</a></li>
<li><a href="baba.html">Baba</a></li>
<li><a href="parna.html">Párna</a></li>
</ul>
</li>
<li><a href="eee.html">eee</a></li>
<li><a href="fff.html">fff</a></li>
<li><a href="hhh.html">hhh</a></li>
</ul>
<div style="clear both"></div>
Miért nem nézed meg mondjuk
Szerintem eléggé trehány a kódod, a magad érdekében legalább a behúzásokra ügyelhetnél, később csak gond lesz vele, ha mondjuk fél év múlva módosítani kell rajta.
Igazad van... bocsi
újból ....
Újból megpróbálkoztam, de most nem másolom ide hanem a honlapomat linkelem be itt Hogyan tehetném az összes menüt középre, hogy kicsit jobban nézzen ki? Egy kis segítő tanács jól jönne, mert valahogy nem az igazi..
Köszönöm előre is
Jaj, nem értem a következőt:
A gyógyulási részt már vagy 5x felülírtam, de mégsem változik át. Látom a forráskódnál, hogy a régi van fenn csak nem tudom miért. Pedig csatlakoztatva van amikor felülírom..
#navmenu css
display: inline;. Tippeltem csak, nem próbáltam, úgyhogy bocs, ha tévedtem.Más.
- Ha HTML5, akkor a div helyett (#navmenu) használhatnál <nav> tag-et.
- Menüben van egy rész, amit kivettél - gondolom időlegesen - megjegyzésbe:
<ul> <li><a href="forum.html">Fórum</a>, viszont a záró tagek</li></ul>kint maradtak. Ettől még működik, csak megláttam.- Láblécben a (copy) HTML/CSS kissé furi. "Ők" kicsodák? Ők készítették honlapodat?
- Egyébiránt tetszik az oldal (és hozzáállásod is), én elolvastam volna azt is, hogy mi az az SLE. Szerintem belinkelhetnéd azt is.
- A böngésződ még az előző verziót cache-elte, és - mivel a "fájlnév" u.az - még nem töltötte újra a lapot. Ilyenkor töröld az ideiglenes fájlokat.
- Valami hiba a szerver-feltöltés kapcsán v. a kiszolgáló progiban. Ennek megítéléséhez a teljes feltöltési folyamatot ismerni kéne, és akkor is elképzelhető, hogy nem én fogom tudni a választ.
Apróbb sikerek..
- Az ideglenesen kivett fórum most már nem látszik </ul></li> kiszedve.
- Sikerült felülírni most már mindent amit tegnap este nem..
- A cikkeknél a tehercipelés oldalon mindjárt van egy link az SLE-ről, biztos átfutottál rajta :)
- <div id="navmenu"> helyett <nav> eddig értem de a css-nél hogy írjam? Próbálkoztam, de sehogy nem sikerült formázatlan lett úgy, így visszaraktam.
Lesz több is
- :)
- :)
- Én belinkelném a főoldalról is, múltkor én nem olvastam el a cikkeket... A linket próbáld ki, nekem nem működött, de találtam helyette: "http://www.lupusz.hu/sle/sle1.php".
- Css-ben egy adott tag (most a
nav) összes elemére így hivatkozol:nav {...tulajdonságok;}, míg adott azonosítóra:#navmenu {...}. Tehát két lehetőséged van:1.: css-ben kicseréled "#navmenu"-t "nav"-ra (én ezt tenném);
2.: HTML-ben a '<nav>' helyett '<nav id="navmenu">'-t írsz (tehát neki adod a korábbi div azonosítóját).
Kicsit később még utánagondolok ennek a menüközépre dolognak.
menü középrehelyezésére a
a hosszú válasz hosszabb :D
a #wrapper és #navmenu divekre nem igazán van szükség. a menüd pedig legyen egy darab ul (most minden menüpontod külön ul-ben van).
ul (unordered list) - rendezetlen lista
li (list item) - lista elem (természetesen a li is tartalmazhat ul-t, ezzel hierarchia hozható létre)
de.
ha nem akarsz web programozással foglalkozni (munkáidat elnézve nem akarsz és nincs is rá szükséged), csak meg szeretnéd csinálni magadnak a honlapodat, akkor használd nyugodtan az első megoldást.
és gratula! szép munka!
Tuti?
margin: auto;IE7..8 alatt is középre teszi?A
width: 660px;- el annyiban vitatkoznék, hogy végre láttam egy relatív méretezésű oldalt... Kár lenne elrontani.Szerk.:
width: 660px;: visszavonom, menü többi része is px-ben van.padding: 0;Áááá, mérnök nem
a semmi mértékegységét
Részletesen
CSS:
HTML:
A #navmenu szélességét számold ki pontosan (a border értékekkel együtt), mert ezen a div-en belül baloldalra float-olod a cuccost, úgyhogy amennyivel nagyobbra hagyod, annyival fog középről elcsúszni.
Az almenüknek érdemes lenne alaphátteret is beállítani, kódban a magyarázat.
Főoldalon az e-mail címeden még js trükk sincs? Akkor már begyűjtötték a spamrobotok! Kéne egy üzenetküldő űrlap, akkor nincs ilyen gond.
Ha későbbi fórumban gondolkodsz (és más szempontból is) javaslom az utf-8 karakterkódolást.
Remélem így már menni fog! (Ezt kipróbáltam IE8 és FF6-on jó.)
javítgattam..
Először is köszönöm a sok hozzászólást, kedvesek vagytok!
A menü középre ment és már színe is van IE-ben is :) Az nem gond, hogy a Firefoxban és az IE-ben másképp jelenik, meg? Mármint az hiba? Talán szerencsésebb lenne ha vízszintesen lennének az almenük... de hogyan?
A láblécet kivette, mert igazából sok értelme nem volt, csak hát sok helyen láttam, hogy van, gondoltam "kell". De nálam felesleges... Az üzenetküldő űrlap meg nekem sehogy sem sikerül.. :(
Még a képeimet szeretném majd másképp megcsinálni. Azért kellett ketté választani, mert a jalbum free kapacitását túlléptem :P
Andi
Nem hiba
A láblécet - ahogy gondolod. Szoktak oda optimalizációt (is) írni, és lehet, hogy számodra is volna értelme a copyright-nak, csak a te neveddel.
Képek:
Ha kicsit megy a php, a képnézegetést érdemes vhogy úgy csinálni, hogy php-ből csinálsz egy listát a js számára, amiből az sorban (pl. jQuery-vel) és szépen megjeleníti a galéria képeit. Itt hátrány, hogy mi legyen, ha Júzernek nincs engedélyezve js.
Vagy: Képfeltöltéskor a feldolgozó szkript legyárt a képből egy miniatűrt is, a galéria lapján pedig ezek felhasználásával (szintén php-vel) készítesz linkeket, amik a nagy képekre mutatnak. Ez működik js nélkül, de "régies".
(Jalbum: én még nem használtam, de a honlapod képgalériája miért nem a te honlapodhoz tartozik? /Ott kéne lennie u.azon szerveren, saját mappá(k)ban, képeid hozzád vonzzák a látogatókat, ne máshova!/)
További sok sikert!
semmit (mást) nem tudok....
A képeket sem tudom így megoldani, de végül is az nem akut, mert átmeneti megoldásnak jó a Jalbum. De fülembe ültettétek azt, hogy a tárhelyen tároljam a képeket. Adatbázist lehet csinálni, de nem merek hozzányúlni ahhoz sem... majd talán egyszer. Milyen php-s könyv van ami kb. olyan színvonalú mint amit én kaptam, hogy fel is tudjam fogni mi van benne?
A lábrészt akkor érdemes lenne visszatennem, ha jól értem és csak a nevemet írjam oda?
Andi
Új téma
Semmi gond, mindent meg lehet oldani, csak jó hozzáállás kell, az pedig - szerintem - megvan.
[Megj.: a további (pl. php-s) kérdéseidet inkább új - megfelelő - fórumon, új témaként tedd fel.]
Sorrend (ha tanulni akarsz):
1. HTML-CSS: nagyon jó, hogy ezzel kezdted, úgy tűnik: érted is, amit csinálsz.
2. js, (és pl. JQuery): kliens oldali trükkök, apró programok írása, vmilyen plugin használata. Elsősorban design célokra, felhasználóbarátabb felület kialakítására (űrlapellenőrzés).
3. PHP: szerver-oldali program, először csak kisebb feladatok (pl. űrlapfeldolgozás) ellátására, később a megnövekedett igények megvalósítására is. Ehhez szükséges lesz az otthoni gépedre is Apache-PHP-Mysql telepítésre, hogy ne csak élesben próbálhasd ki amit éppen programoztál. Egy megfelelő szerkesztőprogi is kell (többnyelvű kószínezés, kódkiegészítés, nem feltétlen wysiwyg), én az ingyenes Komodo Edit híve vagyok.
4. MYSQL: akkor, ha php már aránylag megy, mert az is kell hozzá. A mysql egy adatbázis-fajta, amiben különböző táblákat hozol majd létre, ezekből SQL nyelvű lekérdezéssel, beszúrással, stb. kezeled az adatokat. Az adatkezelő műveleteket, ill. az érkező adatok HTML lapba illesztését php programmal oldod meg.
Dióhéjban ennyit a tanulásról. Könyvek. Hát azt én is itt szoktam megkérdezni. Nemrég vmelyik topicban linkelt nekem Poetro js-hez offline könyvet, keress rá, volt közte jó is és js lenne a következő témád (ebben én se vagyok "húde", épp csak alap).
PHP-hoz elsősorban a letölthető manual-t ajánlanám, némi klattyolgatás árán megtalálható a részben (magyarra) lefordított változat. Azon kívül online: http://php.net/manual/en/index.php
Mysql: én nagyobb részben más nyelven (Delphi) programoztam, ennek kapcsán írtam sok sql lekérdezést, egyetlen mysql könyvem: Hatvany Béla Csaba: MySQL.NET. A .net engem nem érint, viszont nekem bejön az első (mysql) fele nagyon. De a papírkönyvek nem olcsók. Nézz el Nagy Gusztáv oldalára is könyv ügyben, amiket tőle olvastam, csak ajánlani tudom. Sok helyen írják az angoltudást, igen kevés (jó) magyar könyv van, és előbb-utóbb lesz olyan problémád, amire csak angolul találsz doksit. (Angolom nekem is gyengécske, szenvedek is tőle eleget.)
Ne ilyedj meg, hogy "mennyi minden kell a php-hez", nem olyan sok az és megéri.
Biztos, hogy vendégkönyvre van szükséged? Nem fórumra? Ezeket gondold át, mielőtt nagyon nekiveselkednél, ne kelljen később másikat csinálni helyette.
Döntsd el, hogy milyen segítséget vársz, inkább te akarod programozni a saját oldalad (és segítsek/~ünk a lépésekben), vagy feladatspecifikációt írsz és kész forráskódot kérsz vissza. A Te honlapodhoz - a jó célért, bizonyos időkeretig - az utóbbit is vállalom (mail), de jobban örülnék az előbbi megoldásnak.
Képet, ilyesmit meg tudod oldani, ha email-form, vendégkönyv/fórum már megvan.
Lábléc: ahogy gondolod. Nekem a (c) HTML/CSS (vagy hasonló) szúrta a szemem. (Ugye ez azt jelenti: "Minden jog fenntartva, jogosult: HTML/CSS" és én "őket" mint leírónyelveket ismerem, nem magán/jogi - személyként.) Azt neked kell tudnod, hogy korlátozás nélkül akarod-e engedni a tartalmaid másolását.
Üdv. Pepita.
Vendégkönyv
- Igen, biztos, hogy vendégkönyvet szeretnék. Hetek kérdése és megjelenik egy írásom és én arra számítok, hogy ezáltal több betegtárs meglátogatja a honlapomat.
- Holnap - ma már fáradt vagyok hozzá - megnézem miket ajánlottál.:)
- Láblécen még gondolkodom.
- Új php-s témát még nem gondoltam, hogy nyitok, mivel nem is tudok mit kérdezni, majd ha kicsit okosodtam akkor tudok majd konkrétan kérdéseket feltenni.
Andi
Igen, biztos, hogy
Ami a saját fejlesztésű vendégkönyv vagy hozzászólás esetében szükséges lesz egy adag elmélet is. Egy űrlap tartalmát szerver oldalon elmenteni majd később megmutatni, a lehető legegyszerűbb feladatok közé tartozik. Viszont hamar kiderülhet (főleg ha bejön a számításod és lényeges látogatótáborra teszel szert), hogy szűrni/védni is kell:
- türelmetlen látogató által többszörösen elküldött tartalmak
- trollok által beküldött nemkívánatos tartalmú/hangnemű vélemények
- botok által beküldött form spam
- script kiddie-k által kezdeményezett flood
- crackerek által végrehajtott script injection támadás
esetleg más kellemetlenségek ellen. Ezek persze mind beépíthetőek utólag is, de sokkal kényelmesebb ha már a kezdetektől gondol rájuk az ember.lehet..
A menük rendezése, amiért nyitottam a témát azt sikerült megoldani. Köszönet érte :)
Esetleges hibákat ha láttok, vagy ötletetek van a honlappal kapcsolatban azt szívesen fogadnám e-mailben :)
Köszönök mindent!
üdv: Andi