CSS nezobrazuje celý obrázek Vyřešeno

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: CSS nezobrazuje celý obrázek

Příspěvekod CZechBoY » 04 lis 2009 15:47

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
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

Reklama
Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: CSS nezobrazuje celý obrázek

Příspěvekod mr.M » 04 lis 2009 15:51

jejda v tom to není > www.home.inpoint.eu/i-open :-(
No stress, have fun.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: CSS nezobrazuje celý obrázek

Příspěvekod CZechBoY » 04 lis 2009 15:52

#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ší :D myslim tý výšky headeru
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

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: CSS nezobrazuje celý obrázek

Příspěvekod mr.M » 04 lis 2009 16:04

..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ý :-(
No stress, have fun.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: CSS nezobrazuje celý obrázek

Příspěvekod CZechBoY » 04 lis 2009 16:12

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

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: CSS nezobrazuje celý obrázek  Vyřešeno

Příspěvekod mr.M » 04 lis 2009 16:27

/*** 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 :-)
No stress, have fun.

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: CSS nezobrazuje celý obrázek

Příspěvekod mr.M » 04 lis 2009 16:57

mno nic necháme to takhle přijde mi to i originální díky pánové :smile:
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ů