Salve ragazzi volevo creare un contenitore con css magari con spigoli arrotondati ma volevo mettere come sfondo un immagine semplice tipo nero con strisce bianche creata con photoshop. come posso fare? ovviamente devo mettere più di una voce con collegamenti con altre pagine e lo farò con div in HTML visto che crea un ritorno e a capo. Mi aiutate a capire come posso fare? oppure mi date tutti gli attributi per css ecc. Grazie mille per il vostro lavoro
contenitore css e html
- Creatore Discussione 8749michelep
- Data di inizio
ciao
un esempio di class da applicare al div
comunque ti conviene leggere
https://www.mrw.it/css/guide/guida-css3/
un esempio di class da applicare al div
HTML:
<style type="text/css">
.tit{/*class, se id # */
background-image:url(cartella/immagine.jpg);
background-position: top;/* o right left bottom center */
background-repeat: repeat-y; /*o repeat-x repeat no-repeat o non indicato*/
background-color:#EBEBEB;/* se serve*/
width:100%;/* o misure in px*/
height:100%;
border-color:#FF0000;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
box-shadow: 2px 4px 5px #a6aeb7;
}
</style>https://www.mrw.it/css/guide/guida-css3/
Grazie per la dritta
questi 2 coosa mi fanno?
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
Ovviamente se ho capito bene abbiamo integrato gli elementi css nella pagina stessa, ma volendo potrei creare un file esterno giusto?
ciao
servono perche non tutti i bw interpretano il border_radius (se non ricordo male -moz serve per firefox e -webkit per safari)
si io li ho simulati nella pag stessa, ma è evidente che si puo (anzi meglio) fare un file .css esterno
servono perche non tutti i bw interpretano il border_radius (se non ricordo male -moz serve per firefox e -webkit per safari)
si io li ho simulati nella pag stessa, ma è evidente che si puo (anzi meglio) fare un file .css esterno
R
Ma la cosa strana, anche io ho tante browser per fare dei test, l'unico che mi dà sempre filo da torcere è il Netscape Navigator, altri nessun problema
Ma la cosa strana, anche io ho tante browser per fare dei test, l'unico che mi dà sempre filo da torcere è il Netscape Navigator, altri nessun problema
R
Ma se voglio ripetere sia in orizzontale che in verticale? Faccio un'altra riga con x o posso mettere con un ; sulla stessa triga specificando entrambi glia assi?
Ma se voglio ripetere sia in orizzontale che in verticale? Faccio un'altra riga con x o posso mettere con un ; sulla stessa triga specificando entrambi glia assi?
ciao
se vuoi far ripetre sia per righe che per colonne puoi mettere
background-repeat: repeat;
oppure puoi fare a meno di scrivere tutta la riga
se vuoi far ripetre sia per righe che per colonne puoi mettere
background-repeat: repeat;
oppure puoi fare a meno di scrivere tutta la riga
R
Ok Grazie di tutto
Ho creato una cosa del genere però vorrei capire come posizionare il box all'interno della pagina e ovviamente il carattere e il suo posizionamento all'interno del box
ecco il box creato
Ok Grazie di tutto
Ho creato una cosa del genere però vorrei capire come posizionare il box all'interno della pagina e ovviamente il carattere e il suo posizionamento all'interno del box
ecco il box creato
ciao
se guardi qui vedi proprio il tuo problema
https://www.mrw.it/css/border-radius-angoli-arrotondati-css3_11012.html
poi per posizionare il testo devi metterlo dentro il div che hai fatto con i css
class se . , id se #, ti faccio un esempio con id
guarda che ho messo delle misure a caso devi mettere tu quelle che ti servono
se guardi qui vedi proprio il tuo problema
https://www.mrw.it/css/border-radius-angoli-arrotondati-css3_11012.html
poi per posizionare il testo devi metterlo dentro il div che hai fatto con i css
class se . , id se #, ti faccio un esempio con id
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<style type="text/css">
#tit{/*class, se id # */
background-image:url(cartella/immagine.jpg);
background-position: top;/* o right left bottom center */
background-repeat: repeat-y; /*o repeat-x repeat no-repeat o non indicato*/
background-color:#EBEBEB;/* se serve*/
width:100%;/* o misure in px*/
height:100%;
border-color:#FF0000;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
box-shadow: 2px 4px 5px #a6aeb7;
padding: 10px 15px;/* questo per mettere a posto il testo*/
}
</style>
</head>
<body>
<div id="tit">
bla...bla..bla<br />
bla, bla...
</div>
</body>
</html>guarda che ho messo delle misure a caso devi mettere tu quelle che ti servono
Ah si scusa dimenticavo il fatto dell'ID della classe . e #
Adesso provo
Ho scritto così mi sembra giusto
Adesso provo
Codice:
<!DOCTYPE html>
<html>
<head>
<title>Listecanali - Home</title>
</head>
<body>
<style type="text/css">
.tit{/*class, se id # */
background-image:url("25.gif");
background-position: top;/* o right left bottom center */
background-repeat: repeat-y; /*o repeat-x repeat no-repeat o non indicato*/
width:247px;/* o misure in px*/
height:297px;
}
</style>
<div class="tit">Email</div>
</body>Ho scritto così mi sembra giusto
Ultima modifica:
Discussioni simili
