|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
09.03.2012, 22:35 | #1 |
Пользователь
Регистрация: 21.02.2009
Сообщений: 44
|
Можно ли переместить контент, не перемещая строки кода?
Код HTML:
<body> <p>Первая строка</p> <p>Вторая строка</p> <p><a href="/"><img src="logo.gif" width="228" height="228" alt="Альттекст" /></a></p> </body> Можно ли сделать так, чтобы логотип на странице был с самого верха, тогда как код его вывода оставался внизу (путем какого-либо видоизменения этого кода, может, что-нибудь с CSS)? |
10.03.2012, 01:21 | #2 |
Форумчанин
Регистрация: 19.05.2011
Сообщений: 189
|
попробуй в css... position:absolute; top:10px;
|
10.03.2012, 02:11 | #3 |
Пользователь
Регистрация: 21.02.2009
Сообщений: 44
|
Да я с css как то не очень... Может, набросаете эскизик?
|
10.03.2012, 14:16 | #4 |
Пользователь
Регистрация: 07.02.2012
Сообщений: 95
|
конечно можно, и если я правильно понял, то картинка должна быть в самом верху а текст в низу ее, тогда нужно учитывать высоту картинки потому как без этого текст просто налазит на нее, вот код
html Код HTML:
<title></title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" /> </head> <body> <p>Первая строка</p> <p>Вторая строка</p> <div id="top"> <a href="#"><img src="img/015.png" width="228" height="228" alt="Альттекст" /></a></div> </body> </html> Код HTML:
#top{position:absolute; top:0; width:228px; height:228px} p {position:relative;top:228px;} Последний раз редактировалось titan2012; 10.03.2012 в 14:31. |
10.03.2012, 15:14 | #5 |
Далеко не
Участник клуба
Регистрация: 11.08.2011
Сообщений: 1,512
|
Код:
|
10.03.2012, 16:37 | #6 |
Пользователь
Регистрация: 21.02.2009
Сообщений: 44
|
И как titan2012 предложил, и с Вашим вариантом прекрасно работает!
Но есть один нюанс. Далее по тексту таблицы будут. Одну из них я разместил для пробы, и она повисла на середие логотипа (скриншот). Как бы сделать, чтобы дальнейший текст воспроизводился в порядке расположения кодов? (И попутно. Как разместить логотип на середине страницы?) Код HTML:
<title>Вывод логотипа</title> <style type="text/css"> p {position:relative;top:228px;} </style> </head> <body> <p>Первая строка</p> <p>Вторая строка</p> <div align="center"> <table style="text-align: center; background-color: #FCEBC7; border: 5px solid #FF00FF; width: 980px"> <tr> <td>Текст в таблице</td> </tr> </table> </div> <div style="position:absolute; top:0px; left:0px; width:228px; height:228px;"><a href="/"><img src="logo.gif"></a></div> |
10.03.2012, 17:22 | #7 |
Пользователь
Регистрация: 07.02.2012
Сообщений: 95
|
взял для
<div align="center" id="top"> подключил id="top" #top{position:relative;top:100px;} и top уже можно самому регулировать как оно должно отображатся, можно position: absolute прописать, но тогда таблица не центрируется и еще нюанс, если задуманно чтобы текст всегда был внизу таблицы то желательно его поместить в дивы |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Переместить слова в начало строки | Peperovich | Общие вопросы C/C++ | 0 | 25.12.2011 20:13 |
Как можно собрать Builder чтобы можно было бы заменять большие части кода? | cargo29 | Общие вопросы Delphi | 17 | 18.02.2011 20:47 |
Можно ли скрыть input из исходного кода | zircon | JavaScript, Ajax | 4 | 13.01.2011 11:36 |
Можно ли ускорить выполнение этого кода? | Velross | Помощь студентам | 3 | 07.01.2010 19:37 |
Можно помочь с анализом чужого кода ? Си | sergey113 | Помощь студентам | 1 | 20.03.2009 13:19 |