HTML-szerkesztés kezdőknek!!!
Jelentkezz be a hozzászóláshoz.
"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"
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.
SoF II: C4z0rla
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.
A javascriptes galériákhoz (pl ClearBox) nem kell programozói tudás.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
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!!!!!!!!!
A collection lenne a jobb, csak emlékeim szerint win7-et nem szereti.
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) ( } . { )
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?
Nagyon köszönöm a segítséget<#worship>#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"
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.
<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
SoF II: C4z0rla
.tartalom {
background-image: url(http://stego.uw.hu/20101005_farmer/tartalom.png);
height: 589px;
}
SoF II: C4z0rla
"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"
</div>
közé 😊
pl.:
<div class="tartalom">
Lorem ipsum dolor sit amet...
</div>
SoF II: C4z0rla
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>#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"
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?
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"
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.
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"
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"
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.
<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;">
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"
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]™
<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"
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"
style="background:url('hatter.jpg')"
ezt kell bõvíteni úgy, hogy
style="background:url('hatter.jpg') no-repeat"
Elvileg. 😊
[/spam]™
[/spam]™
"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"
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
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"
SoF II: C4z0rla
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ