Autor Zpráva
Petr Štrajt
Profil
Ahoj,

mám tuto stránku www.jackhokus.cz. Rád bych ten obrázek terminálu přesunul na střed, ale nedaří se mi to. Styl vypadá takto:


body{                                                                                                                         
    background-image:url('/Grafika/Pozadi.jpg');                                                                              
}                                                                                                                             
                                                                                                                              
/*------------------------------------------------------------*/                                                              
                                                                                                                              
h1{                                                                                                                           
    /*Nadpis je zarovnán na střed*/                                                                                           
    text-align:center;                                                                                                        
    /*Tmavě oranžová barva*/                                                                                                  
    color:darkorange;                                                                                                         
}                                                                                                                             
                                                                                                                              
/*-------------------------------------------------------------*/                                                             
                                                                                                                              
h2,h3,h4,h5{                                                                                                                  
    /*Barva nadpisu je nastavena na oranžovou*/                                                                               
    color:orange;                                                                                                             
    /*Margin, je vnější okraj, od rámečku ven, je nastaven na 5%*/                                                            
    margin-left:5%;                                                                                                           
}                                                                                                                             
                                                                                                                              
/*--------------------------------------------------------------*/                                                            
                                                                                                                              
p{                                                                                                                            
    /*Barva textu je nastavena na bílou*/                                                                                     
    color:white;                                                                                                              
    /*Text je zarovnán do bloku*/                                                                                             
    text-align:justify;                                                                                                       
    /*Pravý vnější okraj*/                                                                                                    
    margin-right:5%;                                                                                                          
    /*Levý vnější okraj*/                                                                                                     
    margin-left:5%;                                                                                                           
}                                                                                                                             
                                                                                                                              
/*--------------------------------------------------------*/                                                                  
/*--------------------------------------------------------*/                                                                  
                                                                                                                              
/*Definice divů*/                                                                                                                                                                                                                                     
                                                                                                                              
/*---------------------------------------------------------*/  


Zahlavi{                                                                                                                     
    background-position:center;                                                                                               
    margin-left:2%;                                                                                                           
    margin-right:2%;                                                                                                          
    margin-bottom:3%;                                                                                                         
                                                                                                                              
}                                                                                                                             
                                                                                                                              
/*------------------------------------------------------------*/                                                              
                                                                                                                              
.Perex{                                                                                                                       
    /*Rámeček je tvořen pevnou čarou*/                                                                                        
    border-style:solid;                                                                                                       
    /* Barva rámečku je tmavě oranžová*/                                                                                      
    border-color:darkorange;                                                                                                  
    /*Pozadí divu je nastaveno na odstín šedé*/                                                                               
    background-color:dimgray;                                                                                                 
    /* Levý vnější okraj*/                                                                                                    
    margin-left:2%;                                                                                                           
    /*Pravý vnější okraj*/                                                                                                    
    margin-right:2%;                                                                                                          
    /*Spodní okraj divu s "Perex"*/                                                                                           
    margin-bottom:3%;                                                                                                         
}                                                                                                                             
                                                                                                                              
/*-----------------------------------------------------------*/

Mohli by jste mi prosím poradit?

Děkuji

S přátelským pozdravem


Petr
Trejpa
Profil
Petr Štrajt:
Pokud je to jediný obsah záhlaví, tak:
.Zahlavi { text-align: center; }



Petr Štrajt:
Je nějaký důvod v HTML nechat na stránce několikrát vypisovat znaky /*---------------------------------------------------------------*/? Na černém pozadí moc nejsou vidět. Vypadá to spíš jako pokus aplikovat CSS komentář v HTML.

• Jestli potřebuješ vodorovnou čáru, použij značku <hr>.
• Jestli čára nemá být vidět a snažíš se o komentář, tak v HTML se komentáře dělají pomocí <!-- a -->, přičemž mezi značkami nesmí být sekvence jiných dvou rozdělovníků za sebou (--), protože dle nepříliš aplikované specifikace mají prohlížeče za těmito znaky komentář přerušovat, tak aby ses nedivil, co je a co není zakomentované.


Nechceš nastavit na pozadí stránky i nějakou tmavou barvu pro případ, že se tvůj obrovský obrázek nenačte hned nebo vůbec?
body {
background: black url('/Grafika/Pozadi.jpg');
background-size: contain; }
Petr Štrajt
Profil
Dobrý den,

opravdu jsem si popletl typy komentářů. Opravím to. Tmavé pozadí taky doplním. Děkuju

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0