NOVINKA: Kurz Práca s umelou inteligenciou teraz už od 0 €. Staň sa žiadaným profesionálom. Zisti viac:
Avatar
Tomáš Nazarov
Člen
Avatar
Tomáš Nazarov:4.4.2016 15:37
dobrý den, při tvorbě webu jsem narazil na jeden problém. Nevím jak nastavit velikost a pozici <div> tak aby i na větších monitorech to vypadalo stejně jako na menších.

zkoušel jsem to pomocí margin a zadávat v procentech ale nejde mi to.

díky za radu

 
Odpovedať
4.4.2016 15:37
Avatar
Josef Kuchař - Pepa489
Tvůrce
Avatar
Odpovedá na Tomáš Nazarov
Josef Kuchař - Pepa489:4.4.2016 15:58

Načpak to potřebuješ?

Hore Odpovedať
4.4.2016 15:58
2x piš, jednou debuguj
Avatar
Tomáš Nazarov
Člen
Avatar
Tomáš Nazarov:4.4.2016 16:01

na webovou stránku

 
Hore Odpovedať
4.4.2016 16:01
Avatar
Josef Kuchař - Pepa489
Tvůrce
Avatar
Odpovedá na Tomáš Nazarov
Josef Kuchař - Pepa489:4.4.2016 19:23

Nějaký výjimečný případ? Weby se mají dělat tak, aby se velikosti monitoru přispůsobovali, ne aby se jen zvětšovali

Hore Odpovedať
4.4.2016 19:23
2x piš, jednou debuguj
Avatar
Petr Čech
Tvůrce
Avatar
Odpovedá na Josef Kuchař - Pepa489
Petr Čech:4.4.2016 19:39

Nauč se prosím pravopis.

@OP dělá se to tak, že nastavíš rodičovskému elementu šířku na 100% a tomu vloženému také v procentech, třeba 40%.
Pokud to nepomohlo, hoď sem kód, u kterého to máš udělat.

Hore Odpovedať
4.4.2016 19:39
the cake is a lie
Avatar
Tomáš Nazarov
Člen
Avatar
Tomáš Nazarov:5.4.2016 8:34

no jde mi o to aby ten web vypadal stejně na malém rozlišení obrázovky tak na velkém
aby ty objekty byli vždy na stejné pozici a i ve stejné velikosti (myslím tim třebas bay tabulka vždy byla (v 30 od zhoda 30 od spoda)
přikládám zdroják

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
<link rel="stylesheet" href="autofolie.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/nav.js"></script>
<body>
<hgroup>
</hgroup>
<section id="overlay">
<table id="tfhover" class="tftable" border="1">
<style type="text/css">
table.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #9dcc7a;border-collapse: collapse;}
table.tftable th {font-size:12px;background-color:#abd28e;border-width: 1px;padding: 8px;border-style: solid;border-color: #9dcc7a;text-align:left;}
table.tftable tr {background-color:#ffffff;}
table.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #9dcc7a;}
</style>
<tr><U><BIG><th colspan="3" ><U><BIG>Ceník služeb</BIG> </U> </th></th></tr>
<tr><th>Auta typu/značka folie</th><th>fusion</th><th>global</th></tr>
<tr><td> Hatchback, 3-dveřové</td><td>1 800,-Kč</td><td>2 000,-Kč</td></tr>
<tr><td>Sedan, Kombi</td><td>2 000,-Kč</td><td>2 400,-Kč</td></tr>
<tr><td>VAN</td><td>2 500,-Kč</td><td>2 900,-Kč</td></tr>
<tr><td colspan="3" >Uvedené ceny jsou bez přeních stahovaček </td></tr>
<tr><th colspan="3" >Doplňkové služby:</th></tr>
<tr><td>Přední stahovačky</td><td>600,-Kč</td><td>900,-Kč</td></tr>
<tr><td>Bezpečnostní folie - jedno okno</td><td colspan="3" >600,-Kč</td></tr>
<tr><td colspan="3">Ceny vč. DPH</td></tr>
</table>
</section>
<section id="bg">
<style>
ol li {list-style-type:url (images/odrazka.gif}
</style>
<img src="images/album.png" alt="fotoalbum naší práce"><a/>
<div><U><BIG>Potisluneční okenní autofólie</BIG> </U> </div>
<div><img src="images/odrazka.gif">Odrážejí až 65% dopadající sluneční energie, čímž vytvářejí ve voze příjemnější klima</li> </div>
<div><img src="images/odrazka.gif">Snižují průhled skly dovnitř vozu, čímž vzniká větší pocit soukromí </div>
<div><img src="images/odrazka.gif">Zlepšují celkový vzhled automobilu </div>
<div><img src="images/odrazka.gif">Pohlcují až 99% škodlivého UV záření, čímž chrání cestující a prodlužují životnost interiéru </div>
<div><img src="images/odrazka.gif">Fólie lze tvarovat, na každé sklo lze tedy instalovat fólii z jednoho kusu bez napojování </div>
<div>
<img src="images/odrazka.gif">Všechny typy fólií na sklo mají atest Ministerstva dopravy a spojů České republiky </div>
<div> </div>
<div><U><BIG>Potisluneční okenní autofólie</BIG> </U> </div>
<div><img src="images/odrazka.gif">Snižuje riziko vykradení automobilu a při nehodě chrání před střepy </div>
<div><img src="images/odrazka.gif">Pohlcuje přes 96% UV záření </div>
<div><img src="images/odrazka.gif">Má atest Ministerstva dopravy a spojů České republiky </div>
</section>
css:
html, body {
height:100%;
overflow:hidden;
}
body {
margin:0px;
padding:0px;
background-image: url(images/tapeta/wrap.jpeg);
backgourn: relative;
background-size: 100% 100%;
background-repeat: no-repeat ;
background-position: center ;
font-family:'Century Gothic', arial, serif;
}
#obr {
width: 60px;
height: 60px;
top: 200px;
left:50px;
color:#FFF;
}
#bg {
position: relative;
margin:0;
margin-top:-22%;
margin-left:1%;
font-size:11px;
HEiGHT:000;
color:#FFF;
}
#overlay {
position: relative;
margin:0;
margin-top:19%;
margin-left:65%;
color:#FFF;
}
 
Hore Odpovedať
5.4.2016 8:34
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovedá na Tomáš Nazarov
Neaktivní uživatel:5.4.2016 13:02

Máš problém v naprostých základech, nemáš ukončené tady, ukončuješ neexistující tagy, mícháš html a css, používáš U a BIG tagy, vlastní seznam se zarážkami se určitě nedělá takhle ale pomocí opravdového seznamu. Syntaxe a formátování ti nic neříká, kdo to má opravovat?

Hore Odpovedať
5.4.2016 13:02
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovedá na Tomáš Nazarov
Neaktivní uživatel:5.4.2016 13:08

Nevím proč to dělám, ale tady je lehce zlepšená verze s odebranýmy nebo přidanými end/open tagy, odděleným css a html a tak podobně, kdyby měl někdo zájem:
https://jsfiddle.net/ezLx51dp/

Hore Odpovedať
5.4.2016 13:08
Neaktivní uživatelský účet
Avatar
Tomáš Nazarov
Člen
Avatar
Tomáš Nazarov:5.4.2016 13:24

díky, vím teprve se učím :-)

 
Hore Odpovedať
5.4.2016 13:24
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovedá na Tomáš Nazarov
Neaktivní uživatel:5.4.2016 13:26

Zkus na tom zapracovat. Co je tady tedy konkrétně za problém?

Hore Odpovedať
5.4.2016 13:26
Neaktivní uživatelský účet
Avatar
Tomáš Nazarov
Člen
Avatar
Tomáš Nazarov:5.4.2016 13:30

no chtěk jsem jednotlivé sekce (tabulku, text) umístit na stránku tak aby byli vždy ve stejné velikosti a místě bez ohledu na rozlišení obrazovky.
ale je možné že s tím mám problém jelikož mám ten kod v bordelu jak si mi napsal

 
Hore Odpovedať
5.4.2016 13:30
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovedá na Tomáš Nazarov
Neaktivní uživatel:5.4.2016 15:19

Takhle žádné webové, desktopové ani mobilní aplikace nefungují. Zabil bys tím potencionál velké obrazovky a znemožnil použití na menších (zkus si vzít obrázek ve fullhd nebo 4k a podívat se na něm na telefonu, aniž bys ho roztáhl). Nejlepší je obsah přízpůsobovat, jak bylo naznačeno dříve.

Hore Odpovedať
5.4.2016 15:19
Neaktivní uživatelský účet
Avatar
Tomáš Nazarov
Člen
Avatar
Tomáš Nazarov:5.4.2016 19:38

a můžeš mě lehce naťuknout. díky

 
Hore Odpovedať
5.4.2016 19:38
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovedá na Tomáš Nazarov
Neaktivní uživatel:5.4.2016 19:49

Knock knock ... Who's there? ... Not a <table>

Tabulka úplně s responzivním designem nekamarádí. Pokud má málo sloupečků jako tahle, tak jí můžeš dát do containeru, který bude široký 100% (nebo něco blížící se 100%) do nějaké šířky a dále se vycentruje a zůstane uprostřed. Je tu návod na psaní responzivního webu :)

Hore Odpovedať
5.4.2016 19:49
Neaktivní uživatelský účet
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 14 správy z 14.