Tak teď zas úplně nevim kde se tam to logo vzalo.
Když dáš teda width třeba 500 tak to udělá co ?
Už asi vim v čem to je, máš nastavenou velikost headeru na velikost obrázku, musíš ji nastavit na víc. Velikost obrázku + mezery zdola a shora. Zkus
/*** HEADER ***/
#header{
width: 520px;
height: 520px;
position: relative;
z-index: 1000;
color: #fff;
}
kdyžtak to pak doladíš, jen pro zkoušku
CSS nezobrazuje celý obrázek Vyřešeno
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: CSS nezobrazuje celý obrázek
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: CSS nezobrazuje celý obrázek
jejda v tom to není > www.home.inpoint.eu/i-open 

No stress, have fun.
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: CSS nezobrazuje celý obrázek
#pagetitle h1.logo a{
color: #eeeadb;
text-decoration: none;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 201x;
height: 201px;
}
chybí ti px
#pagetitle h1.logo a{
color: #eeeadb;
text-decoration: none;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 201px;
height: 201px;
}
ps tu velikost dej radši menší
myslim tý výšky headeru
color: #eeeadb;
text-decoration: none;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 201x;
height: 201px;
}
chybí ti px
#pagetitle h1.logo a{
color: #eeeadb;
text-decoration: none;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 201px;
height: 201px;
}
ps tu velikost dej radši menší

PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: CSS nezobrazuje celý obrázek
..neudělalo to nic, ale mě to nedalo tak jsem si tam s tím trochu pohrál .. :
/*** HEADER ***/
#header{
width: 240px;
height: 240px;
position: relative;
z-index: 1000;
color: #fff;
}
#header .block-content{
}
#header-wrap{
width: 100%;
background: #261c13;
}
#pagetitle{
padding: 3em 0 0 1em;
text-decoration: none;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 500px;
height: 500px;
}
#pagetitle h1.logo{
font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size: 500%;
float: left;
padding: .1em 0 0 0;
margin: 0;
letter-spacing: -0.1em;
font-variant: small-caps;
font-weight: normal;
color: #eeeadb;
}
#pagetitle h1.logo a:hover{
color: #fff;
}
#pagetitle h4{
float: left;
border-left: 1px solid #8e7762;
padding: .6em 0 .6em .8em;
margin-left: 1em;
color: #e9e2c9;
}
logo se zobrazuje celé, ale ten text je nějaký rozházený
/*** HEADER ***/
#header{
width: 240px;
height: 240px;
position: relative;
z-index: 1000;
color: #fff;
}
#header .block-content{
}
#header-wrap{
width: 100%;
background: #261c13;
}
#pagetitle{
padding: 3em 0 0 1em;
text-decoration: none;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 500px;
height: 500px;
}
#pagetitle h1.logo{
font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size: 500%;
float: left;
padding: .1em 0 0 0;
margin: 0;
letter-spacing: -0.1em;
font-variant: small-caps;
font-weight: normal;
color: #eeeadb;
}
#pagetitle h1.logo a:hover{
color: #fff;
}
#pagetitle h4{
float: left;
border-left: 1px solid #8e7762;
padding: .6em 0 .6em .8em;
margin-left: 1em;
color: #e9e2c9;
}
logo se zobrazuje celé, ale ten text je nějaký rozházený

No stress, have fun.
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: CSS nezobrazuje celý obrázek
Aspoň něco :) teď sis někde umazal že popis webu má být vlevo dole.
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: CSS nezobrazuje celý obrázek Vyřešeno
/*** HEADER ***/
#header{
width: 240px;
height: 240px;
position: relative;
z-index: 1000;
color: #fff;
}
#header .block-content{
}
#header-wrap{
width: 100%;
background: #261c13;
}
#pagetitle{
padding: 3em 0 0 1em;
}
#pagetitle h1.logo{
font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size: 500%;
float: left;
padding: .1em 0 0 0;
margin: 0;
letter-spacing: -0.1em;
font-variant: small-caps;
font-weight: normal;
color: #eeeadb;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 205px;
height: 205px
}
#pagetitle h1.logo a{
color: #eeeadb;
text-decoration: none;
}
#pagetitle h1.logo a:hover{
color: #fff;
}
#pagetitle h4{
float: left;
border-left: 1px solid #8e7762;
padding: .6em 0 .6em .8em;
margin-left: 1em;
color: #e9e2c9;
}
tak nakonec to funguje na tomto způsobu :-) zdá se, že dělal tu neplechu ten zobrazenej text na tom... teď bych potřeboval posunout to logo nahoru ale když dám top: -50px; tak to nic nedělá - pomůžete prosím ještě? Jinak díky moc, úspěšně logo funguje :-)
#header{
width: 240px;
height: 240px;
position: relative;
z-index: 1000;
color: #fff;
}
#header .block-content{
}
#header-wrap{
width: 100%;
background: #261c13;
}
#pagetitle{
padding: 3em 0 0 1em;
}
#pagetitle h1.logo{
font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size: 500%;
float: left;
padding: .1em 0 0 0;
margin: 0;
letter-spacing: -0.1em;
font-variant: small-caps;
font-weight: normal;
color: #eeeadb;
background-image: url("./images/logo.png");
background-repeat: no-repeat;
width: 205px;
height: 205px
}
#pagetitle h1.logo a{
color: #eeeadb;
text-decoration: none;
}
#pagetitle h1.logo a:hover{
color: #fff;
}
#pagetitle h4{
float: left;
border-left: 1px solid #8e7762;
padding: .6em 0 .6em .8em;
margin-left: 1em;
color: #e9e2c9;
}
tak nakonec to funguje na tomto způsobu :-) zdá se, že dělal tu neplechu ten zobrazenej text na tom... teď bych potřeboval posunout to logo nahoru ale když dám top: -50px; tak to nic nedělá - pomůžete prosím ještě? Jinak díky moc, úspěšně logo funguje :-)
No stress, have fun.
Re: CSS nezobrazuje celý obrázek
mno nic necháme to takhle přijde mi to i originální díky pánové 

No stress, have fun.
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
-
Jak stáhnout celý tento návod z webu?
od Peťa » 15 srp 2024 16:24 » v Internet a internetové prohlížeče - 6
- 5703
-
od Peťa
Zobrazit poslední příspěvek
16 srp 2024 08:52
-
Zpět na “Programování a tvorba webu”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 7 hostů