Eli olen rakentelemassa sivuja kompozerilla ja on seuraavanlainen ongelma. Itsellä on laajakuva näyttö ja kun rakennan sivuja mullä näyttää kaikki tekstit ja kuvat olevan näytön keskellä niinkun pitääkin mutta kun niitä kattoo normi näytöllä niin kaikki tekstit on ihan päin pers... Että miten sais sivun näyttää normaalilta kummalakin näytöllä vai johtuuko edes näytöstä vai mistä???
Antaisitko vaikka sivun osoitteen, niin näkisi miten asia on?
Trkoitatko, että fontti on erillainen, vai että niiden sijoittelu on väärä? Jos fontti on erillainen, niin siihen on minulla ainakin kaksi syytä:
1. Käytät eri selainta eri koneilla
2. Toisessa koneessa (Mikäli vaihdat konetta, ellet näyttöä) ei ole asennettuna fonttia, jota yrität käyttää. Tällöin taidetaan ottaa jokin oletusfontti käyttöön.
Tuolla olis sivu: http://koti.welho.com/japeko/
Eli kuvat, video ja info teksti pitäs olla mk pictures tekstin alla mutta normi näytöllä niin ei taida olla.
No ei tietenkään ole, koska tuolla on unohtunut noita merkkejä koodin joukkoon. Olet kai jossakin vaiheessa tehnyt leiskaa juuri tietylle näytölle ja selaimelle. Asettelun suhteen kannattaa laittaa kaikki asettelu css:n huoleksi, eikä tyylitellä html:n avulla.
Pitää yrittää opetella miten tuo css toimii kun ei oo mitää hajua.
Elementtejä ei pidä koskaan asetella välilyönneillä ja rivinvaihdoilla kohdalleen, vaan juuri sitä varten on CSS, jolla voi suoraan sanoa, "tasaa tämä teksti keskelle, siirrä tuota 20px oikealle".
Tätä ei kannata kyllä laittaa suoraan, vaan kannattaa laittaa määrittelyt CSS:n puolelle ja validoita koodi. Runkona tämmöinen toimii.
<html> <head> <title>MK Pictures</title> </head> <body bgcolor="black" style="color: white"> <h1 align="center">MK PICTURES</h1> <div align="left">Kuvat</div> <div align="center">Videot</div> <div align="right">Info</div> <div align="center"><img src="http://koti.welho.com/japeko/Picture%20006MK.jpg"></div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi" lang="fi">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>etusivu</title>
<style type="text/css">
p{
text-align: center;
}
h1{
text-align: center;
font-size: 280%;
}
li{
list-style-type: none;
display: inline;
font-size: 155%;
margin-right: 4em;
margin-left: 4em;
}
ul{
text-align: center;
}
body{
background-color: rgb(0, 0, 0);
color: rgb(225, 225, 87);
}
</style>
</head>
<body>
<h1>MK PICTURES</h1>
<ul>
<li>Kuvat</li>
<li>Videot</li>
<li>Info</li>
</ul>
<p><img src="Picture%20006MK.jpg" alt="Autokuva" /></p>
</body>
</html>No nyt alkaa näyttämään normaalilta... Kiitoksia neuvoista
Aihe on jo aika vanha, joten et voi enää vastata siihen.