![]() |
|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
![]() |
|
Опции темы | Поиск в этой теме |
![]() |
#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)? |
![]() |
![]() |
![]() |
#2 |
Форумчанин
Регистрация: 19.05.2011
Сообщений: 189
|
![]()
попробуй в css... position:absolute; top:10px;
|
![]() |
![]() |
![]() |
#3 |
Пользователь
Регистрация: 21.02.2009
Сообщений: 44
|
![]()
Да я с css как то не очень... Может, набросаете эскизик?
|
![]() |
![]() |
![]() |
#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. |
![]() |
![]() |
![]() |
#5 |
Далеко не
Участник клуба
Регистрация: 11.08.2011
Сообщений: 1,512
|
![]() Код:
|
![]() |
![]() |
![]() |
#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> |
![]() |
![]() |
![]() |
#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 |