Border pagina principale

**tanoking** · 15-10-2017, 17:37

Salve ragazzi,premetto che sono alle prime armi con l'html, in ogni caso sto creando un sito già a buon punto. Il mio problema è questo, ho messo un codice,credo si tipo CSS, per far quadrare un bordo attorno all'immagine principale del sito:
<style type="text/css">
body {
border-width: 8px;
border-style: groove;
border-color: #E0FFBF;
}
Ora,il problema,apparentemente facile ma non riesco per ora, è che il bordo arriva in lunghezza verticale fino ad un certo punto della foto(circa poco più della metà) e non continua,mentre io vorrei completare per tutta l'immagine fin giù. Ho provato ad inserire la funzione border-height nel codice ma non cambia nulla. Grazie anticipatamente.

**carlomarangoni** · 15-10-2017, 18:33

Non è per caso perchè il contenuto della pagina arriva fino a poco più della metà pagina?

**tanoking** · 15-10-2017, 19:03

Originariamente inviata da carlomarangoni

Non è per caso perchè il contenuto della pagina arriva fino a poco più della metà pagina?

Non saprei,credo di no perchè il sito coninuerebbe sotto con altri elementi..

**Vincent.Zeno** · 15-10-2017, 23:24

la situazione non è chiara... ma:
dici che vuoi mettere un bordo all'immagine me ha definito un bordo al body della pagina...

spiega meglio e, se possibile, facci vede una demo.

**tanoking** · 16-10-2017, 07:59

Originariamente inviata da Vincent.Zeno

la situazione non è chiara... ma:
dici che vuoi mettere un bordo all'immagine me ha definito un bordo al body della pagina...

spiega meglio e, se possibile, facci vede una demo.

Questo è il codice che ho inserito nella sezione header(dove ho inserito i loghi):

codice:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body {
        border-width: 8px;
        border-style: groove;
        border-color: #E0FFBF; 
    }
body {
    background-color: #FFBF18;
    margin:0px 70px 0px 70px;
}
div#topdiv {
    position:fixed; 
    top:0px;
    left:0px;
    width:100%;
    color:#FFBF18;
    background:#e0ffbf;
    padding:2px;
}
div#bottomdiv {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    color:#FFBF18;
    background:#e0ffbf;
    padding:8px;
}
</style>
</head>
<body>
<div id="topdiv"><img width="220px" src="/theme/custom/logo.png"></div>
<p></p>
<div id="bottomdiv"><img width="100px" src="/theme/custom/logo.png"></div>
</body>
</html>
<p></p>
<div id="bottomdiv"></div>
</body>
</html>

Sto usando un sito white label,quindi nell'anteprima di questa pagina c'è la cornice intorno all'immagine principale del sito(che non faccio vedere per vari motivi), la cornice però arriva a circa poco più della metà dell'immagine, io ovviamente voglio allungarla fino all'immagine intera.

**Vincent.Zeno** · 16-10-2017, 11:18

un paio di errori da vedere subito:
-hai chiuso due volte body e html (ovvio che il browser fa poi quel che può...)
-gli id devono essere univoci (per questo si chiamo ID e non CLASS), hai identificato due volte un contenitore con "bottomdiv"
insomma hai replicato le ultime 4 righe del documento.

se posizioni un elemento "fixed" questo se ne frega di chi lo contiene, e si mette dove lo hai posizionato, comprendo anche l'eventuale bordo che hai dato al body.

a parte le confusione generale, mettere un bordo al body ti darà sempre problemi (oltre ad essere inutilmente ingombrante e, concedimelo, brutto).

se devi mettere un bordo ad un immagine... mettilo all'immagine!

o magari al suo contenitore, se è il caso di metterlo lì.

edit
ricorda di usare sempre il tag CODE per postare codice sul forum (vedi tasto # in modalità avanzata)

Discussione: Border pagina principale

Strumenti discussione

Ricerca discussione

Visualizza

Border pagina principale

Tag per questa discussione

Permessi di invio