Sivuillani on keskitetty teksti, ja alareunassa linkkejä. Explorerilla linkkirivistö sijoittuu oikeasta reunastaan samoille kohdille tekstin oikean reunan kanssa kuten on tarkoituskin. Mozillalla linkit kuitenkin karkaa ihan sivun laitaan saakka. Sivupohja on HTML:ää, ja olen melko aloittelija. Jos joku osaa antaa pienenkin vinkin siitä, minkälaista koodia pitää lyödä ja mihin kohtaan, niin suuri kiitos.
Teksti hyppää Mozillalla väärään paikkaan
cele
6327
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 6
Vanhimmat
Mielelläni auttaisin, mutta valitettavasti en ole selvänäkijä. Laita koodia kehiin, niin virheen etsiminen on ehkä helpompaa...
body{
background-color:#FFFFFF;}
.entry{
position:relative;
width:610px;
padding:220px 5px 10px 10px;
font:11px 'Verdana';
line-height:20px;
text-align:justify;
color:#000000;
background-image:url
();
background-repeat:no-repeat;
background-position:top center;}
a:link{
color:#556B2F;
text-decoration:none;}
a:visited{
color:#556B2F;
text-decoration:none;}
a:hover{
color:6E8B3D;
text-decoration:none;} color:8B1A1A;
text-decoration:none;}
b,i,u,strong,em{
color:#000000;
letter-spacing:1px;}
hr{
height:1px;
color:#B5B5B5;}
input,textarea{
font:10px 'Verdana';
color:#666666;
background-color:#FFFFFF;
border:1px solid #E2E2E2;}
blockquote{
margin:15px;
padding:10px;
color:#666666;
background-color:#E2E2E2;}
h1{
margin:0px;
font-size:14px;
font-weight:bold;
line-height:20px;
letter-spacing:1px;
text-align:left;
color:#000000;}
h2{
margin:0px 0px 10px 0px;
font-size:10px;
line-height:17px;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
color:#666666;}
h3{
margin:10px 0px 0px 0px;
font-size:12px;
font-weight:bold;
line-height:18px;
letter-spacing:1px;
text-align:right;
color:#000000;}
h4{
margin:0px;
font-size:10px;
line-height:16px;
letter-spacing:1px;
text-align:right;
color:#B22222;}
h5{
margin:10px 0px 10px 0px;
font-size:11px;
font-weight:bold;
line-height:17px;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
color:#000000;}
h6{
margin:10px 0px 10px 0px;
font-size:10px;
font-weight:bold;
line-height:16px;
letter-spacing:1px;
text-transform:uppercase;
text-align:right;
color:#666666;}
%%teksti%%
|
linkki1
linkki2
linkki3
linkki4
laita ainakin tuo css (style) koodi omaan .css tiedostoon ja linkität sen vain sivuusi. Tuo kasvattaa turhaan sivujesi kokoa kun niitä on joka sivulla...
:)
Ehkä hän laittoi sen samaan tiedostoon html:n kanssa vain väliaikaisesti, jotta sitä on helpompi katsella? Hyvä huomio kuitenkin, tottakai.
Alkuperäiselle kysyjälle:
Kokeilin koodia ja sekä IE7 että FF2 näyttivät linkit oikeassa reunassa. Mihin ne linkit siis tarkalleen pitäisi saada?
Koodi oli muuten aika suttuista ja siinä oli muutamia kummallisuuksia, mutta aloitetaan nyt tästä linkkien paikasta.
CSS:ssä on näin:
h4{
margin:0px;
font-size:10px;
line-height:16px;
letter-spacing:1px;
text-align:right;
color:#B22222;}
Ja podissa näin:
linkki1
linkki2
linkki3
linkki4
Jos tekstit menevät ihan oikeaan laitaan, niin hommahan pelittää just eikä melkein.
Ongelma ratkesi puolivahingossa, ja linkit näkyy nyt niin kuin haluankin. Kiitoksia kuitenkin!