Autor Zpráva
nospeeder
Profil
Zdravím. Jde o to že jsem začátečník ve tvorbě webů. V podstatě téměř nic neumím . Ale co potřebuji je , že každý monitor má jiné rozlišení . U mě to vypadá



ale třeba u kamaráda který má větší obrazovku takto :




Potřeboval bych tedy vědět jak udělat aby se to automaticky přizpůsobovalo na velikost monitorů. Díky

Zdrojový kód :
<
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link href="style.css" rel="stylesheet">
  <meta author="Speeder">
  <title>Pro Kessonka</title>  
  
  </head>
  
  <body>
    <div id="zahlavi">
    <img src="zahlavi.jpg">
    </div>
        
    
      <div id="smenu">
      <div class="menuite"><a href="#"><b>Nejnovější</b></a></div>
      <div class="menuite"><a href="#"><b>Videa</b></a></div>
      <div class="menuite"><a href="#"><b>Vtipy</b></a></div>
      <div class="menuite"><a href="#"><b>Gify</b></a></div>
      <div class="menuite"><a href="#"><b>Obrázky</b></a></div>
      </div>
            
      <center>
        
          <div id="text">
              <H2>Žirafa je cool</H2>
            <img src="zirafa.jpg"
          </div>
          
          <div id="text">
              <H2>Žirafa je cool</H2>
            <img src="zirafa.jpg"
          </div>
          
       </center>   
         
          
  
      
      
<?php 
    include("footer.php")
    ?

Style:
a{text-decoration:none ; font face="comic sans ms" ; font-size: 30px}
     a:hover{text-decoration:underline}
     #smenu a{color:white; float:left ; width: 100%}
     #table{width:500px;height:300px}
     h1{padding:0px 300px ; color:white}
     body {font face="comic sans ms";width: 100%;}
     H2{color:white}
    .menuite{float:left}
    #smenu {position:absolute;
       top: 75;
       left: 480px
       }
     .menuite{text-align:center}
   .menuite{padding:5px 20px 5px 20px}
   #kontakt a{color:white; }
   #kontakt{position:absolute;
              right:30px}
     
     
     body{background-color:#3C2D0F;
         background-image:url("background.jpg");background-position:center center;background-attachment:fixed;}
     #zahlavi{position:absolute 
              0px
              0px
     }
Fisir
Profil
Reaguji na nospeedera:
Nenastavuj pevné rozměry (tj. px, em) ale procentní.
nospeeder
Profil
takže mám u všeho přespat px na % ? :)
Fisir
Profil
Reaguji na nospeedera:
Nepřepisuj to bezhlavě. Nejdřív vyzkoušej, jestli to alespoň trochu sedí. Když bys např. 500 px přepsal na 500 %, měl bys stránku širokou přes pět monitorů.
nospeeder
Profil
Ano. TO už jsem pochopil. Díky , zkusím to celé předělat a kdyby něco tak se ozvu. Ještě jednou díky :)
Chamurappi
Profil
Reaguji na nospeedera:
Ale co potřebuji je , že každý monitor má jiné rozlišení .
Tak to už je vlastně hotové. I když teda počet používaných rozlišení je menší, než počet existujících monitorů :-)

Proč bys chtěl, aby tvá stránka vypadala na všech rozlišeních stejně? Málokterý web to chce. A možná i málokterý uživatel. Já třeba používám velké rozlišení zejména proto, že chci vidět víc žiraf najednou.
nospeeder
Profil
No ale jde o to že se neroztáhne třeba ten modrej pás s těma odkazama .. víš :)
Fisir
Profil
Reaguji na nospeedera:
Protože „ten modrej pás“ je obrázek. Mimochodem, protože roztahuješ body na 100 %, zruš mu margin, ať se zbytečně nezobrazuje horizontální posuvník.
margin
Profil *
Fisir:
roztahuješ body na 100 %, zruš mu margin, ať se zbytečně nezobrazuje horizontální posuvník.
Mám za to, že jednodušší je nedeklarovat pro body 100% šířku.

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: