Diskuze: nastavení velikosti stránek

Člen

Zobrazeno 14 zpráv z 14.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |


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
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.
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;
}
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?
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/
díky, vím teprve se učím 
Zkus na tom zapracovat. Co je tady tedy konkrétně za problém?
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
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.
a můžeš mě lehce naťuknout. díky
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

Zobrazeno 14 zpráv z 14.