Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : ophtalmos 11 Nov 2010, 14:38:16
-
Prima di creare un sito provo gli script, ho provato il codice HTML e le regole CSS per creare dei bordi arrotondati; con Firefox tutto ok, con IE 8 le immagini create col bordo arrotondato si situano nei 2 top
e in basso solo nel bottom-left(non nel bottom-right).
Allego il codice e le regole usate:
codice HTML
<!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" lang="it" xml:lang="it" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<html>
<head>
<title>prove</title>
<link rel="stylesheet" href="template1.css" type="text/css"/>
</head>
<body>
<div class="contenitore">
<div class="topleft">
<div class="topright">
<div class="bottomleft"
<div class="bottomright">
<div class="contenuto">
<p>Qui va il contenuto.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
regole CSS
.contenitore {
width: 30%;
color: #000;
background-color: #CC0000;
height:200px;
}
.topleft { background: url(top_l.gif) no-repeat top left }
.topright { background: url(top_r.gif) no-repeat top right;height:100%; }
.bottomleft { background: url(bottom_l.gif) no-repeat bottom left; height:200px;}
.bottomright { background: url(bottom_r.gif) no-repeat bottom right; height:100%;}
.contenuto { padding: 10px }Credo che bisogna creare un foglio di style per IE ma se č cosė quale regola va inserita?
O il problema dipende da altro e in questo caso come va risolto?
Ciao e grazie.
-
Problema non risolvibile con il foglio di stile. IE non supporta gli spigoli arrotondati per adesso ;)
-
scusa mi puoi dire con che sistema alternativo posso creare spigoli arrotondati che vadano bene anche a iE?
ciao e grazie
-
Sono pseudo spigoli arrotondati realizzati con immagini. Nel rhuk milkyway vedi come realizza i moduli a sinistra con il sufisso _menu... Qui c'č anche una guida:
http://wiki.joomla.it/index.php?title=Approfondimento_sui_moduli#Creare_angoli_arrotondati
;)
-
Ok grazie, conosco qusta guida, solo che io stavo cercando un metodo pių semplice
grazie e ciao
-
Il metodo pių semplice se si deve ridimensionare solo in uno dei due lati (L o H) č di usare solo due div conlo sfondo... O anche uno solo se la dimensione č fissa :)
L'innominabile programma per templates li realizza con una ventina di div annidati. Prova ad ispezionare con firebug:
http://www.democraticiperdueville.it/
Sembra complicatissimo ma basta copiare codice ed immagini e fare l'override ;)
-
Scusate la mia lentezza ad arrivarci, cmq finalmente ce l'ho fatta a raggiungere lo scopo, in questo modo:
1:ho eliminato la class ".bottomright"
.bottomright { background: url(bottom_r.gif) no-repeat bottom right; height:100%;}] 2: ho cambiato la class ".contenitore"
.contenitore {
width: 30%;
color: #000;
height:200px;
background: #cc0000 url(bottom_r.gif) no-repeat bottom right; height:100%;
}Adesso gli angoli appaiono arrotondati con box fluido sia in firefox che in I.E., vorrei un parere sull'adeguatezza della soluzione trovata
grazie e buonanotte