Jump to content

Kosta654

Newbie
  • Posts

    10
  • Joined

  • Last visited

About Kosta654

  • Birthday 01/16/1991

Information

  • Sex
    Мужчина

Kosta654's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Всем привет!!! Помогите разобраться есть такой код http://jsfiddle.net/2cnysy8z/ . Проблема в следующем я задаю для ul overflow: auto; то есть по идеи если контент не влазит должны появляться полосы прокрутки, ну все вроде бы правильно, но когда я задаю для li float: left, то блоки с картинками все равно остаются один под одним, они не встают флоатом, если применить классы, которые я закоментировал то получатся то что мне нужно, но я не могу понять, почему блоки не встают так как работает флоат , мне надо чтоб они вставали автоматом , а не через класы, ибо если добавить новый li то для него опять надо писать клас. а посути они просто должны флоатить
  2. ну так поставте пробелы, в чем проблема?
  3. Здраствуйте помогите решить проблему! Не срабатывает click Скрипт должен добавлять элемент в таблицу, ничего не происходит HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Курс по Jquery</title><link href="css/mystyle.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery.min.js"></script><script src="js/myscript.js" type="text/javascript"></script></head><body><!-- Общий div для всей страницы--><div class="maindiv" id="main_div"><!-- Блок хедера (шапка сайта) --><div id="forheader"><img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" /></div><!-- Конец блока хедера --><div id="forbody"><h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1><p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы различаются в разных странах.) </p><!-- Блок с 4-мя изображениями --><div id="div_for_img"> <img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" /><img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" /> <img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" /><img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" /></div><p><strong>На данный момент к прокату доступны следующие модели:</strong></p><!-- Ненумерованный список --><ol id="moto_models"><li>Харлей Дэвидсон</li><li>Кроссовый мотоцикл</li><li>Гоночный мотоцикл</li><li>Концептуальный мотоцикл</li></ol><h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3><ul id="my_links"><li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li> <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li></ul><h3>Рассчет стоимости проката мотоциклов:</h3><!-- Форма --><form action="form.php" id="my_form"><div id="bigform"><fieldset><!-- Правый блок формы --><div id="div_form_1"><fieldset id="innerfieldset"><legend>Дополнительные опции</legend><p><strong>Нужны ли аксессуары?</strong></p><div id="format"><input type="checkbox" value="sh" name="dop_oprions" id="shlem" /><label for="shlem">Шлем</label><input type="checkbox" value="bag" name="dop_oprions" id="bag" /><label for="bag">Багажник</label><input type="checkbox" value="od" name="dop_oprions" id="od" /><label for="od">Мото-одежда</label></div><p><strong>Нужна ли страховка?</strong></p><div id="radio"><input type="radio" id="inch_yes" value="yes" name="inch" /><label for="inch">Да</label><input type="radio" id="inch_no" value="no" name="inch" /><label for="inch">Нет</label></div></fieldset><input type="submit" value="Отправить заявку" id="my_button" /></div><!-- Левый блок формы --> <div id="div_form_2"><span>Модель:</span><select name="moto" size="1" id="motoSelect"><option value="1">Харлей Дэвидсон (100$ в день)</option><option value="2">Кроссовый мотоцикл (40$ в день)</option><option value="3">Гоночный мотоцикл (150$ в день)</option><option value="4">Концептуальный мотоцикл (340$ в день)</option></select><span>Дней:</span><select name="days" size="1" id="daysSelect"><option value="1">1</option><option value="2">2</option></select><p><strong>Укажите Ваш email:</strong></p><input type="text" id="email" value="Пример: you@site.ru" /> <p><strong>Ваши пожелания:</strong></p><textarea cols="45" rows="2" id="mytextarea"></textarea></div></fieldset></div></form><!-- Конец формы --><!-- Таблица с мотоциклами на продажу --><h3 id="sale">Мотоциклы на продажу (б/у):</h3><table width="550" id="moto_tablemoto_table" title="Таблица цен на мотоциклы" class="mototable"><thead><tr><th><strong>Модель</strong></th><th><strong>Цена</strong></th></tr></thead><tbody><tr><td>Харлей Дэвидсон</td><td>25000</td></tr><tr><td>Кроссовый мотоцикл</td><td>10000</td></tr></tbody></table><div id="forresults"></div></div><!-- Блок футера --><div id="forfooter"><img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" /></div><!-- Конец футера --></div></body></html>JQuery код:$(document).ready(function() {$('#moto_models li').click(function() {var myText = $(this).text();$('#moto_table tbody').append('<tr><td>' + myText + '</td><td>25000</td></tr>');});});// Конец ready
  4. узнайте разницу "джери или джаваскрипт " для начала. Разницу я знаю
  5. Народ, кто подскажет может скрипт на джери или джаваскрипт вот такого слайдера http://yadi.sk/d/gW1vRrnnM3fgV может с описанием
  6. Ясно а в ие как решить?
  7. Всем привет! Подскажите как сверстать такие картинки? http://yadi.sk/d/OsQJ_TpxLPxNm
×
×
  • 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