Jump to content
  • 0

Едет или нет?

stardel

Asked by stardel,

 Share

Question

stardel Explorer

stardel

Posted
Posted

Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 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
psywalker Explorer

psywalker

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited)

да какой джс?

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
stardel Explorer

stardel

Posted
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

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

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

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

Да неужели?

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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
mishka Explorer

mishka

Posted
Posted

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

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

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

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

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
Go to question listing
×
×
  • 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

  I accept