Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
* Espansione <div>
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma

MessaggioInviato: 09 Feb 2008 16:59    Oggetto: * Espansione <div> Rispondi citando

Salve utenti.

Scrivo questo post, perche ho provato tempo fa, e ora mi riserverebbe espandere un <div> verticalmente, ho gia provato con heigt ma non mi va, come posso risorvere?
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 09 Feb 2008 18:42    Oggetto: Rispondi citando

si scrive height ecomunqe non so perchè come non ti va a me mi va porbabilmente c'è qualche problema sul foglio di stile per sicurezza lascialo.
Oppure puoi provare a mettere cosi
Codice:

<div id="nome">
<p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>


metti questi
Codice:

<p>&nbsp;</p>


fino a quando il div non si arriva fino a dove ti serve!
Top
Profilo Invia messaggio privato
Typhoon90
Dio maturo
Dio maturo


Registrato: 01/06/06 16:17
Messaggi: 1019
Residenza: Vivere per niente o morire per qualcosa. Scegli tu.

MessaggioInviato: 09 Feb 2008 20:17    Oggetto: Rispondi citando

non è meglio così?

Codice:

<div style="height: 100px;">
</div>


oppure:

Codice:

<div id="ciao">
</div>


e nel foglio stile:

div#ciao {
height: 100px;
}
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 09 Feb 2008 20:23    Oggetto: Rispondi citando

si quello che avevo detto io di suare la'ggetvo height...Che ho detto io???

E' sato lui a dire che così non funziona ance se funziona benissimo!
Top
Profilo Invia messaggio privato
Typhoon90
Dio maturo
Dio maturo


Registrato: 01/06/06 16:17
Messaggi: 1019
Residenza: Vivere per niente o morire per qualcosa. Scegli tu.

MessaggioInviato: 09 Feb 2008 20:29    Oggetto: Rispondi citando

mdweb ha scritto:
si quello che avevo detto io di suare la'ggetvo height...Che ho detto io???

E' sato lui a dire che così non funziona ance se funziona benissimo!


certo hai ragione, ma dipende da dove lui ha piazzato l'height, potrebbe averlo piazzato in un css esterno, in linea direttamente sul tag oppure nell'head, in modo da fargli provare i "posti" alternativi in cui piazzare l'height
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 09 Feb 2008 20:33    Oggetto: Rispondi citando

appunto gli ho detto di postare il codice Wink Aspettiamo una sua risposta Wink
Top
Profilo Invia messaggio privato
Typhoon90
Dio maturo
Dio maturo


Registrato: 01/06/06 16:17
Messaggi: 1019
Residenza: Vivere per niente o morire per qualcosa. Scegli tu.

MessaggioInviato: 09 Feb 2008 20:35    Oggetto: Rispondi citando

mdweb ha scritto:
appunto gli ho detto di postare il codice Wink Aspettiamo una sua risposta Wink


saggia decisione
Top
Profilo Invia messaggio privato HomePage
kluster
Dio maturo
Dio maturo


Registrato: 15/04/06 13:14
Messaggi: 2898

MessaggioInviato: 09 Feb 2008 20:57    Oggetto: Rispondi citando

Tutto detto bene fino ad ora, faccio un paio di approfondimenti.

in via di principio hanno la precedenza nella scala delle attribuzioni:
css in linea (<div style="....")
css incorporati (<style>....<style>)
css esterni (<link....)


se fai
Codice:
<div style="height:100px">
...
</div>

sovrascrive qualsiasi regola precedente a meno che in uno dei fogli esterni o incorporati sia specificata la rules !important

Codice:
<style>
DIV {height:50px !important;}
</style>


a quel punto qualsiasi cosa gli dici nello stile inlinea non lo considera perchè important bypassa la gerarchia
Top
Profilo Invia messaggio privato
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 09 Feb 2008 21:04    Oggetto: Rispondi citando

Bravo klauster però qui metodi che hai usato tu non li userei
farei semplicemnte

Codice CSS:
Codice:

#nome{height:100px;}


XHTML

Codice:

<div id="nome"></div>

Questo è il metodo più ustano conviene sempre usare il foglio di stile esterno...Per quello che ho studiato io!Per quello non avevo postato quello che avevi detto tu i webdesigner lo usano poco..non perchè non vada bene.Qul codice appesantice l'xhtml penso....il w3c peno volgia dichiararli con i fogli di stile esterni!Però precisazione giustissima!

Ciaoo! Wink
Top
Profilo Invia messaggio privato
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma

MessaggioInviato: 09 Feb 2008 21:41    Oggetto: Rispondi citando

ok, grazie o provato ha inserire l'height a 100, oddio, non è proprio quella la dimensione del foglio, ma comungue o provato ad aumentarla e ora va
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 09 Feb 2008 21:42    Oggetto: Rispondi citando

100 era solo un esempio!Puoi mettere quello che vuoi..sono contento che funziona Wink
Top
Profilo Invia messaggio privato
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma

MessaggioInviato: 09 Feb 2008 23:49    Oggetto: Rispondi citando

invece non va, ho provato a visualizarlo nel browser e la dimesione mella visualiza più piccola di quella che ho inserito nel foglio CSS
Top
Profilo Invia messaggio privato HomePage
Typhoon90
Dio maturo
Dio maturo


Registrato: 01/06/06 16:17
Messaggi: 1019
Residenza: Vivere per niente o morire per qualcosa. Scegli tu.

MessaggioInviato: 10 Feb 2008 00:00    Oggetto: Rispondi citando

sevenjeak ha scritto:
invece non va, ho provato a visualizarlo nel browser e la dimesione mella visualiza più piccola di quella che ho inserito nel foglio CSS


posta tutto il codice html e quello css in modo da vedere eventuali errori
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 10 Feb 2008 09:49    Oggetto: Rispondi citando

svenajek ascolta quello che ti diciamo!E da un po' che ti diciamo di mettere il codice! Evil or Very Mad
Top
Profilo Invia messaggio privato
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma

MessaggioInviato: 10 Feb 2008 11:49    Oggetto: Rispondi citando

ecco il codice html e css della pagina:
Codice:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" />
<title>Mr. Jeak</title>
</head>

<body>
<div id="back_div">
...
</div>
</body>
</html>

Codice:

body {
   background:url(img/sfondo.png);
   margin:0
}
#back_div {
   margin-left:3%;
   margin-right:3%;
   height:438px;
   background:#666666
}
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 10 Feb 2008 11:58    Oggetto: Rispondi citando

Caro utente il codice è giuso se tuo vuoi che la pagina il div sia più lungo devi solo mettere un altro numero invece di 400 come te lo dobbiamp spiegare? Question Wink
Top
Profilo Invia messaggio privato
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma

MessaggioInviato: 10 Feb 2008 12:02    Oggetto: Rispondi citando

il fatto e che le dimensione mi campiano tra IE e FF
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 10 Feb 2008 12:10    Oggetto: Rispondi citando

inserisci sto codice nell'head della pagina
Codice:

<!--[if IE]>overflow:auto;<![endif]-->
Top
Profilo Invia messaggio privato
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma

MessaggioInviato: 10 Feb 2008 12:20    Oggetto: Rispondi citando

come prima però sopra al div mi stampa:
Codice:

[if IE]>overflow:auto;<![endif]
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412

MessaggioInviato: 10 Feb 2008 12:23    Oggetto: Rispondi

aspè adesso ti scrvo il codice io!
Top
Profilo Invia messaggio privato
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 2 ore
Vai a 1, 2  Successivo
Pagina 1 di 2

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi