От html в css

E

Emperator

Registered
Имам една картинка (Примерно) в ednakartinka.html но да речем че искам да я вмъкна в css фаел като и запазя съущото място как ще стане ?
 
нещо не чатнах какво искаш.
Ами просто в цсс-а задай пътя на снимката кадето е тя.
Код: 
background-image: url(пътя на картинката);
 
iwanov каза:
нещо не чатнах какво искаш.
Ами просто в цсс-а задай пътя на снимката кадето е тя.
Код: 
background-image: url(пътя на картинката);
Увеличете...

Значи това е едната част +1 но сега прмерно ще ми я даде горе в дясно а на мен ми трябва долу в ляво как ще стане да го наместя (Извинявам се за израза)
 
Абсюлютно позициониране на области.
Сложи я в един див и си позиционирай него кадето искаш.
#S_1 { position: absolute; top:100px; left:300; width:260; height;250; border:1pz dotted black}
и после <div id="S_1"></div>
Може би нещо такова.
Това е само пример!
 
iwanov каза:
Абсюлютно позициониране на области.
Сложи я в един див и си позиционирай него кадето искаш.
#S_1 { position: absolute; top:100px; left:300; width:260; height;250; border:1pz dotted black}
и после <div id="S_1"></div>
Може би нещо такова.
Това е само пример!
Увеличете...

При по-голяма резолюция текста се губи (мести) трябва да е в css ws kartinki
 
Чакай чакай. Първо ми казваш за една картинка. Сега ми казваш всички картинки и някакъв текст се местил.
Защо не обясниш какво искаш точно?
 
iwanov каза:
Чакай чакай. Първо ми казваш за една картинка. Сега ми казваш всички картинки и някакъв текст се местил.
Защо не обясниш какво искаш точно?
Увеличете...

Код: 
<html>
<head>
<title>Само за тестове</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css" media="all">@import "style.css";</style>
</head>
<center>
<table id="Table_01" width="801" height="901" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="10">
			<img src="images/gm1_01.gif" width="47" height="900" alt=""></td>
		<td colspan="8">
			<img src="images/logo.jpg" width="712" height="138" alt=""></td>
		<td rowspan="10">
			<img src="images/gm1_03.gif" width="41" height="900" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="138" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/gm1_04.gif" width="180" height="2" alt=""></td>
		<td rowspan="2">
			<img src="images/gm1_05.gif" width="130" height="41" alt=""></td>
		<td colspan="4">
			<img src="images/gm1_06.gif" width="402" height="2" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/gm1_07.gif" width="179" height="53" alt=""></td>
		<td rowspan="2">
			<img src="images/gm1_08.gif" width="1" height="53" alt=""></td>
		<td>
			<img src="images/gm1_09.gif" width="85" height="39" alt=""></td>
		<td>
			<img src="images/gm1_10.gif" width="127" height="39" alt=""></td>
		<td>
			<img src="images/gm1_11.gif" width="56" height="39" alt=""></td>
		<td>
			<img src="images/gm1_12.gif" width="134" height="39" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="39" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="6">
			<img src="images/gm1_13.gif" width="532" height="665" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/gm1_14.gif" width="180" height="290" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="290" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/gm1_15.gif" width="137" height="48" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="images/gm1_16.gif" width="43" height="49" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="48" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/gm1_17.gif" width="137" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/gm1_18.gif" width="180" height="59" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="59" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/gm1_19.gif" width="179" height="253" alt=""></td>
		<td>
			<img src="images/gm1_20.gif" width="1" height="253" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="253" alt=""></td>
	</tr>
	<tr>
		<td colspan="8">
			<img src="images/gm1_21.gif" width="712" height="56" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="56" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="47" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="137" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="42" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="130" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="85" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="127" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="56" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="134" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="41" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</center>
</body>
</html>

За реди си този код без картинките виждаш ли как са разположени искъл същото разположение само че в css а не в index-a
 
Да беше казал в началото още че има нарязан дизайн...
Нещо такова трябва да ти стане:
http://web-tourist.net/login/login/view.php?st=505
Започни да четеш малко за CSS
Ако това не ти помогне вече нз.
 
Ти въобще знаеш ли какво е CSS?

ПП : Абсолютно позициониране се използва в много редки случаи.
 
bubust каза:
Ти въобще знаеш ли какво е CSS?

ПП : Абсолютно позициониране се използва в много редки случаи.
Увеличете...

За мен ли питаш дали знам какво е CSS ? Ако е така да знам.
Може да се използва в редки случаи ,но се използва... На който както му е удобно.
@bubust искам да те помоля като се обръщаш към някой да му споменаваш ника за да се разбираме кой за кой и закакво говори.
 
Ставаше дума за Emperator дали разбира. Наистина трябаше да спомена, въпреки, че като послепис би трябвало да личи, че обръщението е към теб.

Когато използваш абсолютно позициониране и някой отвори сайта с резолюция различна от тази, на която е правен, резултата ще е трагичен.
Поради тази причина абсолютното позициониране се използва рядко. :wink:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе