HTML-szerkesztés kezdőknek!!!

Jelentkezz be a hozzászóláshoz.

Maximus4
#8742
Azt nem tudja valaki,hogy lehet eltüntetni egy topikból a fejléc körüli hírdetést?

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

#8741
Ja...

igen, lentebb említettem, hogy vmi galériát szeretnék, és
már ott jártam, bocs!

a naptár beszúrása 1xû feladat, de a galéria kódjával nagyon nem tudok mit kezdeni!

kösz.

kispeki
#8740
Azt ugye vágod, hogy ebben semmi naptár nincsen? Ez egy egyszerû Jquery Slider ha jól értelmeztem.

SoF II: C4z0rla

#8739
köszi.

találtam egy tök jót, ami megfelelne, de

van egy ilyen kódom:

$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});


na most ezt ide szeretném tenni:
<div id="center_right">...ide...</div

csakhogy ez ugye magában nem lehetséges.

de akkor hogyan?

a css részét beillesztettem, de ez ha jól gondolom php.

és az fõleg nem megy!

köszi.

#8738
Google naptárat biztos ki lehet rakni, arra fele kutakodj.
A javascriptes galériákhoz (pl ClearBox) nem kell programozói tudás.

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

#8737
Hali!
Szeretnék egy egyszerû naptárt az oldalra, amit egy 220x250px helyre tudok beill.-ni.

Tud vki ilyet, mert én nem találtam?

Az lenne a kérdésem, hogy egy galériát is szeretnék, de amit találtam vagy javascriptes, vagy mootools, vagy jqery-s. Nos egyiket sem értem.

Ezek, alapból mennek, ha felrakom a tárhelyre, vagy a progit is fel kell tenni?

Köszi a segítséget!!!!!!!!!

viso 007
#8736
Köszönöm a válaszotokat!

Voyager5
#8735
iecollection vagy ietester.
A collection lenne a jobb, csak emlékeim szerint win7-et nem szereti.
Malakai
#8734
Vagy virtualizálva futtatni, de jobb lenne, ha elférne egymás mellett több IE, mert azért ezek mindegyikének vannak limitációi, de olyan nem lesz, köszönhetõen a winbe való erõs integrációnak.
Legjobb lenne, ha köv IE-kbe (9) beleraknának korábbi módokat, tehát lenne benne IE 5.5-6-7-8-stb mód, de legalább a 6-os, persze úgyse lesz ilyen se. 😛

(\__/) ( X.x) ( } . { )

#8733
ez mutatja rögtön (ie5.5-8)

meg létezik egy IE tester nevû program is ilyen célra
viso 007
#8732
Sziasztok!

Ti hogy ellenõrzitek a kész munkáitokat régebbi pl. ie6 böngészõben?
Ezt ismerem browsershots.org/ de nem az igazi, mert sokat kell rá várni.
Nektek van valami jobb módszeretek?

Maximus4
#8731
Srácok,királyok vagytok!
Nagyon köszönöm a segítséget<#worship>

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

Voyager5
#8730
Nézd meg amit Faustus csinált. link

a <div class="tartalom">
</div> -en belül van egy újabb div, amit a stílusoknál deklaráltál is (.tartalom belso)

tehát módosítsd ilyenre:
<div class="tartalom">
<div class="tartalom_belso">
ÉS IDE JÖHET A SZÖVEG!
</div>
</div>

Hogy kicsit tisztában legyél a html tagokkal töltsd le
Nagy Gusztáv Webprogramozás jegyzetét és olvasd át alaposan a HTML bekezdést.
Utána már könnyen fog menni.
kispeki
#8729
áááh.. meg is van 😄

<div class="tartalom">
</div>

ezt írd át így:
<div class="tartalom">
<div class="tartalom_belso">
és ide írd a szöveget 😊
</div>
</div>

SoF II: C4z0rla

kispeki
#8728
mégse, visszavontam, már látom, meg van adva 😊esetleg egy link-et tudnál dobni? 😊

SoF II: C4z0rla

kispeki
#8727
azért, mert itt nem adtál meg width:-et

.tartalom {
background-image: url(http://stego.uw.hu/20101005_farmer/tartalom.png);
height: 589px;
}

SoF II: C4z0rla

Maximus4
#8726
Azt már próbáltam,de akkor nem marad a kereten belül😊

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

kispeki
#8725
<div class="tartalom">
</div>

közé 😊
pl.:


<div class="tartalom">
Lorem ipsum dolor sit amet...
</div>

SoF II: C4z0rla

Maximus4
#8724
Megint itt vagyok egy újabb láma kérdéssel😛
Megcsináltam amit írtál és minden rendben is van.Így néz ki:
<html>
<head>
<meta content="text/html; charset=ISO-8859-2"
http-equiv="content-type">
<title></title>
<style type="text/css">
body {
background-color: #8a90c2;
text-align: center;
}
.fejlec, .tartalom, .lablec {
margin: 0 auto;
width: 980px;
background-repeat: no-repeat;
background-position: left top;
}
.fejlec {
background-image: url(http://stego.uw.hu/20101005_farmer/fejlec.png);
height: 167px;
}
.tartalom {
background-image: url(http://stego.uw.hu/20101005_farmer/tartalom.png);
height: 589px;
}
.tartalom_belso {
margin: 0 38px 0 36px;
overflow: auto;
height: 589px;
width: 906px;
text-align: left;
}
.lablec {
background-image: url(http://stego.uw.hu/20101005_farmer/lablec.png);
height: 28px;
}

</style>
</head>
<body>
<div class="fejlec">
</div>
<div class="tartalom">
</div>
<div class="lablec">
</div>
</body>
</html>

A kérdésem,amit írni akarok szöveget bele,hova írjam?<#lama>

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

Rincewind
#8723
Huh, nem hiszem el, hogy egy ilyen trivialis dolog volt a ludas... Kosz! 😄
Malakai
#8722
Nálam megjelenik Chrome alatt, lehet csak a cachel van a gond nálad.

(\__/) ( X.x) ( } . { )

Rincewind
#8721
Lenne egy kerdesem a favicon-okkal kapcsolatban (gyk. a kis icon, ami megjelenik a url mellett meg a bookmark-knal).

Van nekem ez az oldalam: KLATTY (mar nem mai darab szegeny 😊, es Chrome alatt a favicon valamiert nem akar megjelenni. IE alatt viszont tokeletesen mukodik, FireFox most nincs fent azzal nem neztem.

Igy van definialva:

link rel="shortcut icon" href="favicon.ico" type="image/x-icon"
link rel="icon" href="favicon.ico" type="image/x-icon"

Mi lehet problema?
Maximus4
#8720
Értem,köszönöm!

Holnap majd nekiállok hátha ezek alapján már menni fog😊
Köszi még egyszer mindenkinek,sziasztok!

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

Voyager5
#8719
Én általában 1000px szélességûre tervezem az összes oldalt.

Az az oka, hogy sokan használnak még 1024x768-as felbontást, az oldalsó görgetõsáv meg kb 20px-nyit tesz ki. Így aki ilyen felbontással nézi annak nem jelenik meg alul a bal<->jobb görgetõsáv illetve ugye a tartalom nem csúszik ki jobbra.
Maximus4
#8718
Te jó ég,pont ilyenre gondoltam!Nagyon köszönöm a segítséget mindnyájatoknak!Átnyálazom amiket írtál és ha még gondom lesz jövök lámáskodni😄

Még egy kérdés.
Mekkorára érdemes csinálni az oldalt?Értem ezalatt a méretét.Mert én 1280x1024-re csináltam,de ugye rengetegen használnak wide monitort.Azokon,hogy fog megjelenni?

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

Maximus4
#8717
Köszi,ez már majdnem olyan mint ami nekem kell😊
De most mozog a háttérkép is.Ha jól tudom ezt ezzel meg lehet oldani:
background-attachment:fixed;
Lehet,hogy nem fogalmaztam elég világosan,bocsi.
Én azt szeretném ha a farmerama,lécekkel keretezett részébe tudjak írni és csak a kereten belül legyen görgethetõ a szöveg.
A képpel pedig az a baj,hogy ha le is tudom fixálni akkor sem látszik az alja.

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

Dj Faustus
#8716
Itt láthatsz egy példát egy megvalósítási lehetõségre, az oldal kinézetét beállító stíluslap innen érhetõ el.

A lényeg az, hogy 3 részre osztjuk az oldalt:
- egy 980*167 pixel méretû "fejléc"-re
- egy 980*589 pixel méretû "tartalom"-ra
- egy 980*28 pixel méretû "lábléc"-re
Mindegyik blokk háttere adott képû (lásd: background-image CSS-tulajdonság), pozicionálású (lásd: background-position CSS-tulajdonság), nem ismétlõdik (lásd: background-repeat CSS-tulajdonság).

A "tartalom" blokk belsejében elhelyezünk egy "tartalom_belso" nevû blokkot, aminek a mérete a "tartalom" blokk-a két szélsõ "deszka" (a jobb és bal oldali margók is követik a "deszkák" méretét).

Hogy a "tartalom_belso" blokkban levõ szöveg ne csorduljon túl, ezt az overflow CSS-tulajdonság auto értékûvé állításával érhetjük el.

CattiBrie
#8715
ja, tévedek

ne background-image: legyen, hanem csak background:

boci!

[/spam]&#8482;

Voyager5
#8714
background-image-be nemfogja elfogadni a repeat parametert.

<body
style="background: url(http://noob.hu/2010/10/04/masik_oldal1.png) no-repeat;">

vagy:

<body
style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png) ; background-repeat: no-repeat;">
Maximus4
#8713
hmm..így meg nem jeleníti meg a háttérképet.
Ez marad belõle:

<html>
<head>
<meta content="text/html; charset=ISO-8859-2"
http-equiv="content-type">
<title></title>
</head>
<body style="">
<br>
<br>
</body>
</html>

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

CattiBrie
#8712
Aham, ez jó

Ez helyett:

<body
style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png);">


így:

<body
style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png) no-repeat;">


Ezt írd bele, mentsd el és böngészõben nyisd meg. 😊

[/spam]&#8482;

Maximus4
#8711
Ennyi van a forrásban ha csak a kép van benne:

<html>
<head>
<meta content="text/html; charset=ISO-8859-2"
http-equiv="content-type">
<title></title>
</head>
<body
style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png);">
<br>
</body>
</html>

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

CattiBrie
#8710
Van olyan, hogy forrás.

[/spam]&#8482;

Maximus4
#8709
A helyzet az,hogy megnyitom a programot és azon belül a formátum fülön keresztül tárhelyre feltöltött háttérképet berakom és ennyi.A body részbe csak ez van😞
Aztán van css gomb ahova beírtam amit kispeki javasolt,de az nem mûködött.

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

CattiBrie
#8708
Elvileg a body kapja meg a hátteret, de lehet, hogy table-nek célszerûbb volna (most ezt nem tudom). Elvileg van valahol valami ilyen rész:

style="background:url('hatter.jpg')"

ezt kell bõvíteni úgy, hogy

style="background:url('hatter.jpg') no-repeat"

Elvileg. 😊

[/spam]&#8482;

CattiBrie
#8707
A forrásban van olyan rész, hogy body vagy valami meg, hogy background? Azt a sort bemásolnád nekem ide?

[/spam]&#8482;

Maximus4
#8706
Beírtam és megpróbáltam írni bele de alul még egyszer megjelent a háttérkép😞

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

kispeki
#8705
Nem ismerem a Kompozer-t, de ha lehet benne CSS-t szerkeszteni, akkor abba ezt írd bele:

margin: 0 auto;
overflow: auto;
width: 1234px
height: 5678px;

Természetesen a width és a height attribútumot a kép (a fejléc alatti kékes terület) szélességéhez és magasságához mérten állítsd be.

SoF II: C4z0rla

Maximus4
#8704
Sziasztok!

Iszonyat kezdõ vagyok és ezért sry a láma kérdésért,de egy kis segítség kellene.
Kompozer-el próbálok összedobni egy oldalt és az lenne a gondom,hogy lehetne úgy lefixálni a háttérképet(ami a programba nem látszik teljesen,és ez a gond),hogy amit bele írok az gördüljön lefele,de a kép maradjon egy helyben?

Szóval,ebbe a képbe szeretnék írni a fölsõ léc alá úgy,hogy ha végére érek(az alsó lécig)akkor maradjon fixen a kép de a szöveg gördüljön lefele.És persze fölül pedig a lécnél tünjön el.

"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"

CattiBrie
#8703
Nem jó, úgy elhinnék, hogy egyedül csinálta. 😊

[/spam]&#8482;

kispeki
#8702
vagy fogni és berakni a négyzeteket háttérnek középre poz-zal és kész 😄😄 semmi div 😄

SoF II: C4z0rla

CattiBrie
#8701
Nem tudom, például lehetne háttérképnek valami fehér kép. 😄

[/spam]&#8482;

kispeki
#8700
mi másra gondoltam volna? 😛😊

SoF II: C4z0rla

#8699
Köszönöm a segítséget.
CattiBrie
#8698
Explorer fejléc meg Windows tálca? 😊)

[/spam]&#8482;

kispeki
#8697
és nyílván e mellé kellenek még a képek is 😊

SoF II: C4z0rla

Voyager5
#8696
1 - Csinálj egy index.html file-t.
2 - Abba másold bele ezt.
3 - az index.html mellé csinálj egy style.css file-t
4 - a style.css-be másold bele ezt.
#8695
HTML kódokkal kéne megcsinálni, hogy a böngészõben is igy jelenjen meg.
#8694
táblázat vagy ctrl+u

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

Voyager5
#8693
Ezen mi a feladat?