<center>logo</center>

**zanna91** · 21-07-2013, 17:19

Ciao a tutti, non capisco perchè il logo non mi si centra. Qui sotto il codice:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="<?php echo str_replace('_', '-', osc_current_user_locale()); ?>">

    <head>

        <?php osc_current_web_theme_path('head.php') ; ?>

    </head>

    <body class="<?php osc_run_hook('body_class'); ?>">

    <div id="container">

    <div id="header">

        <div class="wrapper">

          <div align="center">[url="<?php echo osc_base_url() ; ?>"][b]<?php echo logo_header() ; ?>[/b][/url]

            </div>

          <div id="user_menu"></div>



        <ul id="nav">

Grazie

**Alhazred** · 21-07-2013, 17:51

Dovresti chiedere in CSS, non è un problema di PHP.

**Gianpi98** · 23-07-2013, 10:24

Originariamente inviato da zanna91
Ciao a tutti, non capisco perchè il logo non mi si centra. Qui sotto il codice:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="<?php echo str_replace('_', '-', osc_current_user_locale()); ?>">

    <head>

        <?php osc_current_web_theme_path('head.php') ; ?>

    </head>

    <body class="<?php osc_run_hook('body_class'); ?>">

    <div id="container">

    <div id="header">

        <div class="wrapper">

          <div align="center">[url="<?php echo osc_base_url() ; ?>"][b]<?php echo logo_header() ; ?>[/b][/url]

            </div>

          <div id="user_menu"></div>



        <ul id="nav">

Grazie

prova così:

nel css ci metti:

codice:

.wrapper .logo_img a{
 display: block;
 margin-left: auto;
 margin-right: auto }

e nell'html ci metti questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="<?php echo str_replace('_', '-', osc_current_user_locale()); ?>">
    <head>
        <?php osc_current_web_theme_path('head.php') ; ?>
    </head>
    <body class="<?php osc_run_hook('body_class'); ?>">
    <div id="container">
    <div id="header">
        <div class="wrapper">
          <div class="logo_img"><?php echo logo_header() ; ?>
            </div>
          <div id="user_menu"></div>


        <ul id="nav">

Sappimi dire... ciauzz

**zanna91** · 25-07-2013, 11:38

Non funge

**Gianpi98** · 25-07-2013, 11:41

Originariamente inviato da zanna91
Non funge

codice:

#container #header .wrapper .logo_img #logo{
 display: block;
 margin-left: auto;
 margin-right: auto }

Così ???

**zanna91** · 25-07-2013, 11:51

Io lo inserisco cosi nel CSS (vedi alla fine del codice):

Codice PHP:


/* Header */

#header{

    padding-top:50px;

}

#logo{

    float: left;

    font-size: 30px;

    text-decoration: none;

}

#nav{

    font-size:14px;

    height:23px;

    line-height:17px;

    clear:both;

    padding-top:20px;

}

#nav li{

    height:17px;

    padding:0 2px 3px 2px;

    float:left;

    margin:0 10px;

    border-bottom:solid 3px #fff;

}

#nav a{

    text-decoration:none;

}

#user_menu{

    float:right;

    color:#555;

    font-size:12px;

    text-align:right;

    width:200px;

}

#user_menu strong{

    font-size:14px;

    line-height:20px;

    display:block;

}

#upload-button{

    display:inline-block;

    height:30px;

    line-height:30px;

    text-align:center;

    font-size:14px;

    color:#555;

    text-decoration:none;

    padding:0 18px;

    text-shadow:0px -1px 0px #e3e3e3;

    font-weight:bold;

    margin-top:10px;

    filter:dropshadow(color=#e3e3e3,offx=0,offy=-1);

    background:#ffffff;

    background:-moz-linear-gradient(top,#ffffff 3%,#c4c4c4 100%);

    background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,#ffffff),color-stop(100%,#c4c4c4));

    background:-webkit-linear-gradient(top,#ffffff 3%,#c4c4c4 100%);

    background:-o-linear-gradient(top,#ffffff 3%,#c4c4c4 100%);

    background:-ms-linear-gradient(top,#ffffff 3%,#c4c4c4 100%);

    background:linear-gradient(top,#ffffff 3%,#c4c4c4 100%);

    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#c4c4c4',GradientType=0 );

    -webkit-border-radius: 15px;

       -moz-border-radius: 15px;

            border-radius: 15px;

}

#container #header .wrapper .logo_img #logo{

 display: block;

 margin-left: auto;

 margin-right: auto }

Sbaglio ad inserirlo dentro nell'header?

**Gianpi98** · 25-07-2013, 11:53

Da così:

Codice PHP:


/* Header */ 

#header{ 

    padding-top:50px; 

} 

#logo{ 

    float: left; 

    font-size: 30px; 

    text-decoration: none; 

} 

#nav{ 

    font-size:14px; 

    height:23px; 

    line-height:17px; 

    clear:both; 

    padding-top:20px; 

} 

#nav li{ 

    height:17px; 

    padding:0 2px 3px 2px; 

    float:left; 

    margin:0 10px; 

    border-bottom:solid 3px #fff; 

} 

#nav a{ 

    text-decoration:none; 

} 

#user_menu{ 

    float:right; 

    color:#555; 

    font-size:12px; 

    text-align:right; 

    width:200px; 

} 

#user_menu strong{ 

    font-size:14px; 

    line-height:20px; 

    display:block; 

} 

#upload-button{ 

    display:inline-block; 

    height:30px; 

    line-height:30px; 

    text-align:center; 

    font-size:14px; 

    color:#555; 

    text-decoration:none; 

    padding:0 18px; 

    text-shadow:0px -1px 0px #e3e3e3; 

    font-weight:bold; 

    margin-top:10px; 

    filter:dropshadow(color=#e3e3e3,offx=0,offy=-1); 

    background:#ffffff; 

    background:-moz-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,#ffffff),color-stop(100%,#c4c4c4)); 

    background:-webkit-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:-o-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:-ms-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    filter:progid[img]images/smilies/biggrin.gif[/img]XImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#c4c4c4',GradientType=0 ); 

    -webkit-border-radius: 15px; 

       -moz-border-radius: 15px; 

            border-radius: 15px; 

} 

#container #header .wrapper .logo_img #logo{ 

 display: block; 

 margin-left: auto; 

 margin-right: auto }

A così:

Codice PHP:


/* Header */ 

#header{ 

    padding-top:50px; 

} 

#logo{ 

    float: left; 

    font-size: 30px; 

    text-decoration: none; 

display: block; 

 margin-left: auto; 

 margin-right: auto

} 

#nav{ 

    font-size:14px; 

    height:23px; 

    line-height:17px; 

    clear:both; 

    padding-top:20px; 

} 

#nav li{ 

    height:17px; 

    padding:0 2px 3px 2px; 

    float:left; 

    margin:0 10px; 

    border-bottom:solid 3px #fff; 

} 

#nav a{ 

    text-decoration:none; 

} 

#user_menu{ 

    float:right; 

    color:#555; 

    font-size:12px; 

    text-align:right; 

    width:200px; 

} 

#user_menu strong{ 

    font-size:14px; 

    line-height:20px; 

    display:block; 

} 

#upload-button{ 

    display:inline-block; 

    height:30px; 

    line-height:30px; 

    text-align:center; 

    font-size:14px; 

    color:#555; 

    text-decoration:none; 

    padding:0 18px; 

    text-shadow:0px -1px 0px #e3e3e3; 

    font-weight:bold; 

    margin-top:10px; 

    filter:dropshadow(color=#e3e3e3,offx=0,offy=-1); 

    background:#ffffff; 

    background:-moz-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,#ffffff),color-stop(100%,#c4c4c4)); 

    background:-webkit-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:-o-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:-ms-linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    background:linear-gradient(top,#ffffff 3%,#c4c4c4 100%); 

    filter:progid[img]images/smilies/biggrin.gif[/img]XImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#c4c4c4',GradientType=0 ); 

    -webkit-border-radius: 15px; 

       -moz-border-radius: 15px; 

            border-radius: 15px; 

}

Prova... semmai bisogna trovare un'altra soluzione...

**zanna91** · 25-07-2013, 12:02

Provato mi scompiglia tutto.....

**Gianpi98** · 25-07-2013, 12:09

Originariamente inviato da zanna91
Provato mi scompiglia tutto.....

Mi potresti mandare il codice di 'logo_header()' ? grazie

**zanna91** · 25-07-2013, 14:33

Codice PHP:


?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="<?php echo str_replace('_', '-', osc_current_user_locale()); ?>">

    <head>

        <?php osc_current_web_theme_path('head.php') ; ?>

    </head>

    <body class="<?php osc_run_hook('body_class'); ?>">

    <div id="container">

    <div id="header">

        <div class="wrapper">

          <div class="logo_img">[url="<?php echo osc_base_url() ; ?>"]<?php echo logo_header() ; ?>[/url]

            </div>

Discussione: <center>logo</center>

Strumenti discussione

Ricerca discussione

Visualizza

<center>logo</center>

Re: <center>logo</center>

Permessi di invio