Помощник
 |
|
|
|
|
Сообщение сайта
|
 помогите с кодом html и css, плс |
mitzury
|
Сообщение
#1
|
||
|
Бывалый  Группа: User Сообщений: 296 Регистрация: 22.4.2013 Из: Санкт Петербург Поблагодарили: 24 раза Репутация:  2 
 |
|
||
 |
|
||
|
devuser
|
 16.10.2013, 13:25;
Ответить: devuser
Сообщение
#2
|
 Все будет тип-топ Группа: Active User Сообщений: 713 Регистрация: 5.12.2012 Из: Online Поблагодарили: 345 раз Репутация: 52
|
Этот сервис поможет вам создать сетку в три клика.
-------------------- |
|
|
|
|
mitzury
|
Сообщение
#3
|
|
Бывалый Группа: User Сообщений: 296 Регистрация: 22.4.2013 Из: Санкт Петербург Поблагодарили: 24 раза Репутация: 2
|
devuser,
спасибо) вот только шапку он не делит ( |
|
|
|
|
devuser
|
16.10.2013, 14:09;
Ответить: devuser
Сообщение
#4
|
|
Все будет тип-топ Группа: Active User Сообщений: 713 Регистрация: 5.12.2012 Из: Online Поблагодарили: 345 раз Репутация: 52
|
Ну так а что там делить, если высота шапки фиксированная?
<!-- Шапка --> <div class="header"> <div class="left-header"></div> <div class="right-header"></div> </div> .left-header{ float:left; width:50%; } .right-header{ float:right; width:50%; } <!-- Подвал --> <div class="footer"> <div class="footer-inner"></div> </div> .footer-inner{
width:500px; margin:0px auto; } Сообщение отредактировал devuser - 16.10.2013, 14:10 -------------------- |
|
|
|
|
mitzury
|
Сообщение
#5
|
|
Бывалый Группа: User Сообщений: 296 Регистрация: 22.4.2013 Из: Санкт Петербург Поблагодарили: 24 раза Репутация: 2
|
спасибо) действительно ничего сложного) надо больше практики.
Теперь с центром разберусь и все "ок" PS. Как делать AJAX навигацию на страницах? Например при нажатии на кнопку чтобы текст с одного менялся на другой? Например в пределах одного div Сообщение отредактировал mitzury - 16.10.2013, 14:12 |
|
|
|
|
devuser
|
16.10.2013, 14:15;
Ответить: devuser
Сообщение
#6
|
|
Все будет тип-топ Группа: Active User Сообщений: 713 Регистрация: 5.12.2012 Из: Online Поблагодарили: 345 раз Репутация: 52
|
mitzury, про центр в футере я добавил
А яваскрипт вам рано еще, имхо. Все сразу не осилить http://learn.javascript.ru/ -------------------- |
|
|
|
|
mitzury
|
Сообщение
#7
|
|
Бывалый Группа: User Сообщений: 296 Регистрация: 22.4.2013 Из: Санкт Петербург Поблагодарили: 24 раза Репутация: 2
|
devuser,
<script type="text/javascript"> function TextToSpan(){ var status1 = document.getElementById("1").checked; var status2 = document.getElementById("2").checked; if (status1){ document.getElementById("monthly_fee_text").innerHTML= "value1"; } else if (status2){ document.getElementById("monthly_fee_text").innerHTML= "value2"; } else{ document.getElementById("monthly_fee_text").innerHTML= "dafault text"; } } </script> <INPUT TYPE="radio" NAME="type" id="1" CHECKED onClick="TextToSpan();">Стоимость квартиры<br /> <INPUT TYPE="radio" NAME="type" id="2" onClick="TextToSpan();">Сумму ежемесячных взносов<br /> <SPAN id=monthly_fee_text style="WHITE-SPACE: nowrap">Планируемый ежемесячный взнос:</SPAN> Вот пример, мне надо чтобы менялся текст при нажатии на картинку. Соответственно как я понимаю тут схожесть с визуал бейсиком есть. document.getElementById("1").checked; обьекст.свойство соответственно вместо кнопки поставить картинку с ид 1 и статус.. только вот найти какой, ну в общем вы мне с основным помогли, остальное уже второстепенно. |
|
|
|
belka2007
|
16.10.2013, 19:53;
Ответить: belka2007
Сообщение
#8
|
|
Новичок 
 Группа: User Сообщений: 23 Регистрация: 15.10.2013 Поблагодарили: 10 раз Репутация: 1
|
<!doctype html>
<html> <head> <meta charset="utf-8"> <title>Скрипт смены текста при нажатие на картинку</title> </head> <body> <script type="text/javascript"> function TextToSpan(id){ if (id==1){ document.getElementById("textspan").innerHTML = "Нажали на картинку 1"; } else if (id==2){ document.getElementById("textspan").innerHTML = "Нажали на картинку 2"; } else{ document.getElementById("textspan").innerHTML = "Ошибка"; } } </script> <img onClick="TextToSpan(1);" src="img1.jpg" alt="" width="90" height="90"/> <img onClick="TextToSpan(2);" src="img2.jpg" alt="" width="90" height="90"/> <br /> <span id="textspan">Пусто</span> </body> </html> |
|
|
|
|
mitzury
|
Сообщение
#9
|
|
Бывалый Группа: User Сообщений: 296 Регистрация: 22.4.2013 Из: Санкт Петербург Поблагодарили: 24 раза Репутация: 2
|
Воспользовался данным сайтом, делаю макет на том что выдал этот сайт.
В итоге есть вопрос. Есть код шапки: <div class="header"> <div class="left-header"><img height="95" src="logo.jpg"> </div> <div class="right-header"> <p>(812) 369-77-97<BR>Санкт петербург<BR> Время работы офиса: ПН - ПТ </p> </div> </div> CSS: /* Header -----------------------------------------------------------------------------*/ #header { height: 125px; background: #FFE680; } .left-header{ float:left; width:55%; } .right-header{ float:right; width:30%; padding: 20px; } p { color: rgb(39, 53, 102); /* Цвет текста */ } Текст почему то нельзя скопировать, даже более того, выделить, почему? По моему с виду в коде все в порядке... Сообщение отредактировал mitzury - 18.10.2013, 16:19 |
|
|
|
|
devuser
|
18.10.2013, 16:22;
Ответить: devuser
Сообщение
#10
|
|
Все будет тип-топ Группа: Active User Сообщений: 713 Регистрация: 5.12.2012 Из: Online Поблагодарили: 345 раз Репутация: 52
|
У вас в css #header, а в верстке class="header"
Или пишите в css .header или в верстке id="header" -------------------- |
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Вёрстка HTML-писем | 30 | Vampler | 29394 | 27.3.2024, 12:41 автор: Vampler |
 |
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 728 | 21.2.2024, 23:42 автор: Mixatraider |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3482 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3416 | 19.12.2023, 18:55 автор: CULA |
|
Залить html страницу на 20 доменов | 6 | TABAK | 1709 | 22.5.2023, 16:24 автор: KORUP |
|
Текстовая версия | Сейчас: 23.4.2024, 20:15 |
