- Xiaomi 13 - felnőni nehéz
- Apple iPhone 16 Pro - rutinvizsga
- Az Oppo Find X8 Ultra lett a legvékonyabb kameramobil
- Fotók, videók mobillal
- Apple AirPods Pro (2. generáció) - csiszolt almaságok
- iPhone topik
- One mobilszolgáltatások
- Samsung Galaxy S21 és S21+ - húszra akartak lapot húzni
- 45 wattos vezeték nélküli töltés jön az új iPhone-ba
- Google Pixel topik
Új hozzászólás Aktív témák
-
-
Sk8erPeter
nagyúr
Szerintem az is közrejátszhat, hogy a szervered kierőszakolja az ISO-8859-2 karakterkódolást. Gondolom úgysem ezen a szerveren fogod tárolni, szóval próbáld ki majd az élesen, vagy megpróbálhatod addig saját webszerveren is, vagy csak egyszerűen indítsd el a helyileg tárolt html-fájlt, nézd meg, úgy stimmel-e a karakterkódolás.
(#4381) cidalain : a <center> taget felejtsd el egyszer s mindenkorra.
-
Sk8erPeter
nagyúr
"Ezt találtam, és ha átírom ezekkel az ékezetes betűkkel, akkor rendesen jeleníti meg."
Mit találtál?"N++-ban átállítottam UTF-8-ra majd rámentem, hogy Kódolás > Átalakítás UTF-8 kódolásra BOM nélkül"
Hát ez hiba volt, hogy először átállítottad UTF-8-ra, és csak UTÁNA mentél az átalakításra. Épp ezt írtam korábban, hogy figyelj rá, hogy egyből az átalakításra menj rá. Mondjuk jó lenne látni legalább egy ékezetes fájlt, hogy néz ki. -
Sk8erPeter
nagyúr
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
HELYETT
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Az is fontos, hogy a Notepad++-ban tényleg a konvertálásra menj rá, ne csak simán átkapcsold UTF-8 without BOM-ra a kódolást.
-
The DJ
addikt
A favicon lehetőleg .ico formátumú legyen és 16x16 pixel. Nevezd el favicon.ico néven és tedd az index.html-el megegyező könyvtárba, tehát a gyökérbe.
Így hivatkozz rá a <head> és a</head> között:
<link rel="shortcut icon" type="image/x-icon" href="http://oldalad.dot/favicon.ico">
Ennek működnie kellene minden böngészőn, de legtöbbször akkor is beolvassák már ha csak a gyökérkönyvtárba bedobod. Persze lehetne átlátszó PNG vagy GIF is akár, de ez a legegyszerűbb megoldás.
A kódoláshoz meg annyit, hogy ha minden HTML fájlt átkonvertáltál UTF-8 without BOM-ra, akkor talán még annyit kellene megcsinálni, hogy charset-et is átállítod UTF-8-ra az ISO8859-2 helyett.
-
Sk8erPeter
nagyúr
Nem kell újraírni az egészet (csak ha szépíteni akarod a kódot), hanem várni egy normális segítségre, amit eddig nem kaptál meg.
De hogy segítség is legyen:
az általad belinkelt oldalon látható, hogy ez a probléma, hogy a <div class="page"> elemre rá van téve ez:
margin-top: -450px;
(lásd a style attribútumot, mínuszban van a margó)
ezt állítsd át mondjuk 10px-re, vagy ahogy tetszik.
Köv. probléma, hogy ekkor viszont pont, hogy nagyon lecsúszik, nem tudom, ez szándékos-e, vagy csak valami átmeneti próbálkozás volt nagy felbontáson, de ott van még ez:
top: 50%;
Ezt is lejjebb vehetnéd, vagy akár ki is szedhetnéd, a position:absolute-tal együtt.=======
(#4364) Athlon64+ :
"Kitörlöd az összes stílusdefiníciót, és újraírod az egészet."
(#4366) Athlon64+ :
"Nyomsz a Chrome-ban egy F12-őt, és kinyomozod."Ezeket te komolyan segítségnek gondolod? A srác azért jött ide, mert egyedül nem sikerült rájönnie, mi a gond.
-
Brown ügynök
senior tag
Szia!
Úgy tudom mindegyik böngésző eleve középre helyezi a tartalmat, így nincs más dolgod, mint a css-ben megadni a <body> szélességét, vagyis azt a méretet ahol a tartalom megjelenik. Ezt érdemes 960-1000 px-re beállítani, hogy azok is görgetés nélkül láthassák a tartalmat akik 1024x768 px felbontást használnak.
-
scream
veterán
na megint itt is vagyok ...
Szoval, adott egy tablazat :
HTML :
<!-- menü és egyebek -->
<div id="container">
<div id="menudiv">
<ul id="menu">
<!-- <li><a href="spec.html">Speciális szemüvegek</a></li> -->
<li><a href="home.html">Főoldal</a></li>
<li><a href="visit.html">Szemvizsgálat</a></li>
<li><a href="lens.html">Kontaktlencse</a></li>
<li><a href="equip.html">Kiegészítők</a></li>
<li><a href="about.html">Rólunk</a></li>
<li><a href="connect.html">Kapcsolat</a></li>
</ul>
</div>
</div>CSS :
body {
background-color: #999999;
float: inherit;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
}
menudiv {
font-family: "Tahoma";
}
a {
font-size: large;
color: #000000;
padding-left: 15px;
padding-right: 15px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#menudiv {
width: 1500px;
margin:0 auto;
}
#container
{
margin: 0 auto;
height:150px;
}
#menu li
{
float:left;
list-style-type:none;
margin:20px;
}
#menu li a
{
color: #EB5E05;
text-decoration: none;
font-size: 20px;
vertical-align: middle;
line-height: 50px;
}
#menu li a:hover
{
color: #000000;
font-size:20px;
} -
j0k3r!
őstag
<div id="oldal">
<div id="logo"></div>
<div id="minden"></div>
</div>valahogy igy. mind 3 divnek azonos szelesseget es margin: 0 auto tulajdonsagot.
+pozicionald a diveket egymas ala.
divek pozicionalasa -
j0k3r!
őstag
Egy HTMLbe szurt kepet ,hogy tudok kozepre igazitani ? (TOP Logo)
en ugy szoktam csinalni, hogy csinalok egy divet megfelelo meretekkel (akkora, mint a kep) es a divnek a hatterenek allitom be a kepet, aztan a divet igazitom kozepre.
mellesleg igy nehezebb a kepet is "lelopni", nem csak jobbklikk->kep mentese, bar egy kis forraskodturas utan konnyu igy is lementeniMeg az oldal osszes tartalmat ugy kene igazitani,hogy mindig kozepen legyen (legyen egy fix szelessege ) ,hogy a kissebb felbontasu monitorokon is lathato legyen minden, ne kelljen odalra scrollozni, ez hogy oldhato meg ?
nemtudom pontosan mire gondolsz, de ha csinalsz egy fodivet, amiben van az osszes tobbi, akkor azt eleg, ha kozepre helyezed: margin: 0 auto;
nalam igy mukodik, es minden felbontasban horizontalisan kozepen van az oldalam. -
j0k3r!
őstag
na vagyok, csak jatszottam : )
html:
<div id="container">
<div id="imgdiv">
<a href="#"><img id="kep" src="051.gif" /></a>
</div>
<div id="menudiv">
<ul id="menu">
<li><a href="#">EGY</a></li>
<li><a href="#">KETTO</a></li>
<li><a href="#">HAROM</a></li>
</ul>
</div>
</div>css:
#container
{
margin: 0 auto;
height:400px;
}
#imgdiv
{
float:left;
height:400px;
}
#menudiv
{
background-color:#000000;
clear:right;
height:400px;
}
#menu li
{
float:left;
list-style-type:none;
margin:20px;
}
#menu li a
{
color:#FFFFFF;
text-decoration:none;
font-size:20px;
vertical-align:middle;
line-height:400px;
}
#menu li a:hover
{
color:#FF0000;
font-size:20px;
}
#kep
{
padding-bottom: lentirom px;
padding-top: lentirom px;
}szoval ez egy 400 px magas div, ami 2 reszre van osztva: imgdiv(kep) es menudiv (menu).
a menu-n belul 400 px magas sormagassag van beallitva, es ez alapjan van beallitva a vertical-align:middle attributum.lentirom=(container div magassaga-kep magassaga)/2
-
j0k3r!
őstag
kozepre helyezes:
ha nincs <div>-ben a menud, akkor rakd bele:
<div id="menusav">
<ul id="menu">
<li><a href="#">elso</a></li>
<li><a href="#">masodik</a></li>
</ul>
</div>aztan adj a divnek css-ben:
#menusav
{
width: valamennyi px;
margin: 0 auto;
}resekhez adj a <li> tageknek css-ben:
padding-left: valamennyi px;
padding-right: valamennyi px; -
j0k3r!
őstag
adsz a kulonbozo menu elemeknek (ul, li) id-t vagy class-t, es ezeknek adsz css-ben attributumokat.
pl:
html:<ul id="menu">
<li class="menupont">elso</li>
<li class="menupont">masodik</li>
</ul>css:
#menu
{
//tulajdonsagok
}.menupont
{
//tulajdonsagok//
}.menupont:hover
{
//tulajdonsagok//
}horizontalis menu eseten a <li> tagnek float:left attributumot kell adni.
-
DeltaPower
addikt
AA-t mire szeretnél állítani? Arra ugyanis nincs külön beállítás CSS-ben vagy HTML-ben, ha a betűk széle cakkos, akkor a böngésző (vagy oprendszer) nem tudja az AA-t vagy ki van kapcsolva, a beállításoknál kell keresgélni. Ha a képek cakkosak, akkor kicsi a felbontás vagy a színmélység, új képek kellenek.
Menühöz való css:
ul.menu li { float:left };
ul.menu li a { text-decoration:none; color: black; }color:black helyett olyan szín amit a linknek akarsz.
-
scream
veterán
Bocsi, megint en ...
Egy HTML menut
<div id="bal_panel">
<ul id="menu">
<li><a href="x/index.html">Nyitólap</a></li>
<!-- <li><a href="x/spec.html">Speciális szemüvegek</a></li> -->
<li><a href="x/visit.html">Szemvizsgálat</a></li>
<li><a href="x/lens.html">Kontaktlencse</a></li>
<li><a href="x/equip.html">Kiegészítők</a></li>
<li><a href="x/about.html">Rólunk</a></li>
<li><a href="x/connect.html">Kapcsolat</a></li>
</ul>
</div>hogy tudnam horizontalisan elrendezni ? es a linkek alol eltuntetni a csikot,illetve ,hogy ne szinezze at kekre (mint ahogy azt a linkeket HTMLben beszinezi), es azt,ha mar egyszer rakattintottam es visszamegyek, akkor ne szinezze at mas szinure ?
Új hozzászólás Aktív témák
Hirdetés
- PlayStation 5 (PS5) Digital Edition 825 GB játékkonzol, DualSense töltőállomással, ajándék táska
- Apple iPhone 15 (újszerű, független , 128 GB, 6 GB RAM, Kék)
- Samsung 55" QE55QN700CTXXH 8K UHD Smart Neo QLED Mini LED TV
- Asus VivoBook S15 S513 OLED (S513EA-L12917) Fekete - Garancia 2026.06.22.
- DDR5 GAMER PC: Új RYZEN 7 8700F/9700X/9800X3D +RTX 4060/5060/4070/5070 +16-64GB DDR5! GAR/SZÁMLA!
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged