Most kezdtem HTML-t írni valaki segítene?
Egy félkész menüm van amin a menük elcsúsznak Firefox 10-ben és Google Chromeban. Probáltam Internet Explorer 9-ben és Firefox 3.6-ban ott tökéletesen működnek.
A fájlokat elküldöm e-mailben, aki tudja a megoldást.
válasza:Nem ártana előbb a fájlokat látni, hogy mi bennük a hiba...
Persze lehet, hogy van, aki ért is hozzá, és már ennyiből is rájön.
válasza:Tedd be egy hozzászólásba a forráskódot, és akkor nagyobb eséllyel kapsz értékelhető válaszokat, és így a válaszok másoknak is sokat segíthetnek.
Én személy szerint nem szívesen adom meg idegeneknek az elérhetőségeimet (e-mail stb), és sokan vannak rajtam kívül is így ezzel.
Ez a fórum pont a problémák megoldására való, így teljesen fölösleges az e-mail-es segítségnyújtás.
ez a HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>css menü</title>
<bgsound src="pics/451546.mp3"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style1.css" />
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="">Hírek<a/></li>
<li><a href="">Fegyverek<a/></li>
<li><a href="">Ribbonok<a/></li>
<li><a href="">Kapcsolat<a/></li>
</ul>
</div>
<div class="clear"></div>
<div class="clear"></div>
</div>
<font color="black"><p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacus odio, tempor quis posuere eget, vehicula eu arcu. Morbi at turpis eget mauris eleifend facilisis. Quisque sagittis posuere rutrum. In fringilla gravida libero, eget pharetra ligula elementum in. Suspendisse molestie libero eget mi ultricies suscipit non sodales urna. Mauris ac erat dignissim ligula auctor condimentum sit amet id augue. Sed mattis imperdiet neque ac iaculis. Pellentesque sodales eleifend lacus. Pellentesque luctus diam quis tortor convallis posuere. Proin gravida, mauris ac laoreet molestie, tellus arcu fringilla arcu, in bibendum tortor lectus eget tortor. Cras orci nisi, suscipit ut mattis vitae, consequat in leo.</p></font>
<img src="pics/ccd.PNG" align="left" width="200" height="80" VSPACE="650" HSPACE="300"/>
</body>
</html>
ez pedig a css:
body {
margin: 0px 560px 0px 560px;
background: #fff;
font-family: arial,verdana,sand-serif;
font-size: 12px;
background: white;
text-align: center;
}
a {
text-decoration: none;
}
div.clear{
clear: both;
}
div#container {
width: 800px;
margin: 0px auto;
}
div#header {
text-align: center;
width: 800px;
height:100px;
background: url('pics/bg_header.png');
}
div#menu {
width: 800px;
height: 40px;
background: url('pics/bg_menu.png')
}
div#menu ul {
padding: 0;
list-style: none;
margin: 0;
}
div#menu ul li {
float: left;
}
div#menu ul li a {
color: #FF00;
font-weight: bold;
padding:12px 50px 12px 50px;
display: block;
}
div#menu ul li:hover {
background: red;
color: #fff;
}
div#left_column {
width: 200px;
float: left;
}
div#right_column {
width: 600px;
float: left;
}
div#footer {
width: 800px;
válasza:Adtál egy teljesen fölösleges jobb, bal margót a body-nak, és ez szétrombolja a honlapot kisebb felbontáson és kisebb bongészőablak méret esetén. A margó összmérete 1120px, és sokan használnak még 1024px*768px felbontást.
Ha ezzel az lett volna a célod, hogy a tartalom középre essen, akkor inkább ezt használd. margin:0 auto;
Ja, és csomó olyan kódolási hiba van, amit a DOCTYPE nem engedélyez. Ráadásul kötelező dolgok is lemaradtak.
egy-két példa a hibákra:
<html> (ez nem elégséges)
bgsound elem nem is létezik a szabvány szerint, és szerintem a háttérhangokat jobb, ha elfelejted, mert csak a honlapod látogatóit riasztod el egy életre.
font tag oda nem tehető ahol van. Egyébként erre nincs is szükség. A bekezdésednek CSS-ben definiálj betűszínt: color:#000; Mindig hexadecimális színkódokat használj!
img tag-nek kötelező az alt attribútum.
Még lehettne solorni a hibákat, mert még van belőlük.
Szerintem nézd át a szabvány, hogy mit enged és mit nem.
válasza:A legfőbb gond az, hogy az ul-en belül a padding értékek kumulatívak, vagyis összeadódnak (az elemek egyre leljebb és egyre távolabb lesznek egymástól). A másik gond vele, hogy az ul-ben a padding érték a szöveg méretéhez igazodik, így nem lesz egységes a menüpontok eloszlása. Ez esetben javaslom hagyd a fenébe az ul-t, és használj div konténereket az egyes menüpontokhoz.
A div elemek ilyen használata mellett érdemes a szerkezet felépítéséhez használt elemeknek a "overflow: hidden;" értéket beállítani, így a tárolt tartalom nem nyomja szét a fixen beállított méreteket.
Értem, az nem lehetséges hogy más fajta html-ben írtam?
A doctypeot azt csak randomba választottam, nem gondoltam hogy ennyi jelentősége van. Mi a legújabb HTML forma?
Tudtok linket/tutorialt küldeni hozzá?
Nagyon megköszönném.
válasza: válasza:A DOCTYPE beállítása fontos, de ezen a szinten - a példádban - szinte semmilyen befolyása nincs a megjelenésre.
Egyébként a div elemet az ie kicsit másképp kezeli mint a többi - értelmesebb - böngésző, főként ha "margin" és "padding" értékeket akarunk beállítani, úgyhogy ezekre figyelni kell.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!