Мертвого Центр JavaScript Выход

Я собираюсь заранее извиниться за то, как основные этот вопрос, но это мой первый раз, используя JavaScript в HTML ..Мертвого Центр JavaScript Выход

В принципе, у меня есть JavaScript, который производит различные биты случайного текста каждый раз, когда пользователь загружает страницу. Я хотел бы отформатировать этот текст в helvetica, а затем отобразить его по центру в середине страницы. Я пытаюсь сделать это с помощью css, как указано ниже, но это не работает для меня. Любые предложения очень ценятся.

HTML

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title>home</title> 

<link href="style.css" rel="stylesheet" type="text/css" /> 

</head> 


<body> 

<div id="horizon"> 
<div id="content"> 

<script type="text/javascript" src="scripts.js"></script> 

</div> 
</div> 

</body>

CSS

#horizon 
{ 
color: white; 
background-color: #ffffff; 
text-align: center; 
position: absolute; 
top: 50%; 
left: 0px; 
width: 100%; 
height: 1px; 
overflow: visible; 
visibility: visible; 
display: block 
} 

#content 
{ 
font-family: Helvetica, Geneva, Arial, sans-serif; 
font-color: black; 
background-color: white; 
margin-left: -410px; 
position: absolute; 
top: -237px; 
left: 50%; 
width: 825px; 
height: 475px; 
visibility: visible 
}

источник

2009-02-09 jwb

Как об использовании text-align: center:

#content 
{ 
font-family: Helvetica, Geneva, Arial, sans-serif; 
font-color: black; 
background-color: white; 
text-align: center; 
}

источник

2009-02-09 19:43:49

все еще ничего не делает для него .. его почти как второй css-блок не применяется (по крайней мере, в Safari, в котором я его просматриваю). Даже черный текст отображается белым цветом. – jwb

Это подозрительно. Вы наверняка сможете установить цвет шрифта. Вы проверяли на наличие опечаток, особенно в идентификаторе и селекторе css? Вы можете попытаться заставить css работать inline во-первых, просто чтобы облегчить отслеживание проблемы. –

Ну для начала, ваш Соскучились HTML-теги. Вам нужно обернуть свой HTML-код между HTML-тегами.

Во-вторых, вам нужно будет указать свой цвет в качестве цвета фона. В вашем CSS вам нужно будет изменить цвет #horizon на черный или что-то еще.

Кроме этого, ваш код работает.

источник

2009-02-09 19:45:03 jgallant

Да, у меня есть те, в коде .. Я просто пренебрег копировать их выше .. – jwb

попробовать

#content 
{ 
    margin: auto; 
    width: 200px; /* however wide it should be (required) */ 
} 

... 
<div id="content"> 
    stuff goes here from js/whatever 
</div>

для вертикального выравнивания вы смотрите на JS, а не CSS.

источник

2009-02-09 19:50:37 blu

это было полезно спасибо – jwb

Мертвого Центр JavaScript Выход

ответ

Смежные вопросы