Autor Zpráva
26lukas26
Profil
Prosím vas http://mp3mania.sk/wall/ ako tam dám aby boli tie dve kolonky pod logom vedľa seba a nie pod sebou?
SwimX
Profil
26lukas26
levé float: left;
pravé float: right;
a pod to nějaký čistič např <br style="clear: both;">
26lukas26
Profil
Hmm dik neviem či som to napisal dobre ale nejde to.
yFang
Profil
26lukas26
Máš tam předivováno, je to zbytečně zmatený. Stačili by ti dva divy na ty dva rámečky, ty jich tam máš asi 10. Zkus to zjednodušit.
SwimX
Profil
26lukas26
nevydržel jsem a přepsal ti to:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>    
    <title>    
    </title>    
    <meta name="description" content="" />    
    <meta name="author"content="Lukáš"/>    
    <meta name="robots" content="all"/>    
    <meta name="keywords" content="" />    
    <base href="" />    
    <link rel="shortcut icon" href="" />    
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />    
    <link href="" rel="stylesheet" type="text/css"/>  
  </head>  
  <style>
   body{
     background: #fff url('http://mp3mania.sk/wall/back.png') center top repeat-x;
     text-align: center;
   }
   
   #page{
     width: 960px;
     margin: 50px auto; 
   }
   
   .ram{
      background: url('border.png') no-repeat;
      width: 294px;
      height: 81px;
      border: 1px solid #c8c8c8;
      text-align:center;
   }
   #levy{float:left;}
   #pravy{float:right;}
   
   .ram h1{
    font-family: Verdana;
    font-size:14px;
    color:#444;
    width: 280px;
    margin: 10px 0px;
   }
   
   .ram span{
    font-family: Arial;
    font-size:13px;
    font-weight:normal;
    color:#000;
    display:block;
    width: 280px;
    text-align:left;
   }
  </style>

 <body style="">
  <img src="http://mp3mania.sk/wall/logo.png" >
  <div id="page">
    <div class="ram" id="levy">
    <h1>HD wallpapers</h1>
      <span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your desktop!</span>
    </div>
    <div class="ram" id="pravy">
    <h1>HD wallpapers</h1>
      <span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your desktop!</span>
    </div>
    <br style="clear:both;">
  </div>

  </body>
</html>
26lukas26
Profil
a keby som chcel mat vedla seba hned tri taketo ramy?
panther
Profil
26lukas26
a keby som chcel mat vedla seba hned tri taketo ramy?
tak je dáš do HTML třikrát
26lukas26
Profil
no ale ako ked jeden je float left a druhy right?
panther
Profil
26lukas26
tak dej všem float: left a bude jeden obtékat druhý zleva, tzn. pokud se vejdou do šířky stránky, budou tři vedle sebe
26lukas26
Profil
dakujem panther a vedeô by si poradit este ako mam dat medzi nimi medzery tak na center?
panther
Profil
26lukas26
já na tom se slovenštinou nejsem moc dobře, ale chceš to celé vycentrovat na střed?
26lukas26
Profil
ano
panther
Profil
26lukas26
body {text-align: center;}
div#obal {margin: 0 auto; text-align: left;}

přičemž divem s id="obal" ty tři sloupce obal
26lukas26
Profil
hmm voláko to nejde...
panther
Profil
26lukas26
třeba tady je, jak se centruje..
SwimX
Profil
26lukas26
mé řešení centruje oba divy na střed.
a přidat do něj třetí snad není problém..
.ram{
      background: url('border.png') no-repeat;
      width: 294px;
      height: 81px;
      border: 1px solid #c8c8c8;
      text-align:center;
      float: left;
   }


 <body>
  <img src="http://mp3mania.sk/wall/logo.png" >
  <div id="page">
    <div class="ram">
    <h1>HD wallpapers</h1>
      <span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your esktop!</span>
    </div>
    <div class="ram">
    <h1>HD wallpapers</h1>
      <span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your desktop!</span>
    </div>
    <div class="ram">
    <h1>HD wallpapers</h1>
      <span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your desktop!</span>
    </div>
    <br style="clear:both;">
  </div>

  </body>
26lukas26
Profil
je tam "bordel" :D
26lukas26
Profil
26lukas26
mé řešení centruje oba divy na střed.
a přidat do něj třetí snad není problém..
1
2
3
4
5
6
7
8
.ram{
background: url('border.png') no-repeat;
width: 294px;
height: 81px;
border: 1px solid #c8c8c8;
text-align:center;
float: left;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body>
<img src="http://mp3mania.sk/wall/logo.png" >
<div id="page">
<div class="ram">
<h1>HD wallpapers</h1>
<span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your esktop!</span>
</div>
<div class="ram">
<h1>HD wallpapers</h1>
<span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your desktop!</span>
</div>
<div class="ram">
<h1>HD wallpapers</h1>
<span>Abstract, cars, nature, and more...Enjoy these HD wallpapers for your desktop!</span>
</div>
<br style="clear:both;">
</div>
</body>


nevím asi ani to nepomohlo
SwimX
Profil
26lukas26
necituj prosím kódy, to je opravdu bordel potom

nevím asi ani to nepomohlo
mě to běhá.. http://plavec.borec.cz/upfiles/26lukas26.html
26lukas26
Profil
SwimX


ano asi som mal cosi zle dakujem velmi pekne.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: