Problema CSS nei widget con sfondo sfumato

max299

Nuovo Utente
2 Giu 2006
2
0
0
Salve ragazzi,
cercherò di esporre il mio problema in maniera più chiara possibile:

Sto modificando un template wordpress. L'originale era costituito da un unico colore, io l'ho modificato mettendo un'immagine sfumata utilizzando la funzione "repeat-y".

Il problema nasce con gli angoli arrontondati. ho modificato le immagini rendendo lo sfondo trasparente in modo che qualsiasi sia lo sfondo sottostante gli angoli rotondi non interferiscano.

Ora arriva il problema. I widget sono impostati in questo modo:

HTML:
<div class="box_a" id="widget_S">      
<h2>Sottoscrivi<a href="#minimize" class="Sminimize"></a><a href="#close" class="Sclose"></a></h2>
<div>      
<p>Sottoscrivi i nostri <strong>Feed RSS</strong> o inserisci di seguito il tuo indirizzo <strong>e-mail</strong> per ricevere news e aggiornamenti.</p>     
<p><a href="<?php bloginfo('rss2_url'); ?>" id="feedlink">Sottoscrivi Feed RSS articoli</a>     
<form id="feedform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<?=$comfy['feed_name']?>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">     
<fieldset>     
<input type="text" id="feedemail" name="email" value="Inserisci la tua E-mail..." />     
<input type="hidden" value="<?=$comfy['feed_name']?>" name="uri"/>     
<input type="hidden" name="loc" value="en_US"/>     
<input type="submit" id="feedbutton" value="" />     
</fieldset>     
</form>     
</p>          
</div>  

<span class="foot"></span> </div>

mentre questo è il CSS relativo:

HTML:
/* box A */ 
.box_a { 	
display: none; 	
margin: 10px 0 0 0; 	
background: url(img/box_rp.png) repeat-y; 	
overflow: hidden; 
}  

.box_a h2 { 	
display: block; 	
width: 294px; 	
height: 17px; 	
background: url(img/box_h.png) no-repeat top; 	
padding: 7px 0 0 30px; 
border-bottom: 1px dotted #ddd; 	
overflow: hidden; 	
position: relative; 
} 

.box_a div { 	
display: block; 	
padding: 0 10px 0 10px; 
}  

.box_a p { 	
line-height: 1.3em; 	
color: #999; 	
margin: 10px 0 0 0; 
}  

.box_a em { 	
color: #999; 
}  
span.foot { 	
display: block; 	
width: 324px; 	
height: 14px; 	
background: url(img/box_f.png) no-repeat bottom; 
}

il problema è che l'immagine denominata "box_rp.png" (si tratta di una linea alta 1px che si ripete sulla y) sovrasta anche la zona degli angoli smussati, rendendo inutile il mio lavoro.

Vi posto un'immagine per avere ancora più chiaro il concetto:

widget.png
 
Discussioni simili
Autore Titolo Forum Risposte Data
S problema con css bootstrap3 HTML e CSS 4
Emix Problema con creazione form css/mobile HTML e CSS 3
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
A [WordPress] Problema CSS con diversi browser WordPress 4
S Problema con Form CSS HTML e CSS 1
berry94mf Problema con include e css PHP 1
V Problema Rollover con css HTML e CSS 1
M problema con media query CSS HTML e CSS 1
D Problema collegamento file css con html HTML e CSS 4
S Problema con il css di un font HTML e CSS 2
S Problema tabella datatables a causa dei css HTML e CSS 3
P Problema sovrapposizione di css HTML e CSS 1
A Problema gestione layout con css HTML e CSS 11
Andre7890 Problema CSS in Form Contatti HTML e CSS 7
F problema con sfondo CSS HTML e CSS 2
C Problema con il CSS per il comando text-align HTML e CSS 10
M css html problema con explorer help HTML e CSS 0
G problema con css PHP 9
novello88 Problema stampa CSS [Era: CSS print] HTML e CSS 1
B problema css HTML e CSS 3
B Problema di inserimento "menu con css" in pagina web "con tabelle" HTML e CSS 5
M Problema con css HTML e CSS 3
M problema css con ie8! help HTML e CSS 0
K problema con current css HTML e CSS 0
M Problema CSS e IE HTML e CSS 0
L problema con menù css HTML e CSS 1
T problema con i css ... explorer visualizza male... HTML e CSS 2
I Problema con i CSS su diversi browser HTML e CSS 3
I Problema compatibilità CSS HTML e CSS 1
I Problema CSS! HTML e CSS 3
M [Firefox/CSS] Problema immagine di sfondo centrata HTML e CSS 1
D problema css solo su chrome HTML e CSS 3
F CSS e IE problema HTML e CSS 0
S Problema con CSS IE 7 e XP HTML e CSS 2
O problema menu tendina css HTML e CSS 1
E [Problema] CSS su IE HTML e CSS 6
R Problema con i css in standard mode HTML e CSS 3
N [PHP+HTML+CSS] Problema con un div HTML e CSS 6
R problema con il css dei link HTML e CSS 2
S Piccolo problema con i CSS HTML e CSS 2
I Problema CSS con joomla e phpbb [Era: joomla e phpbb] Joomla 2
G Css, problema margine con explorer HTML e CSS 0
T problema Doctype css e anchor links(credo) HTML e CSS 0
T problema css e firefox HTML e CSS 0
F [CSS] Problema con IE e div fixed HTML e CSS 2
C problema strano css HTML e CSS 5
gladenko CSS e DIV problema di dimensionamento HTML e CSS 3
G Problema coi colori di un menu CSS HTML e CSS 3
R Problema con pop-pu in css HTML e CSS 4
E Problema con CSS con 3 colonne HTML e CSS 5

Discussioni simili