Autore Topic: Problema con foto a tutto schermo che rimane indentata  (Letto 124 volte)

Offline Valentina Amadio

  • Nuovo arrivato
  • *
  • Post: 41
  • Sesso: Femmina
    • Mostra profilo
Buongiorno a tutti, vi mostro il mio problema:
-questo è il link della pagina del sito che sto costruendo: [size=78%]http://www.gdpmedical.com/demojoomla/index.php/en/medical-services-en/defibrillator-implantation-en?[/size]
-questa pagina la voglio com'è in allegato, circa ci sono, ma secondo voi come posso mantenere la parte sinistra del testo con lo sfondo azzurrino con l'"indentatura" e la parte a destra dove c'è l'immagine che prende tutto il blocco?
Il template che uso è Helix3


Grazie,
Buona serata :-*

Offline Alex21

  • Appassionato
  • ***
  • Post: 643
    • Mostra profilo
    • servizi web
Re:Problema con foto a tutto schermo che rimane indentata
« Risposta #1 il: 09 Lug 2018, 17:46:43 »
Il blocco html interessato è questo:
Codice: [Seleziona]
<section id="sp-page-title">
<div class="container">
<div class="row">
<div id="sp-title" class="col-xs-12 col-sm-12 col-md-12">
<div class="sp-column ">
<div class="sp-module ">
<div class="sp-module-content">
<div class="custom">
<p><img style="float: left;" src="/demojoomla/images/icone_sito/DEFIBRIL001_CS5.png" alt="DEFIBRIL001 CS5" width="50" height="50"></p>
<p>&nbsp;</p>
<p style="text-align: left;"><span style="font-size: 18pt; font-family: arial, helvetica, sans-serif; color: #84bfae;">.Defibrillator Implantation</span></p>
<>
<>
<>
<>
<>
<>
<></section>
Il colore è attribuito a  <section id="sp-page-title">  ed è background-color: #b9d9ce;
L' effetto indentazione, cioè spostare il colore più a destra si può ottenere eliminando il background-color del tag <section> e attribuendolo al <div> sottostante. Però anche a destra il colore rientra.
Altrimenti la cosa è più complicata perché bisognerebbe affiancare il <div> sottostante <section> da un altro <div> con proprietà float: left; e mettere float: left; anche il <div > attuale in modo che stiano affiancati, poi dare il background al solo secondo div, l'attuale class=container.
Magari a qualcuno viene in mente qualcosa di meglio, i css hanno sempre tante soluzioni.
Ciao

Offline Valentina Amadio

  • Nuovo arrivato
  • *
  • Post: 41
  • Sesso: Femmina
    • Mostra profilo
Re:Problema con foto a tutto schermo che rimane indentata
« Risposta #2 il: 09 Lug 2018, 18:03:24 »
scusami ma sinceramente non ho ben capito cosa intendi  :(

Offline Alex21

  • Appassionato
  • ***
  • Post: 643
    • Mostra profilo
    • servizi web
Re:Problema con foto a tutto schermo che rimane indentata
« Risposta #3 il: 10 Lug 2018, 17:38:54 »
Ciao, scusa il ritardo della risposta ma oggi la connessione fa le bizze.
Guardando il tuo sito e l'immagine che hai allegato ho capito che vuoi spostare a sinistra il colore della barra verde-azzurra. Ho messo un suggerimento. Tutto qui.
Saluto.

 

Torna su