Jump to content

Моя первая работа!


Jef
 Share

Recommended Posts

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

В данном макете можно обойтись без png, тут легко можно использовать jpeg. Главное в этом то, что не будет никаких последствий для ИЕ6.

float: left;;

Есть пара таких моментов в CSS, который кстати нифига не читабельный. Самому будет потом неудобно его читать (когда сайты будут больше).

<div class="outer_wrapper">

<div class="wrapper">

<div class="container">

<div class="content">

<div class="left">

Ой чую нечисто тут! Уж очень много вложенных контейнеров.

Link to comment
Share on other sites

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

В данном макете можно обойтись без png, тут легко можно использовать jpeg. Главное в этом то, что не будет никаких последствий для ИЕ6.

Есть пара таких моментов в CSS, который кстати нифига не читабельный. Самому будет потом неудобно его читать (когда сайты будут больше).

Ой чую нечисто тут! Уж очень много вложенных контейнеров.

1) исправил

2) в нете нашел как кроссобраузерный трехколоночный макет!

Link to comment
Share on other sites

Вот вам кроссбраузеный 3-х колоночный макет без тонны контейнеров:

<?xml version="1.0" encoding="utf-8"?>
<!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="en" lang="en">

<head>
<title>3 column template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<style type="text/css">
* {
margin: 0;
padding: 0;
font: 11px Arial, Tahoma, sans-serif;
}

.head,
.left,
.center,
.right,
.foot {
padding: 10px;
}

.head {
height: 80px;
}

.left {
float: left;
width: 180px;
}

.center {
margin-left: 200px;
margin-right: 200px;
}

.right {
float: right;
width: 180px;
}

.foot {
clear: both;
}
</style>
</head>

<body>

<div class="head"></div>
<div class="left">
111
</div>
<div class="right">
222
</div>
<div class="center">
333
</div>
<div class="foot"></div>

</body>
</html>

Edited by Great Rash
Link to comment
Share on other sites

Странно, но я этот сайт уже видел. На этом форуме, в этой ветке название "Верстка макета Раира". Как были иконки страховых компаний, чьи интересы представляет раира, некликабельны, так и остались. И сылку делать болдом при ховере.... если они вряд стоят... они же дергаются в конвульсии

Link to comment
Share on other sites

Странно, но я этот сайт уже видел. На этом форуме, в этой ветке название "Верстка макета Раира". Как были иконки страховых компаний, чьи интересы представляет раира, некликабельны, так и остались. И сылку делать болдом при ховере.... если они вряд стоят... они же дергаются в конвульсии

Ссылки на " интересы представляет раира" не подумал!! А насчет болдом при ховере как лучше сделать?

Link to comment
Share on other sites

min-width для ие6 без експрешена не обойтись, max-width тоже. А чем он вам мешает?

постоянно пересчитывается!!что то такое я на сайтах читал "якобы плохо это"!!! многие через картинку как то делаю!! А как они это делают я нигде не нашел!

Я про горизонтальное меню: при ховере просто уберите подчеркивание.

А там и так его нет!!!! там же стоит text-decoration:none?

Link to comment
Share on other sites

А там и так его нет!!!! там же стоит text-decoration:none?

"Автомобили Имущество Здоровье"

Вы что невидите что при ховере текст становится болд, и все что находится правее сдвигается вправо??? Лично мне такое дергание никогда ненравилось

Edited by mishka2
Link to comment
Share on other sites

Сер, если вы не хотите, чтобы я сказал Слово и вы оказались в бане, уменьшите количество восклицательных знаком до минимума. Это называется неуважение к членам форума

Edited by Павел Билькис
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 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