Jump to content
  • 0

Едет или нет?


stardel
 Share

Question

Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/

Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Батик|Главная</title>
<style type="text/css"><!--
body{
margin:0;
background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0;
font:18px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
color:#fff; height:200px;

}
#wrapper{
width:200px;
margin:30% 30% 20%;
min-height:100%;
}
* html #wrapper{
height:100%;
}
a{
text-decoration:none;
color:#fff;
}
a:hover{
color:#483223;
}
#wrapper{
//width:200px;
//margin:30% 30%;
// min-height:100px;}
html #wrapper{
//height:390px;}

html:first-child #wrapper{
width:200px;
margin:30% 30% 20%;
min-height:100%;
}
* html #wrapper{
height:100%;
}


--></style>
</head>
<body>
<div id="wrapper">
<ul>
<li>Главная</li>

<li><a href="http://batikgallery.ru/gallery/main.php">Галерея</a></li>
<li><a href="http://batikgallery.ru/Contacts.html">Контакты</a></li>
</ul>
</div>
</body>
</html>

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0
тогда получается на 1280 нормально,а на 1024 ссылки по середине экрана...есть стиль какой нибудь для того чтобы прописать для каждого разрешения отдельный css?

Есть JS, но я им не владею к сожалению.

Link to comment
Share on other sites

  • 0
Посмотри вот сейчас на http://batikgallery.ru/ не скачут ссылки за пределы картинки-бэкграунда?

У меня щас монитор 1016пк, при таком разрешении до низа ещё рано, но уже скоро.

Link to comment
Share on other sites

  • 0

да какой джс?

body{
background:#130E0A;
margin:0;
font:18px "Comic Sans MS",Verdana,Arial,Helvetica,sans-serif;
}
#wrapper{
width:766px;
margin:0 auto;
background:url(images/Gallery.jpg) no-repeat;
min-height:700px;
position:relative;
}
* html #wrapper{
height:700px;
overflow:visible;
}

и никакой высоты на боди тут ненадо. Высоту на боди ставят только в случае если надо какой нить блок растянуть на 100% высоты экрана! Тогда ставят yна боди и хтмл height:100%

навигации айди сделать и:

#navigation{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:...px;
left:...px;
}

Edited by mishka2
Link to comment
Share on other sites

  • 0

(на локалке)короче опять не получается...на 1280 -всё ок ,на 1024 cьезжают прямо пропорционально вправо...как добиться одинакового отображения? и в % пробывал и в px- один фиг всё не так....

Link to comment
Share on other sites

  • 0
Медведь, как же так, он же ведь хотел, чтобы при разном разрешении подключалась разная таблица стилей, а разве нет?

Ой, я это пропустил... недоглядел както.

это не закоментировано,это стили для всех IE...ессно они работают )

Да неужели?

Link to comment
Share on other sites

  • 0
я хочу чтобы на разных разрешениях расположения ссылок были одинаковы ) и всё((

1) Ты имеешь ввиду эти ссылки?

<ul>
<li>Главная</li>

<li><a href="http://batikgallery.ru/gallery/main.php">Галерея</a></li>
<li><a href="http://batikgallery.ru/Contacts.html">Контакты</a></li>
</ul>

2) Ты хочешь чтобы они находились всегда в одной точке, допустим 300пк сверху и 20 слева, внутри центрального блока, которым и является изображение, и которое выравнено посередине?

Link to comment
Share on other sites

  • 0

ТС, по твоей проблеме ты уже три топика создал. Зачем? За такое и прибанить могут. Сделал один топик, и там его раскручивай.

Что тебе непонятно? Я же тебе все почти сделал, осталось до кучи собрать. Или тебе дать готовый полностью код?

только что посмотрел - все здорово отображается. Иль ты както по другому хочешь?

Блок центрируется, в нем твоя менюха постоянно на одном месте, при любых разрешениях.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy