Hirdetés

2024. június 13., csütörtök

Gyorskeresés

Útvonal

Fórumok  »  Szoftverfejlesztés  »  HTML szerkesztés (kiemelt téma)

Hozzászólások

(#3801) Zefír


Zefír
őstag

Sziasztok!
Csináltam egy oldalt, igazából lehet, hogy másoknak fölösleges, de nekem volt rá igényem, és arra gondoltam, hogy kiteszem a forráskódját, ha kell valakinek akkor átalakítja saját tetszése szerint.
Kész is van az oldal, annyi a lényege, hogy egy google dashboard, és minden alkalmazásodat, elérsz 1 oldalról, de igazából csak átirányít, tehát, picassa, lenyílik, albumok,és átirányít, és egy csomó kattingatást ki iktattam az életemből. Itt egy kép róla, hogy ne csak a levegőbe beszéljek.

Nem tudom kinek mi erről a véleménye, viszont az lenne a kérdésem, hogy van 12 ikon, És jelenleg minden ikon 1 div-ben van. És azokat igazítottam % -osan az oldal széleihez.
Viszont arra gondoltam, hogy lehet, hogy az egészet egy táblázatba kellene beletenni.
És itt jön a kérdésem, táblázat celláit, ha mondjuk üresek, akkor lehet méretezni? Illetve hogyan kell? <td width=".."...> kép vagy ami bele kerül</td>
a Másik, hogy egy ilyen drop down menü végülis az összes ikon, ha ráviszed az egeret az ikonra, legördülnek a lehetséges oldalak, ahová átirányít. Ha táblázatba teszem, akkor sem fog rányílni a menü az alatta lévő ikonra?

Szerk: Este még csinálok egyéni ikonokat, ezek csak google-ről lettek szedve. :D

[ Szerkesztve ]

(#3802) Sk8erPeter válasza Zefír (#3801) üzenetére


Sk8erPeter
nagyúr

Nem tudom, hogy oldod meg a menülegördítést, milyen pozicionálással.
Az üres celláknál nem tudom, mire gondolsz. Csak próbából csináltam egy teszttáblázatot :D, az alsó, harmadik sorban az első ikon hiányzik, ugyanolyan széles a cella (mondjuk táblázatnál nem olyan meglepő):
http://jsbin.com/udadip/edit#preview

Na majd pontosíts. :)

Sk8erPeter

(#3803) Zefír válasza Sk8erPeter (#3802) üzenetére


Zefír
őstag

De jó ez az oldal, el is mentem :DDD

Itt van pl a google + os képnek a html kódja.
<div id="GooglePlus">
<div class="grid_16">
<ul id="coolMenu">
<li>
<a href="#"><img src="../images/google+.png" ></a>
<ul class="noJS">
<br>
<br>
<br>
<br> <br>
<br>

<center>
<li><a href="#">Google+</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Circles</a></li>
<li><a href="#">Settings</a></li>
</center>
</ul>
</li>
</ul>
</div>
</div>

ehhez a div-hez pedig ez a css kód tartozik:
#GooglePlus
{
position:absolute;
height:200px;
width:200px;
top: 5%;
right: 30%;
}

A kérdésem pedig az, hogy mint az álltalad linkelt oldalon is látszik, hogy a táblázat cellái között nincsen távolság, persze excelben sincsen, tehát ez nem meglepő.
Így viszont ha a 12 képet beleteszem egy táblázatba, akkor a lenyíló menü ráfog nyílni az alatta lévő képre. És ezt szeretném elkerülni, erre volt az az ötletem, hogy a 2 kép közé beszúrok egy sor üres cellát, és oda lenyílhat a menü nyogodtan. Ezért kell méretezni a cellát.

Szerk:
Egy ilyesmi menüből indultam ki. csak kigyalultam ami nem kell nekem.

[ Szerkesztve ]

(#3804) Sk8erPeter válasza Zefír (#3803) üzenetére


Sk8erPeter
nagyúr

Nem tudom, egész pontosan hogyan szeretnéd, hogy kinézzen, de az biztos, hogy emiatt nem kellenek plusz üres cellák, hogy ne lógjon át, szóval ne bombázd szét emiatt. :N

Mindenesetre készítettem neked egy elég gyors leegyszerűsített példát, itt láthatod a Google+-ikont, és ha föléviszed, megjelenik a kis navigációs menü. Ha fölül a Code gombra kattintasz, láthatod a komplett kódot is!
http://jsbin.com/udadip/2/edit#preview

Sk8erPeter

(#3805) Zefír válasza Sk8erPeter (#3804) üzenetére


Zefír
őstag

Naah zsír, pont ezt akartam megcisnálni amit te csináltál. :C
Most is kb ugyanez van most is, csak nem táblázatban hanem külön elemek ként vannak igazítgatva. de akkor lelopom a kódját amit linkeltél. :DDD

Köszi!! :R

(#3806) Sk8erPeter válasza Zefír (#3805) üzenetére


Sk8erPeter
nagyúr

Szívesen! :)
Persze, használd nyugodtan a kódot, azé' van. Örülök, hogy akkor így egyikünknek sem tartott túl sokáig a dolog. :D

Sk8erPeter

(#3807) sz.j


sz.j
nagyúr

Erre nincs valakinek ötlete? :U

Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu

(#3808) Sk8erPeter válasza sz.j (#3800) üzenetére


Sk8erPeter
nagyúr

Sztem itt most mindegy, "valid"-ot vagy "satisfiable"-t ír, a státuszról szóló header felülbírálható szerveroldalról.
Ez esetleg érdekes lehet:
HTTP Error 416 Requested Range not satisfiable
Mondjuk kétlem, hogy Te tudnád orvosolni, ezt a webszerverhez értő emberkék kellene, hogy javítsák valamilyen módon (nekem ezzel a hibakóddal személy szerint nincs tapasztalatom). Meg persze tudni kéne a dolog konkrét forrását.

Sk8erPeter

(#3809) mdk01


mdk01
addikt

Sziasztok!

Egy táblázatot szeretnék ami egy oszlop és egy sorból áll a weblap aljára helyezni középre.
Közepre sikerült beraknom az align="center" paranccsal, de nem találok a neten olyan parancsot ami maga a táblázat alulra helyezésére vonatkozni.

Táblázat cím alulra helyezése meg a táblázaton belüli alulra helyezést megtaláltam, de a táblázatra vonatkozóan nem találtam ilyen parancsot.

Köszönöm

(#3810) mdk01 válasza mdk01 (#3809) üzenetére


mdk01
addikt

...vagy az is jó ha egy szöveget tudok a lap aljára tenni, csak azért raktam táblázatba mert nem találtam azt sem szöveget hogyan kell alulra rakni.

Köszi

(#3811) sz.j válasza Sk8erPeter (#3808) üzenetére


sz.j
nagyúr

Köszi az infót.
Ha szerveroldali hiba miatt jelent meg a statisztikai oldalon, akkor lehet, hogy a szerver kb. egy napos leállásának (tönkrement géppark) előszele volt a hibakód .....

Műanyag, alumínium és motoros redőnyök, valamint szúnyoghálók készítése, szerelése. www.szaboredony.hu

(#3812) Sk8erPeter válasza mdk01 (#3810) üzenetére


Sk8erPeter
nagyúr

Itt egy leegyszerűsített példa:
http://jsbin.com/avirij/edit#javascript,html,live

Remélem valami ilyesmire gondoltál.

==============================

(#3811) sz.j : nincs mit!
Hát igen, az elképzelhető, hogy valamit épp gányoltak a szerveren, amiről Te nem tehetsz, és ennek nyomai látszanak a weblapelemző oldalon.

[ Szerkesztve ]

Sk8erPeter

(#3813) mdk01 válasza Sk8erPeter (#3812) üzenetére


mdk01
addikt

Nem egészen, de nem játszottam vele inkább kitöröltem azt a tartalmat, kis gondolkodossal rájöttem hogy nem is olyan fontos.:) Köszönöm azért

Most viszont egy olyan parancssorozatra volna szükségem HTML-ben, amivel tudok képeket lapozni.
Annyi csak az elképzelésem, hogy van X db kép egy sima hátteres oldalon és van a kép jobb és bal oldalán egy-egy nyíl amivel tudom a képeket lapozgatni. A legegyszerűbb vmire volna szükségem.
Nem vagy informatikus, de lelkes vagyok úgy, hogy ha kérhetem kicsit szájbarágósan.:DDD

Köszönöm

(#3814) _ATi_1


_ATi_1
senior tag

Sziasztok!

Egy honlap szerkesztésével próbálkozok, és olyan alapvető gondom van, hogy IE, és néhány régebbi böngésző nem nyitja meg az oldalhoz a stíluslapot. Firefox 11.0 és Chrome 18.xxx verzióival tökéletesen működik.
A head rész így néz ki:
<!DOCTYPE html>
<html lang="hu">
<head>
<title>Honlap</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta charset="utf-8" />


</head>

A CSS-ben vannak olyan elemek, hogy -moz-border-radius: xx;
Esetleg ez miatt előfordulhat, hogy nem töli be az egész stíluslapot, vagy a csatolásban rontottam el valamit ? :F

(#3815) fordfairlane válasza _ATi_1 (#3814) üzenetére


fordfairlane
veterán

Elvileg működnie kéne, ennyiből számomra nem derül ki, mi lehet a gond.

x gon' give it to ya

(#3816) _ATi_1 válasza fordfairlane (#3815) üzenetére


_ATi_1
senior tag

Köszi a választ. Akkor nincs elrontva a linkelés.
A honlap tartalmaz pár html5-ös elemet, formázást. Esetleg az miatt előfordulhat régebbi böngészőknél ? :F

(#3817) Sk8erPeter válasza _ATi_1 (#3816) üzenetére


Sk8erPeter
nagyúr

Innen nem látjuk, hogy milyen stílus nem jut érvényre, nyilván a HTML5-ös formázások nem fognak érvényre jutni régi böngészőkben, ezért optimalizálni kell azokra is külön.

Sk8erPeter

(#3818) _ATi_1 válasza Sk8erPeter (#3817) üzenetére


_ATi_1
senior tag

Valószínűleg ez lesz a gond, most tűnt fel, hogy 1-2 stíluselem azért érvényesül, a nagyobb része valószínűleg a html5 miatt nem.
Most egy újabb kérdésem lenne: a forráskódot ellenőriztem html validator-ral, hogy szabványos-e, és egy ilyen hibát dobott:

The for attribute of the label element must refer to a form control.

<label for="nev">Név:</label><br />

A forráskódban így néz ki ez a rész:

<label for="nev">Név:</label><br />
<input type="text" class="text-input" name="nev"/> <br />

(#3819) fordfairlane válasza _ATi_1 (#3816) üzenetére


fordfairlane
veterán

Komplett kód nélkül nehéz megmondani. Talán. Nem tudom, hogy pl. a meta-charset ezen html5-ös formája mennyire fekszik az ie9 meg azelőtti szériának.

x gon' give it to ya

(#3820) fordfairlane válasza _ATi_1 (#3818) üzenetére


fordfairlane
veterán

A label for attribútuma a beviteli mező id-jére hivatkozik. Első körben a beviteli mezőknek adj ugyanolyan id attribútumot, mint ami a name-ben van.

x gon' give it to ya

(#3821) _ATi_1 válasza fordfairlane (#3819) üzenetére


_ATi_1
senior tag

Ugyanez volt a helyzet ezzel is, ha erre gondolsz:
<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>

#3820: Ez sikerült is :R

[ Szerkesztve ]

(#3822) fordfairlane válasza _ATi_1 (#3821) üzenetére


fordfairlane
veterán

Ok, akkor más lehet a gond.

Elvileg a css nem kavarhat be ilyen módon, hogy az egész leírás érvényét veszti. Akkor történhet ilyen, ha olyan szelektor szintakszist kap, amit nem tud értelmezni, és a css parser meghülyül tőle (\"\" és hasonlók, amikre különféle css trükkök is épülnek).

Elvileg a böngésző a számára ismeretlen property-ket, mint amilyen ez az általad említett -moz kezdetű is, egyszerűen kihagyja, és megy a következőre. Elvileg.

x gon' give it to ya

(#3823) _ATi_1 válasza fordfairlane (#3822) üzenetére


_ATi_1
senior tag

Utólag feltűnt, hogy néhány CSS elem érvényesül, úgyhogy a csatolás megtörténik, gondolom a html5 zavarhat be pár régebbi böngészőben.
Az IE 8-as verziója az, ahol gondok vannak.

[ Szerkesztve ]

(#3824) mdk01


mdk01
addikt

(#3825) fordfairlane válasza mdk01 (#3824) üzenetére


fordfairlane
veterán

HTML "parancs" az nincs, mivel a képek lapozgatása aktív kliens- és/vagy szerveroldali szkripteket igényel, de léteznek kész megoldások különféle jellegű komponensek formájában.

x gon' give it to ya

(#3826) klambi


klambi
addikt

szevasztok!
érdekelne hogy hogyan tudom megnézni 1 weblapon milyen portok vannak nyitva, hogy ne legyen rajta fogás pont, valaki tudna ebben segíteni? :F

"Mond szépen angolul: Gyors róka!"

(#3827) Sk8erPeter válasza klambi (#3826) üzenetére


Sk8erPeter
nagyúr

Pl. így vagy így keress, biztos találsz jót.

Sk8erPeter

(#3828) Scroll Lock


Scroll Lock
tag

Sziasztok!

Bár a neten sokféle interpretációval találkoztam, de nem igazán értem, hogy a Joomla-féle tartalomkezelő rendszer voltaképpen mi és hogy működik. Ha valaki le tudná írni érthetően, hogy hogy működik és miért csak a webkiszolgálón való eléréskor indul el a telepítés azt megköszönném.

(#3829) Sk8erPeter válasza Scroll Lock (#3828) üzenetére


Sk8erPeter
nagyúr

"a Joomla-féle tartalomkezelő rendszer voltaképpen mi"
Ahogy írtad, tartalomkezelő rendszer (CMS). :)
Olyan, mint a Drupal (csak kevésbé jó, de ez már hitkérdés :D).

Igazából a lényege, hogy összekattintgatós módszerrel, grafikus felületen keresztül létre tudsz hozni egy weboldalt, aminek a funkcióit különféle komponensek/modulok (Joomla/Drupal elnevezési konvenció) segítségével ki tudod bővíteni, és a honlapot aztán továbbfejlesztheted saját komplexebb igényeid szerint, amennyiben rendelkezel némi webfejlesztési ismeretekkel. De sokan pl. PHP-tudás vagy a MySQL ismerete nélkül is össze tudnak hozni egy egész jó honlapot, mert általában a népszerű CMS-ekhez jó dokumentáció és sok-sok kiegészítő készül.

Pl. van egy alapszintű honlapod, létrehozod az admin-felületen a menüpontokat, az oldalak tartalmát, de aztán rájössz, hogy kellene neked valami normális galéria. Akkor felmész a CMS honlapjára, és körülnézel, hogy milyen előre elkészített galériakomponensek/-modulok vannak, és amelyik tetszik, azt telepíted. A telepítés módja vagy grafikus felületen történik, ahol megadod a komponens/modul elérési útját (lásd Drupal 7, itt a megadott tömörített állományt letölti, majd a megfelelő helyre kicsomagolja, ezáltal "telepíti" a modult), vagy szépen "kézzel" (nem automatizáltan) kicsomagolod a megfelelő könyvtárba, pl. FTP-n keresztül feltöltve.
Aztán engedélyezed az épp felrakott komponenst/modult, és így már el is éred az admin-felületen az ehhez tartozó menüpontokat, amik segítségével egész jó galériát össze tudsz pakolni, anélkül, hogy ismernéd a webfejlesztés hátterét.
De van, amikor nem találsz olyan komponenst/modult, ami megfelelne az igényeidnek, ilyenkor fejleszteni kell hozzá, ehhez pedig elő kell venni a fejlesztői dokumentációt, és a CMS "szabályainak" megfelelő módon kell kiegészítened funkcionálisan az oldal működését. Fontos, hogy ilyenkor kövesd a CMS által diktált szabályokat, különben nem fog megfelelően működni a komponensed/modulod

"hogy működik"
PHP-alapokon íródott, ami a megfelelő webszerveren (IIS/Apache) futkorászik, a fájlok az itt lévő tárhelyen tárolódnak, az egyéb szükséges adatok pedig MySQL-adatbázisban vannak (utóbbihoz szintén külön MySQL-szerver szükséges, ez a hosting cégeknél nagyon sokszor ugyanazon a gépen van, ahol maga a webszerver is [localhost]). A CMS-ek a háttérben PHP-scripteken keresztül megoldják az adatbázishoz kapcsolódást, onnan való tartalom-lekérést, illetve -feltöltést, és általában megfelelő grafikus felületet biztosítanak ahhoz, hogy kényelmesen tudd elvégezni a honlap elkészítéséhez szükséges feladatokat.

Sk8erPeter

(#3830) Scroll Lock válasza Sk8erPeter (#3829) üzenetére


Scroll Lock
tag

Köszi a gyors választ! Most nézegetem a családi vállalkozásunk weblapjának Joomla-s felületét. Van itt olyan menüpont, hogy bővítmény, komponens ill. modulkezelő. Érdekes, hogy a Komponensek menüpont Hírdetéskezelő részénél hiába teszem közzé a "Joomla" nevű hírdetést a weblapon nincs változás...

(#3831) Sk8erPeter válasza Scroll Lock (#3830) üzenetére


Sk8erPeter
nagyúr

Nem ismerem a Joomlát (nem is akarom ismerni ;]), erre nem tudok válaszolni.

Szerk.: csak annyira ismerem, hogy telepítettem, klattyogtattam, próbálgattam kicsit, de mivel izomból szórta a PHP-s hibákat E_STRICT hibajelzésnél (brutálisan sokat kellett lefelé görgetnem, hogy végre a hibalista aljára érjek), úgy döntöttem, hogy egy ilyen komolytalanul összetákolt rendszert nem fogok használni. Komolytalanság: egy ilyen népszerű CMS-nél elvárható, hogy az alaprendszer ne szórja két kézzel a hibákat.
Mondjuk az is hozzátartozik, hogy szerintem a Drupal komolyabb, a kódja is egyben van, valamint fejlesztőként úgy látom, hogy széleskörűbb lehetőségeket kínál.

[ Szerkesztve ]

Sk8erPeter

(#3832) puttputt válasza Sk8erPeter (#3831) üzenetére


puttputt
őstag

A Drupal nekem is sokkal jobban bejön. Lehet rá építeni, pláne a motorban turkálni.
Amennyire ódzkodtam tőle az elején, annyira kézreálló lett és favorizálható.

Dolgoztam mindkét rendszerrel - mint "gazdi" - és csak igazolni tudom, amit leírtál.
Amellett... A kettőből (a 2 előnyeiből) össze kellene gyúrni egy harmadikat (mint IOS-Android... ;] ), az volna a legoptimálisabb.

Pl. egy Drupal oldalról nem minden esetben ordít, hogy az fut alatta, a Joomláról ellenben...
(Nem csoda, hogy nekiesnek a "kódtörők".)

A Drupálnál egy dologba tört bele a bicskám (ott nagyon nem szerettem), az pedig a webbolt. Bár, azóta biztosan sokat "fejlődtetek". Gyakran jön ki hozzá peccs, látszik, hogy hozzáértők készítik.
(Igaz, ezt tüzetesen nem tudtam "bevizsgálni", mert amilyen oldalcsoportnál ténykedtem, ott majdnem öngyilkosság lett volna a frissítés, mivel olyan kusza rendszert vettem át az előző "fejlesztőtől", hogy csak akkor bírtam volna normálisan "emelni", amennyiben szinte az egész oldalt újratöltöm. :DDD )

:LKBK-Inventor / * Mindig más nő mellett ébredek ... a buszon. ///////////////////////

(#3833) Sk8erPeter válasza puttputt (#3832) üzenetére


Sk8erPeter
nagyúr

"pláne a motorban turkálni"
Csak a core-t ne módosítsd. :DDD
De amúgy ja, a legapróbb részletekig lehet módosítgatni a rendszer működését, ez nekem is nagyon tetszik.
Nálam is volt egy időszak, amikor kicsit a t×köm tele lett vele, hogy nem találom, amit akarok, és nem úgy van kialakítva, ahogy elképzelném, meg kicsit tartottam a modulfejlesztéstől, hogy nehéz lesz, és sokat kell hozzá olvasni :D, de abba is bele lehet jönni (mondjuk nem mondom, hogy gyorsan, mert át kell látni) - főleg, hogy találtam ezt a könyvet 6-oshoz (ezt pedig 7-eshez). Aztán az egész felépítését és logikáját is megszoktam és megszerettem, mert hosszas beletanulás után rengeteg időt megspórolt nekem a fejlesztésből.

"Pl. egy Drupal oldalról nem minden esetben ordít, hogy az fut alatta, a Joomláról ellenben..."
A forráskódról sok esetben Drupalnál is elég árulkodó, ha azt használnak (pl. "/sites/all/modules/...." vagy "/sites/all/themes/...." (ha nincsenek "aggregálva" a JS-és CSS-fájlok), vagy "/sites/default/files/...." vagy "/node/123" vagy "/modules/system/...", stb. az elérési utakban, esetleg JavaScript-kódnál jQuery.extend(Drupal.settings,.........) kezdetű kód, Drupalra jellemző CSS-osztályok, és így tovább).
De vannak egyéb módszerek is ennek kiderítésére: Is that site running Drupal? És ez többnyire tényleg bejön. :D

"(Nem csoda, hogy nekiesnek a "kódtörők".)"
A Joomlának azért esnek neki a kódtörők, mert tele van be nem foltozott biztonsági résekkel. :) Erre van egy elég személyes példám: melóhelyen az egyik sráccal egy időben kezdtünk fejleszteni különböző honlapokat, ő Joomlában, én Drupalban, az övét egy török hekkercsoport feltörte úgy, hogy az index.php-t módosították, az enyém érdekes módon érintetlen maradt.
Drupalnál nagyon gyorsan felfedezik az esetleges biztonsági réseket, és gyorsan ki is adják a security update-eket, ez szintén nagyon szimpatikus.

"A Drupálnál egy dologba tört bele a bicskám (ott nagyon nem szerettem), az pedig a webbolt."
A Drupal 6-hoz az Ubercart egy atomstabil webshopmodul, rengeteg jól használható kiegészítő modullal, Drupal 7-hez a Commerce az ajánlott (még nagyon aktív fejlesztés alatt van, de már használható, elég népszerű ez is).

"majdnem öngyilkosság lett volna a frissítés"
A Drupal 7-re való upgrade 6-osról (major verzióváltás) nem egy egyszerű dolog, mert nagyon sok minden változott a 7-esben, az adatok kezelése is nagyon sok mindenben eltér a korábbi verzióhoz képest, így a modulok fejlesztőinek nem kevés plusz munka lehet a kódok 7-es verzióhoz történő igazítása - épp ez az oka, hogy sok modulhoz nem is készül 7-eshez aktualizált változat -, az adatmigrálásra meg külön erőfeszítés készíteni egy megfelelő scriptet.

Amúgy a Drupal topicban mostanság volt minimális mozgolódás, ha gondolod, Te is látogasd a topicot, meg kérdezz, ha van valami. :K

Sk8erPeter

(#3834) mdk01 válasza fordfairlane (#3825) üzenetére


mdk01
addikt

Köszi akkor az sem lesz.:)

Esetleg egy olyanba tudtok segíteni, hogy egy képre kattintva az megnyílik egy külön ablakba azon a méreten amit megadok neki?
A kép jelenleg egy cellába van bent 200x150px méreten és ennek kellene megnyílnia egy ablakba egy bizonyos méreten.

Köszi

(#3835) Sk8erPeter válasza mdk01 (#3834) üzenetére


Sk8erPeter
nagyúr

A Colorboxot érdemes lenne kipróbálnod. Nézd meg a demókat!

Sk8erPeter

(#3836) mdk01 válasza Sk8erPeter (#3835) üzenetére


mdk01
addikt

Köszönöm ránézek holnap.:)

(#3837) lakisoft


lakisoft
veterán

Ennek így kell kinéznie? Chrome alatt szétcsúszik az egész. :( [link] Mi lehet az oka?

(#3838) Brown ügynök válasza lakisoft (#3837) üzenetére


Brown ügynök
senior tag

Mi csúszik szét? Nálam jól néz ki. (Chrome 18)

"hacsak nem jön a jó tündér break utasítás képében..."

(#3839) Sk8erPeter válasza lakisoft (#3837) üzenetére


Sk8erPeter
nagyúr

A Chrome elég "toleráns", így most nálam sem csúszik szét, de nézz már bele a forráskódjába... hiányzik a DOCTYPE, a kezdő <html> tag, van egy <style> tag már kapásból az elején, még a <head> előtt... elég érdekes dolgokat látni a kódban. Pedig feltételezem, ez valami Joomla-oldal. Szerk.: ja, ott van a "generator"-nál. Először az URL-ekből következtettem erre, de a forráskódból tényleg egyértelműen kiderül. Vagy Te csesztél el valamit az egyik template-nél nagyon, vagy valami modul k×rja el a kódodat.

[ Szerkesztve ]

Sk8erPeter

(#3840) DeltaPower válasza lakisoft (#3837) üzenetére


DeltaPower
őstag

1440-nél nagyobb vízszintes felbontásnál a tartalom a fejléc mellé floatol, kellene egy befoglaló div a maximális szélesség megadásával.

"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser

(#3841) lakisoft


lakisoft
veterán

Nagyon köszi az építő jellegű kritikát. :C :R

(#3842) Sk8erPeter válasza DeltaPower (#3840) üzenetére


Sk8erPeter
nagyúr

Befoglaló div előtt nézz már bele Te is a forráskódjába...

Sk8erPeter

(#3843) biker


biker
nagyúr

szeretnék készíteni saját weblapjaimhoz mobil barát verziót. Emiatt a kész joomla/wp stb mobile themek nem segítenek.
Tudtok valami jó tutorialt valahol? mert nekem gyanúsan egységesek a legtöbb helyen a designok, tutti hogy valami okos leírásból dolgoznak :)

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3844) DeltaPower válasza Sk8erPeter (#3842) üzenetére


DeltaPower
őstag

A probléma szempontjából nem tök mindegy hogy nincs doctype és nem a valid a felépítés? Alapvető logikai probléma miatt esik szét 1440 felett, a szintaktikai hibákat kozmetikázhatod, ugyanúgy nem lesz jó.

"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser

(#3845) Sk8erPeter válasza DeltaPower (#3844) üzenetére


Sk8erPeter
nagyúr

Ebben igazad van, hogy az is megoldandó probléma, amit írtál, de az ilyen jellegű hibáktól, mint hogy totálisan szétesik az oldal szerkezete, a kódok nincsenek a helyén, bőven találkozhat még megjelenítésbeli problémákkal, mert sokszor a böngésző hiába megengedő, nem tudja, mit kezdjen a kóddal, ha ilyen szintű a strukturálatlanság benne. Ezért írtam, hogy szerintem először azt oldja meg, aztán mehet a többi.

De félre ne értsd, nem akartam nekedesni, mert jót mondtál, remélem nem úgy jött le, ha igen, sorry!

Sk8erPeter

(#3846) PazsitZ válasza DeltaPower (#3844) üzenetére


PazsitZ
addikt

Nem tudom ez hogy működik ,vagy hogy kellene neki.
Minden esetre ahogy elnézem a content background képes és alatta lévő tartalom diveket egy container div-be kellene rakni, azt floatolni, a 2 divet pedig nem float-olni.

A doctype pedig igen is lényeges, mert az alapján tudja a böngésző, hogy miként kezelje pl. a box modelleket.
A szabványokat és szabványleírásokat, nem unaloműzés céljából szokták kitalálni, definiálni és megadni. ;)

[ Szerkesztve ]

- http://pazsitz.hu -

(#3847) Sebaj Fóbiás


Sebaj Fóbiás
aktív tag

Sziasztok!

Egy fejléc/2 oszlop/lábléc szerkezetű oldal széleire, konkrétan a két oszlopot befoglaló változó magasságú #container div jobb és bal oldalára szeretnék egy 1px széles színátmenetes keretet kirakni. A kikötés annyi, hogy a színátmenet ne torzuljon, tehát stretch-elni nem jó. Példaképp: 100 pixel magas gradient feketéből fehérbe, megy lefele szépen a fehér, majd alul megint 100 pixel magasan fehérből vissza feketébe, és úgy szeretném, hogy ha magasabb az oldal akkor csak a fehér nyúljon meg.

Nekem csak egy ötletem van, csinálni egy kétmilliárd pixes magas és 1 pixel széles képet, felül a színáltmenet és a többi fehér, ezt betenni egy bal és jobb oldali keret-div hátterének, majd egy sima 100 pixeles "visszagradient" képet bepottyantani az aljukra. Egy ennél elegánsabb megoldásnak azért jobban örülnék. :)

Üdv!

[ Szerkesztve ]

Két bolygó beszélget: - Te, képzeld, Homo Sapiensem van.. - Nem baj, ne piszkáld, elmúlik magától.

(#3848) DeltaPower válasza Sebaj Fóbiás (#3847) üzenetére


DeltaPower
őstag

Teszel 2 db background layert (divet) az egész alá:
alsó layer: háttere a 100 pixeles gradient feketéből fehérbe, felülre igazítva, no-repeat, fehér háttérszín
felső layer: háttere a 100 pixeles gradient fehérből feketébe, alulra igazítva, no-repeat, nincs háttérszín.

Ezek után a mostani oldalnak adsz 1 px bal-jobb margint, vagy a felső layernek 1px bal-jobb paddingot.

Ha kisebb háttereket akarsz, akkor 1x100 pixeles gradienteket csinálsz, és repeat-x-re állítod be.

Ez a megoldás akkor nem jó, ha a belső részeknek nincs háttere (ilyenkor nem csak a széleken látszik a gradient), vagy ha a teljes tartalom magassága nem éri el a 200px-et (mondjuk elég valószínűtlen egy normális oldalnál), akkor a gradientek egymásra csúsznak.

"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser

(#3849) Sebaj Fóbiás válasza DeltaPower (#3848) üzenetére


Sebaj Fóbiás
aktív tag

:C :R

Két bolygó beszélget: - Te, képzeld, Homo Sapiensem van.. - Nem baj, ne piszkáld, elmúlik magától.

(#3850) Sk8erPeter válasza Sebaj Fóbiás (#3849) üzenetére


Sk8erPeter
nagyúr

Még egy lehetséges megoldás: ez már nálam egyszer bevált színátmenet készítésére, anélkül, hogy különösebben gondolkodnom kellett volna (és az jó, ha nem kell gondolkodni :DD), legenerálta a CSS-kódot:
Ultimate CSS Gradient Generator

Sk8erPeter

Útvonal

Fórumok  »  Szoftverfejlesztés  »  HTML szerkesztés (kiemelt téma)
Copyright © 2000-2024 PROHARDVER Informatikai Kft.