Prispôsobenie velkosti pozadia

Zlatohlavok

Nazdar.
Ako spravím to, aby sa pozadie utomaticky prispôsobilo tomu kto klikne sa nejakú moju stránku?
Mám tam pozadie v rozlíšení 1920x1200 a keďže má niekto rozlíšenie menšie alebo väčšie, tak by som to chcel spraviť, aby sa automaticky zmenšilo/ zväčšilo.

Na nete som našiel tento script, ale neviem čo stým:

Kód: Vybrať všetko

<?php 
function get_file_type($subor) 
{ 
        $pripona = substr($subor, -4, 4); 
        $pripona = strtolower($pripona); 
        switch($pripona) 
        { 
                case '.jpg': 
                        return 'jpg'; 
                break; 
                case '.jpe': 
                        return 'jpg'; 
                break; 
                case '.gif': 
                        return 'gif'; 
                break; 
                case '.png': 
                        return 'png'; 
                break; 
                case '.bmp': 
                        return 'bmp'; 
                break; 
        } 
} 
function onlineresize($subor, $NovaSirka, $NovaVyska) 
{ 
        switch(get_file_type($subor)) 
        { 
                case 'jpg': 
                        $image = imagecreatefromjpeg($subor); 
                break; 
                case 'gif': 
                        $image = imagecreatefromgif($subor); 
                break; 
                case 'png': 
                        $image = imagecreatefrompng($subor); 
                break; 
                case 'bmp': 
                        $image = imagecreatefrombmp($subor); 
                break; 
        } 
        $sirka = imagesx($image); 
        $vyska = imagesy($image);        
        if($NovaVyska == 0) 
        { 
                $pomer = $sirka / $vyska; 
                $NovaVyska = $NovaSirka / $pomer; 
        } 
        else 
        { 
                $NovaSirka = $NovaSirka; 
                $NovaVyska = $NovaVyska; 
        }        
        if ($NovaSirka == 0) 
        { 
                $pomer = $vyska / $sirka; 
                $NovaSirka = $NovaVyska / $pomer; 
        } 
        else 
        { 
                $NovaSirka = $NovaSirka; 
                $NovaVyska = $NovaVyska; 
        }        
        $image_zmenseny = imagecreatetruecolor($NovaSirka, $NovaVyska); 
        imagecopyresampled($image_zmenseny, $image, 0, 0, 0, 0, $NovaSirka, $NovaVyska, $sirka, $vyska); 
        
        // Zobrazíme zmenšeninu 
        switch(get_file_type($subor)) 
        { 
                case 'jpg': 
                        header('Content-type: image / jpeg'); 
                        imagejpeg($image_zmenseny); 
                break; 
                case 'gif': 
                        header('Content-type: image / gif'); 
                        imagegif($image_zmenseny); 
                break; 
                case 'png': 
                        header('Content-type: image / png'); 
                        imagepng($image_zmenseny); 
                break; 
                case 'bmp': 
                        header('Content-type: image / bmp'); 
                        imagebmp($image_zmenseny); 
                break; 
        } 
} 
//zavolame funkciu a zobrazime obrazok 
onlineresize($_GET['img'], $_GET['sirka'], $_GET['vyska']); 
?>

sipik

Hmmm. Rieš to skôr v percentách. Výška šírka... A potom sa to prisposobi podľa veľkosti monitoru.

Zlatohlavok

Ale ako? mne to žiadno nechce fungovať, vždy sa to buď opakuje, alebo je fixne veľkosť a buď to oreže, alebo pridá pásy.

Mám to takto, tak čo tam mám presne napísať?

Kód: Vybrať všetko

<style>

    body {background-image: url("Backgrounds/1280x800.jpg")}

</style>

sipik

No body máš zadané len nie že má mať 100% width a height. A vlastne aj keby to tak bolo, priraďovali by sme tú hodnotu len do body ale nie do elementu (img). Teda to treba riešiť aj s HTML. Interne ti napíšem CSS tak si to len stačí upraviť:

Kód: Vybrať všetko

<html>

<head>
<title>Titulka stránky</title>

<style>
body img{
	background-image: url("#");
	width: 100%;
	height: 100%;
}
</style>

</head>
<body>
<img src="#"  width="100%" height="100%" />
</body>

</html>

Zlatohlavok

Spravil som to tak ako si napísal, ale rozhádzalo mi to akurát stránku.

sipik

Posli cely kod.

Zlatohlavok

Tu je celý kód, tak ako ho mám, tam mi napíš prosím ťa čo a kde napísať.
Diky.

Ak potrebuješ, tak stránka je www.slovnik.4fan.cz je to úloha do školy.

Kód: Vybrať všetko

<html>

<head>



<style type="text/css">
div.background
{
  width: 500px;
  height: 250px;
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
}
div.transbox
{
  width: 640px;
  height: 430px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  filter:alpha(opacity=60);
  opacity:0.6;
}
div.transbox p
{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
}

body {background-image: url("Backgrounds/1280x800.jpg");
      width: 100%;
      height: 100%;
     }


</style>


<div class="transbox">


<title>Slovník SK-EN / EN-SK</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
</head>

<body >


 

<font face="Garamond">


<p><font>Anglicko-Slovenský Slovensko-Anglický slovník</font></p>
<form>
<table border="1" width="600">
    <tr>
        <td width="128">
            <p>Slovíčko</p>
        </td>
        <td width="154">
                <input type="text" name="word">
        </td>
        <td width="103">
                <select name="smer" size="1">
                <option value="aj">EN -> SK</option>
                <option value="sk">SK -> EN</option>
                </select>
        </td>
        
        <td width="225">
                        <p><input type="submit" name="odošli" value="translate / preložiť"></p>
        </td>
    </tr>
</table>
</form>

<p>&nbsp;</p>
<?
if (isset($_GET['word'])){
hladaj ($_GET['word'],$_GET['smer'],$_GET['cast']);
}
?>

</body>

</html>

<?
function hladaj ($word,$smer,$cast)
{

$server="localhost";
$user="teruyo";
$pass="";
$db="slovnik";

mysql_connect ($server,$user,$pass);

if ($cast=="cast")
   $result = mysql ($db, "select * from sk_aj where $smer like '%$word%' ORDER BY $smer;");
else   $result = mysql ($db, "select * from sk_aj where $smer like '$word' ORDER BY $smer;");
   $pocet = mysql_NumRows ($result); 
$i=0;

echo "<table border='1' width='600'><tr><td width='300'><p><font color='red' face='Arial Black'>Anglicky</font></p>";
echo "</td><td width='300'><p><font color='red' face='Arial Black'>Slovensky</font></p></td></tr>";
   
while ($i<$pocet)
{
   echo "<tr><td width='300'><p><font color='green'>";
   echo mysql_Result ($result,$i, "aj");
   echo "</font></p></td><td width='300'><p>&nbsp;<font color='blue'>";
   echo mysql_Result ($result,$i, "sk");
   echo "</font></p></td></tr>";

  $i++;
}     

echo "</table>";

}

?>

sipik

Počkať počkať. To je trocha divné. Máš tam class na background a ten nemáš potom nikde zadefinovaný. Alebo toto class na transbox máš v hlavičke? A nikde nieje ukončený. Ako to funguje? Načitavaš ešťe niečo s db? Lebo nejake to je divne cele. Neviem či je to tými štandardami W3C alebo niečo iné.

Zlatohlavok

Sorry, toto je správny kód.
Načítavam z databázy slovíčka do slovníka..

Kód: Vybrať všetko

<html>

<head>



<style type="text/css">
div.background
{
  width: 500px;
  height: 250px;
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
}
div.transbox
{
  width: 640px;
  height: 430px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  filter:alpha(opacity=60);
  opacity:0.6;
}
div.transbox p
{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
}


</style>


<div class="transbox">


 <title>Slovník EN-SK</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
</head>

<body >
<style>

    body {background-image: url("Backgrounds/1280x800.jpg")}

    </style>  

<font face="Garamond">


<p><font>Anglicko-Slovenský Slovensko-Anglický slovník</font></p>
<form>
<table border="1" width="600">
    <tr>
        <td width="128">
            <p>Slovíčko</p>
        </td>
        <td width="154">
                <input type="text" name="word">
        </td>
        <td width="103">
                <select name="smer" size="1">
                <option value="aj">EN -> SK</option>
                <option value="sk">SK -> EN</option>
                </select>
        </td>
        
        <td width="225">
                        <p><input type="submit" name="odošli" value="translate / preložiť"></p>
        </td>
    </tr>
</table>
</form>

<p>&nbsp;</p>
<?
if (isset($_GET['word'])){
hladaj ($_GET['word'],$_GET['smer'],$_GET['cast']);
}
?>

</body>

</html>

<?
function hladaj ($word,$smer,$cast)
{

$server="localhost";
$user="teruyo";
$pass="";
$db="slovnik";

mysql_connect ($server,$user,$pass);

if ($cast=="cast")
   $result = mysql ($db, "select * from sk_aj where $smer like '%$word%' ORDER BY $smer;");
else   $result = mysql ($db, "select * from sk_aj where $smer like '$word' ORDER BY $smer;");
   $pocet = mysql_NumRows ($result); 
$i=0;

echo "<table border='1' width='600'><tr><td width='300'><p><font color='red' face='Arial Black'>Anglicky</font></p>";
echo "</td><td width='300'><p><font color='red' face='Arial Black'>Slovensky</font></p></td></tr>";
   
while ($i<$pocet)
{
   echo "<tr><td width='300'><p><font color='green'>";
   echo mysql_Result ($result,$i, "aj");
   echo "</font></p></td><td width='300'><p>&nbsp;<font color='blue'>";
   echo mysql_Result ($result,$i, "sk");
   echo "</font></p></td></tr>";

  $i++;
}     

echo "</table>";

}

?>
<P>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<div class="reklama_endora"><endora></div>

sipik

Je to celé akosi rozhádzané. Zákl. štruktúra HTML & CSS je nejako takto:

Kód: Vybrať všetko

<html>

<head>
<title>Titulka webu</title>
// meta tagy

// interne css
</head>

<body>
// obsah webu
</body>

Ak sa budeš riadiť touto štruktúrou myslím že nebude pre teba problém to spraviť nakoľko HTML tagy nieje nič zložité

.
(www.jakpsatweb.cz)

Prispôsobenie velkosti pozadia

Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia

Re: Prispôsobenie velkosti pozadia