[HTML, Css] - Задай вопрос, получи ответ

Discussion in 'PHP' started by banned, 28 Jun 2007.

Thread Status:
Not open for further replies.
  1. P(i)n*Fl0p1

    P(i)n*Fl0p1 Elder - Старейшина

    Joined:
    19 Dec 2006
    Messages:
    157
    Likes Received:
    35
    Reputations:
    9
    Вообщем то я полнейший ламер))в сайтах разных)))
    у меня такая проблема скачал шаблон к сайту на юкозе)
    в нем лежат эдакие папки:
    Html
    Fonts
    HTML-BLANKS
    PSD

    все тупо скопировал на сайт, перед эти открыл файл index в папке HTML блокнотом скопировал там все и вставил на сайте в редакторе шаблонов)потом скопировал файл css также в папке HTML и вставил также на сайте..вроде как бы все должно получится но при открытии сайта вылазиет такая шняга:
    [​IMG]

    хелп))плиз
    я конечно понимаю что нада дать в Хтмл или в Цсс адреса к рисункам но там я вообще не понимаю куда их вписать)может просто туплю?)
     
    #261 P(i)n*Fl0p1, 30 Jan 2008
    Last edited: 30 Jan 2008
  2. smOleg

    smOleg Banned

    Joined:
    30 Nov 2007
    Messages:
    69
    Likes Received:
    25
    Reputations:
    -5
    просто жесть как тупиш)
    ПС эт шо прикол? :D
     
  3. P(i)n*Fl0p1

    P(i)n*Fl0p1 Elder - Старейшина

    Joined:
    19 Dec 2006
    Messages:
    157
    Likes Received:
    35
    Reputations:
    9
    К моему огромному сожалению нет))))не прикол)просто категорически не хочет HTML влезать ко мне в голову)просто тупо не дано)))
    Не ну серьезно не понимаю куда ссылки на рисунки тут вставлять((
    Code:
    <html>
    
    <head>
    	<title>Your Company Name</title>
    	<link rel="stylesheet" type="text/css" href="Template069.css">
    </head>
    
    <body topmargin="0" leftmargin="0">
    
    <table cellpadding="0" cellspacing="0" width="752" class="Top">
    	<tr>
    		<td><img src="images/TopRow1.jpg" width="750" height="183"></td>
    	</tr>
    </table>
    <table cellpadding="0" cellspacing="0" width="752" class="Middle">
    	<tr height="1">
    		<td>
    			<table cellpadding="0" cellspacing="0" height="100%">
    				<tr>
    					<td><img src="images/Back6.jpg" width="27" height="20"></td>
    				</tr>
    				<tr height="100%">
    					<td class="VSeparatorBack" valign="top"><img src="images/Back4.jpg" width="27" height="81"></td>
    				</tr>
    				<tr>
    					<td><img src="images/Back7.jpg" width="27" height="40"></td>
    				</tr>
    			</table>
    		</td>
    		<td>
    			<table cellpadding="0" cellspacing="0">
    				<tr>
    					<td><img src="images/HeaderAboutUs.jpg" width="349" height="20"></td>
    				</tr>
    				<tr>
    					<td class="ImageBack"><p class="Indented4L Indented44R">Sample text, this is a short sample text about something. This is another sentence of this  sample text, which is only intended for testing this template. Sample text, this is a short sample text about something. This is another sentence of this  sample text.</p></td>
    				</tr>
    				<tr>
    					<td>
    						<table cellpadding="0" cellspacing="0">
    							<tr height="1">
    								<td class="Color1" valign="top">
    									<p class="NoBReakBeforeAfter"><img src="_blank.gif" width="1" height="22"></p>
    									<p class="NoBReakBeforeAfter"><img src="images/Photo1.jpg" width="132" height="103"></p>
    								</td>
    								<td class="Color1">
    									<table cellpadding="0" cellspacing="0" height="100%">
    										<tr>
    											<td><img src="_blank.gif" width="1" height="22"></td>
    										</tr>
    										<tr height="100%">
    											<td class="VSeparatorBack"><img src="_blank.gif" width="28" height="1"></td>
    										</tr>
    									</table>
    								</td>		
    								<td class="Color2">
    									<p class="NoBReakBeforeAfter"><img src="images/Title1.gif" width="189" height="36"></p>
    									<p class="Indented24R">Sample text, this is a short sample text about something. This is another sentence of this  sample text, which is only intended for testing this template. Sample text, this is a short sample text about something.</p>
    								</td>
    							</tr>
    							<tr height="1">
    								<td class="Color1" valign="top">
    									<br>
    									<p class="NoBReakBeforeAfter"><img src="_blank.gif" width="1" height="22"></p>
    									<p class="NoBReakBeforeAfter"><img src="images/Photo2.jpg" width="132" height="103"></p>
    								</td>
    								<td class="Color1">
    									<table cellpadding="0" cellspacing="0" height="100%">
    										<tr>
    											<td><br><img src="_blank.gif" width="1" height="22"></td>
    										</tr>
    										<tr height="100%">
    											<td class="VSeparatorBack"><img src="_blank.gif" width="27" height="1"></td>
    										</tr>
    									</table>
    								</td>		
    								<td class="Color2">
    									<br>
    									<p class="NoBReakBeforeAfter"><img src="images/Title2.gif" width="101" height="15"></p>
    									<p class="Indented24R">Sample text, this is a short sample text about something. This is another sentence of this  sample text, which is only intended for testing this template. Sample text, this is a short sample text about something.</p>
    								</td>
    							</tr>
    						</table>
    					</td>
    				</tr>
    				<tr>
    					<td><img src="images/BottomBar.jpg" width="349" height="40"></td>
    				</tr>
    			</table>	
    		</td>
    		<td valign="top" class="Color1"><img src="images/Back2.jpg" width="181" height="385"></td>
    		<td valign="top" class="Color1">
    			<p class="NoBreakBeforeAfter"><img src="images/Back1.jpg" width="193" height="120"></p>
    			<p class="NoBreakBeforeAfter" align="right"><a href="index.html"><img src="images/ButtonLink1.jpg" border="0" width="142" height="30"></a></p>
    			<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLink2.jpg" border="0" width="193" height="37"></a></p>
    			<p class="NoBreakBeforeAfter" align="right"><a href="index.html"><img src="images/ButtonLink3.jpg" border="0" width="169" height="40"></a></p>
    			<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLink4.jpg" border="0" width="193" height="42"></a></p>
    			<p class="NoBreakBeforeAfter"><img src="images/Back3.jpg" width="193" height="116"></p>
    		</td>
    	</tr>
    </table>
    <table cellpadding="0" cellspacing="0" width="752" class="Bottom">
    	<tr>
    		<td align="right" class="Color1"><img src="images/Back5.gif" width="480" height="32"></td>
    	</tr>
    </table>
    
    </body>
    
    </html>

    типа вот тут?
    class="NoBreakBeforeAfter"><img src="images/Back3.jpg" width="193" height="116"></p>

    всё понял)ЫЫЫЫ
    :rolleyes:
    и всетаки с++ лучше)
     
    #263 P(i)n*Fl0p1, 30 Jan 2008
    Last edited: 30 Jan 2008
  4. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3
    мне нужно чтобы при нажатии на кнопку на сайте, в центре экрана появлялось новое окошко, причем чтобы оно появилось в центре независимо от того где прокрутка, а то если там прокрутки на 10 экранов, то новое окошко вылезит где нить сверху или снизу, а мне нужно чтобы оно пойвилось именно там где я в данный момент нахожусь
     
  5. .:EnoT:.

    .:EnoT:. Сексуальное чудовище

    Joined:
    29 May 2007
    Messages:
    803
    Likes Received:
    559
    Reputations:
    50
    на java-script можно:
    PHP:
    <script type="text/javascript">
    <!--
    function 
    okno()
    {
       
    window.open("http://www.antichat.ru/","mywin""width=200, height=143,left=100,top=100")
    }
    //-->
     
    </script>

    <a href="#" onclick="okno()" >Окно откройся</a>
    left - это расстрояние от левого края
    top - соответственно от верха

    Ну а размеры так не угадаешь чтоб по середине экрана вылезало, расширение у всех разное)Но примерно можно)

    З.Ы. прокрутка тут не при чём, окно у тебя всё равно вылезет там где укажешь
     
    1 person likes this.
  6. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3
    мне все намного круче нада))) спасиб за помощь.я нашол скрипт, он открывает див посередине экрана,и даже прокручивает при скролинге этот див вместе со всем остальным содержимым, мне просто нужно было чтоб хренька эта была в дизайне сайта и ничего лишнего, даже кнопок чтоб не было которые у окна в верхнем правом углу,типа "закрыть" "свернуть", я думал в настройках открывающегося окна можно это отключить, а нет, пришлось делать див
     
    #266 Корвин, 30 Jan 2008
    Last edited: 30 Jan 2008
    1 person likes this.
  7. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3
    Code:
    <script>
    
    function show_elem(id) {
    	elem = document.getElementById(id);
    	if (elem)
    		elem.style.display = 'block';
    }
    
    function openCenteredWindow(id) {
    	elem = document.getElementById(id);
    	if (elem)
    	if (elem.style.display=='block')
    	{
    		var pageCoords = getPageCoords();
    		elem.style.top = parseInt(pageCoords[2] + (pageCoords[0] - 55) / 2) + 'px';
    	}
    }
    
    
    function getPageCoords() {
    	var coords = [0, 0, 0]; // height of window, document, scroll pos
    	// all except IE
    	if (window.innerHeight) {
    		coords[0] = window.innerHeight;
    		coords[2] = window.pageYOffset;
    	}
    	// IE 6 Strict
    	else if (document.documentElement && document.documentElement.clientHeight != 0) {
    		coords[0] = document.documentElement.clientHeight;
    		coords[2] = document.documentElement.scrollTop;
    	}
    	else if (document.body) {
    		coords[0] = document.body.clientHeight;
    		coords[2] = document.body.scrollTop;
    	}
    
    	var test1 = document.body.scrollHeight;
    	var test2 = document.body.offsetHeight;
    	if (test1 > test2) {
    		coords[1] = document.body.scrollHeight;
    	} else {
    		coords[1] = document.body.offsetHeight;
    	}
    	if (coords[1] < coords[0]) coords[1] = coords[0];
    
    	return coords;
    }
    </script>
    <div><a onclick="show_elem('dd'); openCenteredWindow('dd'); return false;" href="#">клик</a></div>
    
    <table style="position:absolute; z-index:999; display:none;" id="dd" width="100%">
    <tr>
    	<td width="50%"></td>
    	<td align="center">
    	
    	
    <table width="600">
    <tr>
    	<td class="f1" align="left" valign="top"></td>
    	<td class="fri3"></td>
    	<td class="f2"  align="right" valign="top"></td>
    </tr>
    <tr>
    	<td class="fri1"></td>
    	<td width="600" style="color:#000000; background-color: #e1dde1;">текст</td>
    	<td class="fri2"></td>
    </tr>
    <tr>
    	<td class="f3" align="left" valign="bottom"></td>
    	<td class="fri4"></td>
    	<td class="f4" align="right" valign="bottom"></td>
    </tr>
    </table>
    
    
    	</td>
    	<td width="50%"></td>
    </tr>
    </table>
    
    <div style="height:1150px"></div>
    
    <div><a onclick="show_elem('dd'); openCenteredWindow('dd'); return false;" href="#">клик</a></div>

    вот это вставь в боди пустой страницы,посморишь как работает
     
  8. cash$$$

    cash$$$ Banned

    Joined:
    6 Jan 2008
    Messages:
    385
    Likes Received:
    246
    Reputations:
    10
    Посоветуйте хороший XSS-устойчивый html-фильтр для сайта. C возможностью оставлять теги типа a, img...
     
  9. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3
    помогите плиз

    у меня есть две таблички, у одной из них стоит style="display:none;" и id="table2", я хочу чтобы када в первой табличке наводишь на td , во второй display:none, менялся на display:block

    если пишу так у меня ничо не выходит,подскажите что я не так делаю:
    HTML:
    <table>
    <tr>
    <td onmouseover="getElementById('table2').style.display=block;">
    ........
    </td>
    </tr>
    </table>
    
    
    <table id="table2" style="display:none;">
    ...........
    ....
    .
    ........
    </table>
    
     
  10. GreenBear

    GreenBear наркоман с медалью

    Joined:
    7 May 2005
    Messages:
    2,547
    Likes Received:
    1,398
    Reputations:
    612
    block должен быть в одинарных ковычках.
     
    2 people like this.
  11. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,193
    Reputations:
    252
    HTML:
    <style>
    #t1, #t2 { position: absolute; }
    #t1, { width: 6em; left: 0;}
    #t2 { left: 6em; right: 6em; }
    </style>
    
    <div id="t1">text1</div>
    <div id="t2">text2</div>
    Или

    HTML:
    display:inline-block
    Не во всех браузерах!

    Или юзай <span>
     
    #271 banned, 16 Feb 2008
    Last edited: 16 Feb 2008
  12. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,193
    Reputations:
    252
    [x26]VOLAND, тоже вариант, но у меня он не сработал почему-то..
    Мейби потому что не ставил доктайпов и боди...
    Вообщем на выбор как хочешь так и делай )
     
  13. Horsekiller

    Horsekiller Elder - Старейшина

    Joined:
    22 Nov 2006
    Messages:
    61
    Likes Received:
    33
    Reputations:
    6
    Как сделать чтобы текст типа
    отображался в таблице правильно ?
    у меня он отображается как
    =/
    если вставить в textarea - отображается нормально, но мне надо просто в таблице...
     
  14. NOmeR1

    NOmeR1 Everybody lies

    Joined:
    2 Jun 2006
    Messages:
    1,068
    Likes Received:
    783
    Reputations:
    213
    Перед текстом добавляй <pre>, а после </pre>. А вообще лучше вместо переносов юзать <br>.
     
    1 person likes this.
  15. krypt3r

    krypt3r Elder - Старейшина

    Joined:
    27 Apr 2007
    Messages:
    1,507
    Likes Received:
    389
    Reputations:
    101
    Code:
    <table border="0">
      <tr>
        <td>qwer</td>
      </tr>
      <tr>
        <td>asdf</td>
      </tr>
      <tr>
        <td>zxcv</td>
      </tr>
    </table>
    
    Про таблицу речь шла? Нет? ))
     
    1 person likes this.
  16. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,193
    Reputations:
    252
    =\
    Code:
    <table>
      <tr>
             <td>
                    qwer<br/>
                    asdf<br/>
                    zxcv
            </td>
      </tr>
    </table>
     
    1 person likes this.
  17. Horsekiller

    Horsekiller Elder - Старейшина

    Joined:
    22 Nov 2006
    Messages:
    61
    Likes Received:
    33
    Reputations:
    6
    Да не то имелось ввиду...)
    В $text - текст с переносами (из БД) -
    .
    А отображается он как
    .
     
  18. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,193
    Reputations:
    252
    ммм...
    PHP:
    <table>
    <tr>
    <td>
     <?php echo '<pre>'.$text.'</pre>'?>
    </td>
    </tr>
    </table>
    Или

    PHP:
    <?php
    $text 
    str_replace('\n''<br/>'$text);
    echo 
    '<table>
        <tr>
           <td>'
    .$text.'</td>
        </tr>
    </table>'
    ;
    ?>
     
  19. Horsekiller

    Horsekiller Elder - Старейшина

    Joined:
    22 Nov 2006
    Messages:
    61
    Likes Received:
    33
    Reputations:
    6
    то, что требовалось.
    спасибо.
     
  20. cb93ka

    cb93ka Elder - Старейшина

    Joined:
    4 Jan 2007
    Messages:
    36
    Likes Received:
    13
    Reputations:
    3
    nl2br ещё можно заюзать.
     
    1 person likes this.
Thread Status:
Not open for further replies.