Dreamweaver

"Huh....kicsit okosabb lettem, de nem értem, mért nincs olyan segítség sehol ahol a lépéseket irnák le, és nem html kodokban?"
Azért, mert:
1. a weboldalak alapját szkript- és leírónyelvek alkotják, a böngészõk ((X)HTML, CSS, Javascript), és a webszerverek (a szerveroldali nyelvek - PHP, ASP, JSP, CFML, Perl,...) ezeket a nyelveket értelmezik. Ezért könnyebb úgy segítséget nyújtani, hogy közös nyelvet beszélünk a böngészõvel (a webszerverrel).

Pláne ha a böngészõk különbözõképpen értelmezik a kliensoldali szkriptnyelveket és leíró nyelveket - ezt pedig csak úgy lehet elmagyarázni ha a kódolást magyarázzuk el (grafikus szerkesztõprogramban eléggé lehetetlenség elmagyarázni, hogy hova kattints, ha az IE6-ban másképp jelenik meg az oldal mint Firefoxban)

2. mint a programozási nyelveknél, a szerveroldali (PHP, ASP, JSP, CFML, Perl,...) és a kliensoldali (Javascript) szkriptnyelveknél nincs igazán mód grafikus szerkesztõprogram használatára. Meg kell tanulni kódolni.

3. Konkrétabb, pontosabb segítség kapható/nyújtható, mert pontosan leírható, hogy a kapott kódban mi a hibás, mit értelmez az adott böngészõ másként.

Huh....kicsit okosabb lettem, de nem értem, mért nincs olyan segítség sehol ahol a lépéseket irnák le, és nem html kodokban?
Ez hülye kérdés volt, nem?

"ezekkel kell kisérletezni hogy középre helyezd! "
Nem kell kísérletezni.
Olvasni.

A cikkhez még javaslom, hogy:
1. tessék megtanulni rendesen kódolni - a WYSIWYG nézet sem helyettesíti a rendes kódolást
2. Ha CSS-t használunk a stílusdefiníciók legelejére ajánlatos az alábbit beírni:
* {
border: none;
padding: 0;
margin: 0;
}
Ez szanálja (kiiktatja) a böngészõk egyéni "alapbeállításait".

adjust28:
Ha elakadsz, akkor ajánlatos azt az oldalt belinkelni amivel vacakolsz, leírni hogy pontosan melyik "blokk" nem viselkedik úgy, ahogy szeretnéd, és akkor pontosabb segítséget kaphatsz.

azért, kösz majd még vmit probálgatok, ha van vmi szolok, csak most még tanulni is kéne,de ahhoz meg idõ kell......nem könnyû😊

Ja és még a "top: 500px;" parancsal lehet még, hogy az oldal tetejétöl hol legyen!

Hát igen elvileg ja! De ha nem jó akkor passz! Amugy ezzel a két számmal kell jáccadozni a DIV elhelyezésénél!

Ezzel betudom állítani azt is, hogy az egész div ott legyen ahova tettem, és a megtekintésekor ne arébb 5 cm-rel? mert nekem ez a gond om

Na szóval:
#kozep {
width:300;
height:200px;
position:absolute;
left: 415px;
top: 40px;
}

"left: 415px;
top: 40px;"
ezekkel kell kisérletezni hogy középre helyezd!

ujabb problémám akardt.(várhato volt). Ha simán beirok egy szöveget az oldal közepébe, a megjelenítésnél is a megfelelo helyen látom. Ha viszont egy divbe teszembe, és megnézem a bongészovel, már eltolodva mutatja. Ez mért van?

tehát:

background: url(pelda/kiskep.jpg) no-repeat;

Ja és a DW-t ajánlom ha egy jó oldalt el akarsz készíteni!...

Példa oldal...

"Meg egymás alatt többször ismétli a képet. Igy ahogy lapozok lefelé, mindig látom a képet ahogy ismétlõdik."
no-repeat;

Az mért van, hogy beillesztek egy háttér képet és nem középre igazítottan jelenik meg?
Kissé jobbra elcsúszott. Meg egymás alatt többször ismétli a képet. Igy ahogy lapozok lefelé, mindig látom a képet ahogy ismétlõdik. Pedig az lenne a jó, ha csak egyszer tenné be, és aztán meg fekete lenne végig...

dataride.hu

Van oldal ahonnan letudok szedni ilyen háttereket?

értem, köszi, megpróbálom majd holnap elején Frontpages-dzsel kezdtem az oldalt, csak a DW-t ajánlották helyette. Sajnos angol teljesen......Köszi mégegyszer

"itt van szegély és annak árnyéka, van szine, meg minden"
ez kép!
"Melyik opciokban"
vagy képben rakod be vagy háttérként!

Bocsi hogy nem tuttam segiteni csak ezt muszály voltam leirni 😊

Sziasztok!
Weblapot (próbálok) szerkezteni, de még nem jöttem rá, hogyan tudnék hátteret csinálni az oldalnak.Nem szint akarok neki vagy képet beilleszteni, hanem.....inkább itt egy példa példa: http://online-ertekesites.hu/search/node
Látjátok? itt van szegély és annak árnyéka, van szine, meg minden...egyéb...dreamweaverben hol tudom megcsinálni? Melyik opciokban, aki hasonlo cipõben jár szivesen dumálok vele. Lehet tudunk egymásnak segíteni is.

köszi mindenkinek

Megkérnélek,írd már le, légy szíves, néhány szóval, milyen problémák vannak az absolut pozicionálású rétegekkel. Ugyanis, én ezt találtam egyedül olyannak, amely ott marad ahova rakom, és azon böngészõkben, amelyeket figyelek, amikor készítem a HTML-eket, egyformán jelennek meg. A sima rétegek számomra elcsúszkálnak, még véletlen sem tartják a meghatározott méretüket. A táblázatok hasonlóak, a cellák, számomra érthetetlen oknál fogva, öntörvényûen viselkednek. Szóval, én ezekkel az absolut rétegekkel nem látom mi a probléma.
Elõre is köszi a válaszokat.

"Kipróbáltam, egy mentésnél letölti a CSS-t is, ezért külön, elõvigyázatosságból is, meg nem akarom teleírni a fórumot, nem linkelem be. Úgyhogy, megkérlek benneteket, legyetek olyan jók, mentsétek ki. "
Pontosan azt a lapot linkeld be ahol a mutatott problémát tapasztalod.

"Tudom, a keresõk - nos, azt találtam ki, hogy rejtett rétegben szerepelni fognak a szövegek, így - ha jól gondolom, a keresõk tudják indexelni az oldal tartalmát... - remélem nem tévedek. "
Ha egy képet illesztesz be - aminek van tartalmi mondanivalója, akkor a képet létrehozó <img> tag alt attribútumában szerepelnie kell a kép szöveges reprezentációjának.
Ez nemcsak a keresõk miatt fontos, hanem a vakok, gyengénlátók, képeket nem használó böngészõk miatt is.

"Mert szeretném, - grafikus gondolkozású lévén, ha minden ott jelenne meg, pixel pontosan, ahova tervezem, és lehetõleg a két, környezetünkben legelterjedtebbnek vélt keresõben - a Firefoxban és a IE-ben. "
1. Ha stíluslapot használsz, elsõ lépésed az legyen, hogy szanálsz minden margót, kitöltést és szegélyt:
* {
margin: 0;
padding: 0;
border: none;
}
2. A Firefox, az Opera, a Safari általában "egy nyelvet beszélnek" - szerencsére azt, amit a W3C "ajánl" (és kevés modifikációra van szükség a különbségek kiküszöböléséhez).
IE esetén már több probléma adódhat. Itt az segíthet, ha tudod hogy az IE miben különbözik a W3C ajánlástól a de facto' szabványtól.
Pár oldal, ami ezzel foglalkozik:
http://webmania.cc/az-internet-explorer-6-css-bugjai-1/
http://webmania.cc/az-internet-explorer-6-css-bugjai-2/
http://www.positioniseverything.net/explorer.html

"Ezért absolut rétegeket használok az utóbbi idõben a legtöbb dologra. "
Feleslegesen, csak több problémát okoz az esetek többségében.

a vége felé keresõt írok de böngészõre gondoltam 😊

Ez lenne az oldal:
Tilos az A
Kipróbáltam, egy mentésnél letölti a CSS-t is, ezért külön, elõvigyázatosságból is, meg nem akarom teleírni a fórumot, nem linkelem be. Úgyhogy, megkérlek benneteket, legyetek olyan jók, mentsétek ki.
A mostani állapot a fõoldalon, nem mutatja ezt a problémát, mert úgy döntöttem, változtatási szándékommal ellentétben, ez adja a lap egyediségét. Mármint, hogy grafikus táblákban gondolkozom a fõoldalon.
Tudom, a keresõk - nos, azt találtam ki, hogy rejtett rétegben szerepelni fognak a szövegek, így - ha jól gondolom, a keresõk tudják indexelni az oldal tartalmát... - remélem nem tévedek.
A probléma, amit felvetettem, valószínû egy profi informatikusnak nem jelentenek gondot, de én állandóan küzdök vele. Mert szeretném, - grafikus gondolkozású lévén, ha minden ott jelenne meg, pixel pontosan, ahova tervezem, és lehetõleg a két, környezetünkben legelterjedtebbnek vélt keresõben - a Firefoxban és a IE-ben.
A megoldásnak azt találtam ki, hogy CSS stílusban veszem fel a .h4-3-2 tag-okat, de szerintem ez nem ugyanaz, mint amikor az alap stílus heading-et használom, mondjuk az alap stílus lapon megadva. Valahányszor a <p></p> kód közé kerül vmi- a Firefox kb. másfélszer akkora helyet ugrik, mint az IE. Így képtelenség egy képaláírást egy folyamatos szövegbe berakni a kép alá. Ezért absolut rétegeket használok az utóbbi idõben a legtöbb dologra. Csak ha hosszú a szöveg és bele kellene raknom ezt-azt, meg vagyok lõve, mert egy kiemelés és máshova kerül minden a két keresõ típusban.
Elõre is köszönöm a segítséget, és elnézést, hogy kissé hosszúra sikeredett...

Köszi, majd megpróbálom 😊

marquee tag - van egy scrolldelay attribútuma.
De javaslom felejtsd el. Non-valid, az értelmesebb böngészõk is csak jószívûségbõl támogatják.
Ha mindenképpen animálni akarsz használj Javascriptet.
Például
Vagy ott van a JQuery, a script.aculo.us, a moo.fx függvénykönyvtárak.

köszönöm - rögtön

A marquee-nek hogy lehet változtatni a sebességét???

De alapvetõen a legjobb lenne, ha a teljes oldal kódját látnánk - CSS-tulajdonságokkal egyetemben. Szóval linkeld be ide az oldalt.

<div id="tbl-big-120">

ennek a kódja is kéne!

bocsánat, az elsõ a Firefox-os a második pedig az IE6 nézet

sziasztok
mit lehet ezzel kezdeni?



A kódja:
<div id="tbl-big-120">
<h4 class="h4">Szolnokvári Rudolf István</h4>
</div>

Az elsõ IE6-ban így látszik, a második pedig Firefox3-ban.
Ugyanaz a szöveg, csak h4 lenne a szöveg, viszont ilyen szûkös helyen, ez megõrjít. Gondolom, hogy van ennek valami trükje, 1 napja nézegetem a fórumokat, nagyon kérem, valaki, aki tud, írja már le mi annak a kódja, hogy mind a kétféle böngészõben egydforma helyre kerüljön, vagyis ugyanúgy nézzen ki...

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!

Huh...

Nem tudnád megírni a diveket mert...valahogy csak nem jó. A headert nem is fogadja el helyette a "fejlecet" írom...<#szomoru1>

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.

IE alatt is nézzétek meg!!!

A LINK
Remélem látszik az elcsúszás 😊

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!!!

Meg .css-t irni.

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...

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!!!!

"amely a lap tartalmán belüli keresést tenné lehetõvé"
PHP-ban írt keresõmotrok

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.

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.

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="#blocked::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>

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="#blocked::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.style.display = 'none'}
}
else{
for (var i=0;i<thisSec.length;i++) {thisSec.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!

khmmmm - a végén benne felejtettem a linket... khmmm

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

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.

azért a vi-t weblapszerkesztésre használni hát nem tudom szoval izé 😄 akkor már inkább mcedit 😊

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.

köszönöm! 😊