500
A webfejlesztés netovábbja. :)
-
#220
Na alakulgat de ahogy beirtam ezt a :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> azonnal a felül a fehér csík nagyon hósszú lett a kelleténél. Viszont a jobb tartalom az IE-be elcsúszik 1-2 pixelt. Firefoxba pedig megint jó :)
Az oldalt feltöltöttem! -
#219
Huh...
Nem tudnád megírni a diveket mert...valahogy csak nem jó. A headert nem is fogadja el helyette a "fejlecet" írom...
-
#218
Javaslom az alábbiakat:
1. Az oldal kódjának legelejéből ne felejtsd el a doctype-pot. Esetedben - az egyedülálló <meta> tag írásmódjából következtetve - XHTML Transitionalt javasolok:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. Gondold át az oldal koncepcióját.
Én a HTML-kód <body> és </body> közötti részét így képzelném el:
<div id="container">
<div id="header">
</div>
<div id="menucontainer">
</div>
<div id="contentcontainer">
<div id="rightcol"></div>
<div id="leftcol"></div>
</div>
<div id="footer">
</div>
</div>
A container blokkot helyezzük középre vízszintesen.
A header tartalmazza a fejléc képét, a menucontainer a menüelemeket (javasolnám használj rendezetlen listát, a listaelemeket egymás mellé lebegtetheted, vagy display:inline-nal egymás mellé rakhatod), a contentcontainernek (851 pixel széles) lehet megadni a lefele blokk háttérképét, illetve 30 pixeles padding-top mutatná meg az előbb említett háttérképet.
A contentcontainerben két egymás mellé lebegtetett (mind a kettőnek float: left; CSS-definíció kell) blokk van a rightcol és a leftcol. A rightcol 164 pixel széles, ez tartalmazza az oldalsó képeket, a leftcol meg 687 pixel széles, ez meg a tartalmat.
A footer zárja az egész oldalt, ennek érdemes egy clear: both; CSS-tulajdonságot adni. -
#217
IE alatt is nézzétek meg!!! -
#216
A LINK
Remélem látszik az elcsúszás :) -
#215
Sziasztok! Elakadtam a DIV-eknél!
Van két DIV. Ezt egymás mellé szeretném rakni(lebegtetéssel) de csak nem sikerül. Na most, találtam rá megoldást, Firefox-ba működik szépen, de ez az IE...Itt vagy 50px-el arréb van csuszva:S
Feltöltöm az oldalt és megnézitek!!!
Köszi előre is a helpet!!! -
#214
Meg .css-t irni. -
#213
Ja amugy meg tudok én html-ezni de igy valamivel könnyebb és időt spórolok. Meg közbe én nézem a html kódokat hogy miiket rak be, és volt már rá példa hogy valamit azzal tuttam kijavitani... -
#212
function kinyit(sec) {
thisSec = document.getElementById('e'+sec);
if (thisSec.style.display != 'none') {
thisSec.style.display = 'none';
} else {
thisSec.style.display = 'inline';
}
}
ezzel a kóddal működik, kösziii!!!! -
#211
"amely a lap tartalmán belüli keresést tenné lehetővé"
PHP-ban írt keresőmotrok -
#210
Egy javaslat a Javascript kód (reszletek2.js) kialakítására:
function kinyit(sec) {
thisSec = document.getElementById('e'+sec);
if (thisSec.style.display != 'none') {
thisSec.style.display = 'none';
} else {
thisSec.style.display = 'inline';
}
}
Itt szimplán kiválasztjuk azt az azonosítójú elemet, amely e betűvel kezdődik, és a függvény sec paraméterében átadott karakterrel végződik.
Ha az adott elem nincs elrejtve, elrejtjük, ha el van rejtve, megjelenítjük. -
#209
1. Ha javasolhatnám, ne a forráskódot másold be. Töltsd fel egy tárhelyre, mert így megnehezíted a hibakeresést (a Javascript kódnál levő tömbelemek indexe átalakult dőlt betűformázássá; a képeket nem látjuk, stb...). No meg széttolja a fórumbejegyzést.
2. Mi szeretnél mit csináljon a Javascript kód?
3. Futtass végig az oldalon egy validátort. Én csak 41 hibát találtam meg vele.
4. Táblázatos oldalszerkezet profitorientált oldalnak - 2008-ban már kissé elavult. Tessék megismerkedni a táblázatmentes oldalkialakítással és a CSS-sel: egy profitot remélő cég nem veszíthet potenciális ügyfelet az elavult technika miatt. -
#208
JAH működik igy egymagában de egy weboldalon nem megy:S:itt nem működik:
<!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">
<head>
<script language="JavaScript" src="reszletek2.js"></script>
<link rel="stylesheet" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Charlie Hűtő Kft.</title>
<style type="text/css">
<!--
.style1 {color: #000000}
.style3 {font-size: 13px; }
.style4 {font-size: 10px}
-->
</style>
</head>
<body>
<div align="center">
<div id="top"></div>
<table width="800" border="00" align="center" cellpadding="00" cellspacing="00">
<tr>
<td><img src="pic/header.jpg" border="0" usemap="#Map" /></td>
</tr>
</table>
<table width="800" border="00" align="center" cellpadding="00" cellspacing="00" bgcolor="#FFFFFF">
<tr>
<td background="pic/down.jpg" width="10"> </td>
<td width="200" height="30" background="pic/down.jpg"> </td>
<td width="577" height="30" background="pic/down.jpg"> </td>
</tr>
</table>
<table width="800" border="00" align="center" cellpadding="00" cellspacing="00" bgcolor="#FFFFFF">
<tr>
<td width="10" background="pic/up.jpg"> </td>
<td width="200"><img src="pic/menu.jpg" width="200" height="20" /></td>
<td width="590" background="pic/up.jpg">
</td>
</tr>
</table>
<table width="800" border="00" align="center" cellpadding="00" cellspacing="00" bgcolor="#FFFFFF">
<tr>
<td width="10"> </td>
<td width="200" valign="top"><div align="center">
<table width="200" border="00" cellspacing="00" cellpadding="00">
<tr>
<td width="5" background="pic/balszelso.jpg"> </td>
<td width="190" background="pic/down_menu.jpg"> </td>
<td width="5" background="pic/jobbszelso.jpg"> </td>
</tr>
<tr>
<td colspan="3"><div align="left"><a href="index.html" target="_parent" class="style3"><img src="pic/pont.jpg" width="20" height="10" border="0" />Kezdőlap</a></div></td>
</tr>
<tr>
<td colspan="3"><div align="left"><a href="termekek.html" target="_parent" class="style3"><img src="pic/pont.jpg" width="20" height="10" border="0" />Termékek</a></div></td>
</tr>
<tr>
<td colspan="3"><div align="left"><a href="kapcsolat.html" target="_parent" class="style3"><img src="pic/pont.jpg" width="20" height="10" border="0" />Kapcsolat</a></div></td>
</tr>
<tr>
<td align="left" colspan="3"><img src="pic/pont.jpg" width="20" height="10" border="0" /><a href="linkek.html" target="_parent">Linkek</a></td>
</tr>
<tr>
<td></td>
</tr>
</table>
<table width="200" border="00" cellspacing="00" cellpadding="00">
<tr>
<td><div align="center">Hírdetés</div></td>
</tr>
<tr>
<td><div align="center"> <script type="text/javascript">
var iframesrc="hirdetes.htm"
document.write('<iframe id="datamain" src="'+iframesrc+'" width="190px" height="190px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"></iframe>')
</script>
</div></td>
</tr>
</table>
<table width="200" border="00" cellspacing="00" cellpadding="00">
<tr>
<td><div align="center"><span class="style4">Ha a kurzort a szövegre húzza, akkor az megáll!</span></div></td>
</tr>
</table>
<p> </p>
</div></td>
<td width="590" background="pic/star_bg.jpg"><p align="center"> </p>
<p align="center"><p> </p>
<span class="style4"><a href="javascript:kinyit(1)"><font face="Verdana">Részletek</font></a></span><font size="1" face="Verdana"><br></font></p>
<table cellpadding="5" cellspacing="0" width="160" border="0">
<tr id="e1" style="display:none">
<td width="320" bgcolor="#CCCCCC" style="border-width:1px; border-color:rgb(153,153,153); border-style:solid;">
<p align="center"> <font size="2" face="Tahoma">Ide írhatsz
valamit<br> Ide írhatsz valamit<br> Ide írhatsz valamit<br> Ide
írhatsz valamit<br> Ide írhatsz valamit<br> Ide írhatsz
valamit<br>Ide írhatsz valamit</font></p></td>
</tr>
</table>
</p>
<p align="center"> </p>
<p align="center"> </p></td>
</tr>
</table>
<table width="800" border="00" align="center" cellpadding="00" cellspacing="00" bgcolor="#FFFFFF">
<tr>
<td height="30" valign="middle" background="pic/alul.jpg"><div align="right"><a href="#top" class="style1" >Ugrás az oldal tetejére ^</a></div></td>
</tr>
</table>
</div>
<p align="center"></p>
<map name="Map" id="Map"><area shape="rect" coords="334,156,425,174" href="http://charliehuto.hu" target="_blank" />
</map>
</body>
</html>
-
#207
Sziasztok!!!
Van nekem egy scriptem és Mozzilla Firefox-ba nem működik, IE alatt pedig szépen fut.
Script:
BODY RÉSZE:
<a href="javascript:kinyit(1)"><font size="1" face="Verdana">Részletek</font></a><font size="1" face="Verdana"><br></font></p>
<table cellpadding="5" cellspacing="0" width="160" border="0">
<tr id="e1" style="display:none">
<td width="320" bgcolor="#CCCCCC" style="border-width:1px; border-color:rgb(153,153,153); border-style:solid;">
<p align="center"> <font size="2" face="Tahoma">Ide írhatsz
valamit<br> Ide írhatsz valamit<br> Ide írhatsz valamit<br> Ide
írhatsz valamit<br> Ide írhatsz valamit<br> Ide írhatsz
valamit<br>Ide írhatsz valamit</font></p>
</td>
</tr>
</table>
HEAD RÉSZE:
<script language="JavaScript" src="reszletek2.js"></script>
reszletek2.js:
function kinyit(sec)
{
thisSec = eval('e' + sec);
if (thisSec != null){
if (thisSec.length){
if (thisSec[0].style.display != 'none'){
for (var i=0;i<thisSec.length;i++) {thisSec[i].style.display = 'none'}
}
else{
for (var i=0;i<thisSec.length;i++) {thisSec[i].style.display = 'inline'}
}
}
else{
if (thisSec.style.display != 'none') {thisSec.style.display = 'none'}
else{thisSec.style.display = 'inline'}
}
}
}
Nincs valami megoldás hogy firefoxba működjön??? Fontos lenne mert ez a script nagyon illene az oldalhoz!!!
Köszi előre is a helpet!
-
#206
khmmmm - a végén benne felejtettem a linket... khmmm -
#205
sziasztok,
Ezen a HTML alapú lapon új főoldalt készítek és szeretnék valahol a menü alatt egy keresőt készíteni, amely a lap tartalmán belüli keresést tenné lehetővé. A hozzáolvasottakból, úgy gondolom lehetséges mindez. DW használok, de eddig ez nem merült fel, és ezért fogalmam nincs, hogy kezdjek hozzá. Gondolom, ennek is van valami metódusa, automatizmusa. Hozzá kell tennem, hogy csak HTML-el foglalkoztam eddig, és abszolút van még ebben is mit tanulnom. Ha mégis úgy gondolja valaki, hogy meg lehet ezzel a tudásommal is oldani, megkérem írja le a folyamatát és mit milyen menüponton keresztül, hogy kellene csinálnom. A válaszokat előre is köszönöm.Ezen a HTML alapú lapon -
#204
Ezért emlegettem mazochistákat. ;)
Mellesleg az Ubuntu konferencián (voltam) pont volt egy előadás a vim-ről és az emacs-ról. -
#203
azért a vi-t weblapszerkesztésre használni hát nem tudom szoval izé :D akkor már inkább mcedit :) -
Bruti #202 Helló! Segítsetek please!
Azt szeretném elérni Dreamweaver-ben, hogy az általam készített oldal is ugyanúgy reagáljon a böngésző ablakméretének változtatására, mint ez az sg.hu oldal. Tehát ha csökkentem az oldal szélességét, akkor a háttér "megy összébb" és az aktív fórum rész áthelyeződik.
Hogyan tudom ezt elérni?
Köszi. -
#201
köszönöm! :) -
#200
Én kódszerkesztő programot (olyan program, amibe nekem kell beírni a HTML, CSS, Javascript, PHP, SQL,... kódokat, a program meg segít a szintaxiskiemeléssel, szintaxisjavaslattal) szoktam használni. Jelenleg az ingyenes Komodo Editet preferálom, de a PsPad sem rossz (egyesek az emacs-re esküdnek, mások a vim-et szeretik, a mazochisták meg a vi-ra, meg a Jegyzettömre teszik le a voksukat ;) ). -
Gyuszy93 #199 Köszönöm a gyors választ ezt a 3. újra telepítésre is kirakta szoval nem tudom hogy mi a baj de akkor majd valami más webszerkesztö cumot keresek... Ajánlás valami hogy meik a legjobb(a DW-n kivül)? -
#198
Röviden:
"Ezen termék licencelése megszűnt.
Nem használhatod ezt a terméket. Helyre kell hozni a problémát a termék eltávolításával, és újratelepítésével; vagy segítségért vedd fel a kapcsolatot a rendszergazdával, vagy az Adobe ügyféltámogatásával."
Megoldási lehetőségek:
1. Eltávolítod, majd feltelepítesz egy ingyenes alternatívát (Dreamweaver helyett: NVU, Amaya, Komodo Edit, PsPad, Notepad2, Notepad++, Aptana,...; Photoshop helyett: Gimp, Paint.NET)
2. Eltávolítod majd újratelepíted a programot.
Ha az előbbiek nem szimpatikusak, nem válnak be:
3. Eltávolítod - és ha eddig nem tetted volna meg - elmész a boltba, megveszed, és a kapott adathordozókról feltelepíted a programot.
4. Eltávolítod, letöltöd valami fájlmegosztó hálózatról (eMule, DC++, Torrent) és feltelepíted. Aztán reménykedsz, hogy nem kapsz valami trójait,és/vagy nem kopogtat nálad a BSA. :) -
Gyuszy93 #197 Sziasztok ez lenne a problémám... ![]()
ezt az összes Adobe programnál előadja...(Photoshop stb...) Szerintetek mi lehet a megoldás??
-
#196
ha kell a hangfelvétel akkor átudom adni, igaz kicsit rossz a minőség de élvezhető (Hofi) -
#195
"faustus mennyiért írod az oldalakat"
"Pénzért mindent - szopok, nyalok, gobot varrok." - Hofi
![]()
"táblázatokról lenne szó.az meg van,hogy hogy rakjam egymás mellé,csak nem akarom őket közvetlenül egymás mellé rakni."
Kulcsszó a lebegtetés (float CSS tulajdonság), és a margó (margin CSS tulajdonság).
Példa
"és ha lehet,ne kódokat írjatok mert ugyan semmiség lenne bemásolni aztán írni bele,de ha mindig beírogatni mondjuk sok idő"
1. Szakmai segítséget pedig kódokban fogsz kapni. Korrektebb, érthetőbb, platformfüggetlenebb. Tessék megtanulni a webes nyelveket.
2. Jobb kódszerkesztő programokban van szintaxis-javaslat, lehet sablonokat kreálni, ott a vágólap, a külső stíluslapok használatával meg egy stílusdefiníció alkalmazható több oldalra. -
#194
ilyet hogy tudok csinálni Dreamweaverben?
![]()
táblázatokról lenne szó.az meg van,hogy hogy rakjam egymás mellé,csak nem akarom őket közvetlenül egymás mellé rakni.
és ha lehet,ne kódokat írjatok mert ugyan semmiség lenne bemásolni aztán írni bele,de ha mindig beírogatni mondjuk sok idő.arra vagyok kíváncsi,hogy designer módban hogy kivitelezhető a dolog. -
#193
ja és még valami..... faustus mennyiért írod az oldalakat? :) amúgy visszatért a régi logod :) -
#192
"Az oldalamat ha Firefoxba nézem akkor mutat egy képet. Ha Ie-be akkor meg nem mutatja az egyik képet, ami háttér egy táblának. :S "
Ha látnánk oldalpéldát könnyebben segíthetnénk - nem kellene találgatni. -
#191
Már sikerült :) -
#190
Jajj még egy probléma :S
Az oldalamat ha Firefoxba nézem akkor mutat egy képet. Ha Ie-be akkor meg nem mutatja az egyik képet, ami háttér egy táblának. :S -
#189
Köszii!!! -
#188
Ahol vissza akarsz menni:
<a href="#top">Ugrás a tetejére</a> -
#187
"Azt nem tudod, hogy hol találok olyan scriptet amit ha megnyomunk az oldal tetejére ugrik ???"
Nem a scriptet nyomjuk, meg, hanem a gombra, linkre (képre, objektumra, stb...) kattintunk.
A legegyszerűbb megoldás: közvetlenül a <body> tag után (ez elvileg elhagyható lenne, de a biztonság kedvéért belerakjuk):
<div id="top"></div>
Ahol vissza akarsz menni:
<a href="top">Ugrás a tetejére</a> -
#186
Köszi, közben már talátam!
Nah szóval még lenne egy kérdésem!
Azt nem tudod, hogy hol találok olyan scriptet amit ha megnyomunk az oldal tetejére ugrik ???
Köszi elöre is!
Sült galamb van :D -
#185
Google 3. magyar találata az OsCommerce keresőszóra.
Sült galamb repüljön? ;) -
#184
Köszi! És valami magyar nyelvű leírást tudsz?? -
#183
Az osCommerce például nyílt forrású, ingyenes letölthető.
Az előbb említett oldalon is találhatsz további ingyenes alternatívákat.
-
#182
Hát ez pénzbe kerül, nem???? Mert letölteni nem tudom. Kódot nem látok :S -
#181
"Szeretnék egy olyan weboldalt készíteni amire lehet rakni webáruházat."
Webáruház létesítéséhez vannak szerveroldali szkriptek.
Ilyen például az osCommerce.
Meg lehet oldani, hogy online fizessen, és/vagy kiállítsa a számlát, de ahhoz azért kellő jártasság kell (nagyon oda kell figyelni, mert mások pénzével játszunk, illetve a számla kiállítása is egy veszélyes terület).
ezt az összes Adobe programnál előadja...(Photoshop stb...) Szerintetek mi lehet a megoldás??
