Consenso all'uso dei cookies

SITO1 -- SITO2 -- Forum1 -- CercaGlobale -- Informativa su Cookie e Privacy


Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Posizionamento dei box nei .css e html
#1
Supponiamo di avere un foglio di stile con uno o più box:
Codice:
#box {
width: 300px;
height: 280px;
padding: 6px;
border: 5px solid;
margin:50px;
text-align:justify;
color: green;
}

#box-interno{
padding: 20px;
border: 5px solid;
margin: 20px;
color: yellow;
}

come spostare il box ad es. sulla destra in alto? Quali parametri conviene alterare per ottenere un risultato preciso e soddisfacente? Ho notato che agendo su height e width il box si sposta ma molto a caso non si riesce ad essere precisi, esiste un modo?e per lo z-index?stesso problema, possiamo posizionare con sufficiente precisione il nostro box testo o box immagine cosicchè si sappia come operare? Grazie per la collaborazione eventuale.
Cita messaggio
Grazie da:
#2
width ed height nei CSS definiscono larghezza ed altezza del box non il suo posizionamento;
se l'elemento a cui si riferisocno altezza e larghezza non prende quelle dimensioni prova anche ad aggiungere la regola
min-height: AAApx;
min-width: BBBpx;

per spostare tutto a destra o tutto a sinistra devi aggiungere la regola
float: left; // allinea a sinistra
oppure
float: right; // allinea a destra

l'allineamento è relativo all'elemento che contiene il box
Non userei il cancelletto se non indispensabile, perché è relativo solo ad un elemento il cui ID è quello dopo il #
per es. nel tuo codice devi avere un elemento con
ID="box"
valuta se non ti convegna definire piuttosto una specie di classe riquadro, qualcosa come
div.riquadro { // regole CSS}
Il mio blog: ZEROZEROCENT.BLOGSPOT.COM
LEGGE DI MURPHY: SE QUALCOSA PUO' ANDAR MALE, LO FARA'
VERSIONE QUANTISTICA DELLA LEGGE DI MURPHY: TUTTO VA MALE CONTEMPORANEAMENTE
Cita messaggio
Grazie da:
#3
Definire quindi una regola div.riquadro e trattarlo come fosse una immagine o una foto insomma. E float left e float right sono a loro volta quantificabili, cioè posso regolare "quanto" spostare a destra ad es? Può essere sufficiente la regola margin?
***************************************************

ho risolto in questo modo, facendo un riquadro che contiene una immagine, posizionarla tramite top e left e una volta centrata agire su tutto il riquadro con le stesse regole, è il modo più semplice che ho trovato, ovviamente ci possono essere altri metodi.
Codice:
div.markup{
position:relative;
width:550px;
height:350px;
border:1px solid red;
left: 10%;
top: 50%;

}
div.markup img{
position:absolute;
left: -12%;
top: -5%;
margin-left: 80px;
margin-top: 50px;
https://www.dropbox.com/s/6m3v96pfucblh3...0.png?dl=0
   


Allegati Anteprime
   
Cita messaggio
Grazie da:


Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)