Малко наместване в Див

B

BaHKaTa

Registered
значи имам малък проблем.Когато задам на дивовете картинките им не се редят както трябва.
604883_orig.jpg

Код: 
<html>
<head><title>WwW.funsite.data.bg</title>
<style type="text/css">
body{
background:#C0C0C0;
}
div.sadarjanie{
margin-left:auto;
margin-wright:auto;
width:500px;
height:500px;
}
div.Header{
background-image: url(images/untitled-1_01.gif);
height:126px;
width:500px;
float:left;
}
div.forme{
background-image: url(images/untitled-1_02.gif);
height:123px;
width:145px;
float:left;
}
div.container{
background-image: url(images/untitled-1_03.gif);
height:374px;
width:355px;
float:left;
}
div.mywork{
background-image: url(images/untitled-1_04.gif);
height:132px;
width:145px;
}
div.contact{
background-image: url(images/untitled-1_05.gif);
height:119;
width:145;
}
</style>
</head>
<body>
<table align="center" valign="middle" border="1" cellpadding="0" cellspacing="0">
  <tr>
     <td>
	 <div class="sadarjanie">
	  <div class="Header"></div>
	  <div class="forme"></div>
	  <div class="container"></div>
	  <div class="mywork"></div>
	  <div class="contact"></div>
	  </div>
	</td>
   </tr>
</table>
</body>
</html>
 
Код: 
     <div class="sadarjanie">
     <div class="Header"></div>
     <div class="forme"></div>
      <div class="mywork"></div>
     <div class="contact"></div>
     <div class="container"></div>
     </div>


направи го така
и бтв за какво ти е тая таблица там :?:

а и на mywork u contact също им сложи float:left
 
kalo_g каза:
Код: 
     <div class="sadarjanie">
     <div class="Header"></div>
     <div class="forme"></div>
      <div class="mywork"></div>
     <div class="contact"></div>
     <div class="container"></div>
     </div>


направи го така
и бтв за какво ти е тая таблица там :?:

а и на mywork u contact също им сложи float:left
Увеличете...
не се получава.На мене ми трябва "forme","mywork" и "contact" да са едно под друго в ляво и в дясно да е "container"
 
значи копирах го тва дет ти го написа и махнах таблизата от там...Некфа боза се получава.
 
Код: 
<html>
<head><title>WwW.funsite.data.bg</title>
<style type="text/css">
body{
background:#C0C0C0;
}
div.sadarjanie{
margin-left:auto;
margin-right:auto;
width:500px;
height:500px;
}
div.Header{
background-image: url(images/untitled-1_01.gif);
height:126px;
width:500px;
float:left;
}
div#leftcol
{
float:left;
width:145px;
}
div.forme{
background-image: url(images/untitled-1_02.gif);
height:123px;
width:145px;
float:left;
}
div.container{
background-image: url(images/untitled-1_03.gif);
height:374px;
width:355px;
float:left;
}
div.mywork{
background-image: url(images/untitled-1_04.gif);
height:132px;
width:145px;
float:left;

}
div.contact{
background-image: url(images/untitled-1_05.gif);
height:119;
width:145;
float:left;

}
</style>
</head>
<body>

    <div class="sadarjanie">
     <div class="Header"></div>
     <div id="leftcol">
     <div class="forme"></div>
     <div class="mywork"></div>
     <div class="contact"></div>
     </div>
     <div class="container"></div>

     </div>
 
</body>
</html>
 
Даваш обяснение така че да го разбера(като за прост човек) и зимаш точката :?:
 
BaHkaTa а защо не го направиш просто по следният начин...много по-лесно е.


Код: 
     <div id="container">
     <div id="i1" style="position:absolute; overflow:hidden; left:25px; top:0px; width:991px; height:85px;"><a 
     href="http://www.mysite.com" title="Home"><img src="i/logo.png" border=0 width=991 height=85></a></div>
 
малко го едит-нах за да махна таблицата
начи първо когато ти беше на теб в началото кода ти слага :

малък див | голям див

малък див
малък див

и тия последните 2 дива падаха толкова долу, защото големия див беше 370 пиксела висок,а те фактически са подредени след него
аз сложих един голям див, който да обгръща 3те малки дива за да са независима и така

leftcol | sadarjanie

се подреждаха един до друг

а и бтв ти оправих кода имаше греша в CSS-a беше написал

margin-wright и затова се чупеше като махнех таблицата
сега всичко е ОК :)
ако нещо неразбра питай, че обяснението ми е слаба страна :?: :?: :?:
 
Защото още се уча на HTML и CSS и карам по обикновенните начини...
И примерно как да му дам на тоя вид линк.Щото с <A HREF....></А>
нещо не ми се получава.
Пък и този код по-горе нещо не знам каде да го сложа.
 
кода по горе, който ти дадох си го слагаш където ти е главната страница
това е цялата страница
а това за а-то не го разбрах

<a href="web-tourist.net"> web-tourist</a>

а ако искаш да го направиш по специален го правиш така

<a href="web-tourist.net" class="wt"> web-tourist</a>

и в цсс-а слагаш примерно

a.wt {
color : #fff;
text-decoration:underline;
}

a.wt:hover{
border-top:1px solid #fff;
}
 
Искам целия див да се явява като линк.
нещо като
<a href="www.web-tourist.net"><div class="mywork"></div></a>
 
ам така ли

направи го така


<a href="www.web-tourist.net" class="mywork">бля бля бля</a>

(това а го сложи на мястото на дива)
би трябвало да стане без да променящ нищо друго


п.п. а ако не ти изкарва картинката въобще като го направиш така отиди в CSS-a и направи

.mywork {...}
на
a.mywork {...}

въпреки че няма причина това да прави проблеми
 
Искам просто единия див да се явява хато линк.Без да има текст...
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе