[RISOLTO] dubbi su css

[sabry]

Ciao a tutti.
Da parecchi tempo sto cercando di realizzare (con enorme fatica)il mio sito con joomla.Seguendo i consigli del forum  ho scaricato e letto le varie guide html e quelle sui css. Dopo aver letto mi sono chiare la sintassi dei css e le diverse proprietà, ma ancora non riesco a capire dove devo intervenire per fare le modifiche che voglio.
A dire il vero qualcosina l'ho capito, ma tutto per tentativi ed errori. Come faccio a sapere a cosa corrispondono i vari selettori nella pagina? Non esiste un software che fisicamente mi faccia vedere sulla pagina i selettori?
Spero di essermi spiegata bene e di non aver detto qualche bestialità.
grazie

[conti1]

ciao

corrispondono i vari selettori nella pagina?

cosa sarebbero i selettori?

[sabry]

ciao conti1.
Per selettori intendo "quelle cose" su cui vado a lavorare ( nel foglio di stile) e a cui cambio le proprietà.
Per farmi capire: come faccio a sapere a cosa corrispondono sulla pagina le cose evidenziate in rosso?

html {
  height: 100%;
  margin-bottom: 0px;
}
form {
  margin: 0;
  padding: 0;
}

img,table {
   border: none;
}

body {
   font-family: Tahoma, Arial, sans-serif;
   line-height: 1.3em;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #333;
}

body.contentpane {
   background: #FeFeFe;
}

a:link, a:visited {
   text-decoration: underline;
   font-weight: normal;
   color: #555;
   outline: none;
}

a:hover {
   text-decoration: none;
   font-weight: normal;
   color: #333;
ecc...

[consistenza buffa]

Ti consiglio di installare firebug e cssviewer, due plugin di firefox, non so se usi questo browser, ma se vuoi costruire un sito è d'obbligo!
Con questi plugin puoi analizzare le parti del tuo sito e vedere i div applicati, le classi, i vari tag e la loro formattazione.
Poi  (anzi prima!) dovresti studiare un pò di HTML perchè è necessario per intervenire nel CSS, sapere che "form" è quella parte della pagina dove l'utente può inserire del testo, ad esempio pensa al "login".. ecco quello è un form. "img" è il tag che racchide le immagini, "a" è il tag che contiene i link, ma uqesto è l'abc dell'HTML, trovi in giro ottime guide, c'è solo da studiare...

[conti1]

ciao
quoto al 100% consistenza buffa
ti faccio un piccolo esempio
colonna left di un qualsiasi template

questa e la parte scritta in php

Codice: [Seleziona]

  <?php if($this->countModules('left')) : ?>
  <div id="sidebar">
      <jdoc:include type="modules" name="left" style="xhtml" />
  </div>
  <?php endif; ?>

left = nome posizione

<div id="sidebar">= questa e la parte che trovi nel css

id= identificativo

  della tua colonna left, il nome

sidebar= sarà il nome nel css 

#sidebar {}

di cui nelle graffe ci metti tutti i tag che servono  x la colonna left.

[sabry]

Grazie "consistenza buffa", è esattamente quello che cercavo!
Ho visto che esiste anche un firebug per explorer che ne pensi? Mi conviene comunque usare firefox?
Per quanto riguarda html... proverò ad impegnarmi!
Ciao

[consistenza buffa]

Si, ti conviene usare Firefox, per mille e uno motivi, e col tempo imparerai ad apprezzarli tutti!
E non dico di più atrimenti andiamo O.T.
Per il resto fai delle prove: io le prime volte per capire cosa stavo modificando davo valori molto alti, ad esempio se il padding era 10px, lo portavo a 300, così ero sicura, andando a rivedere la mia pagina di notare subito che cosa avevo modificato!

[sabry]

Ho installato firebug, ma volevo chiederti: perchè mi dici di installare anche css viewer? A cosa può servire? Volevo installarlo ma non è compatibile con la versione di firefox 3.5 che ho installato.
Inoltre ho provato a fare un po di esperimenti con firebug ma a quanto ho visto le modifiche sono solo virtuali. Se devo modificare realmente il mio css che devo fare? Annotarmi le variazioni e poi andare a lavorare sul css? Non c'è un metodo più rapido?
Scusa se ti assillo, ma sono proprio alle prime armi.
Grazie in anticipo

[conti1]

ciao
firebug e solo virtuale , xche devi annotare ?
visto che ti dice la riga di dove devi modificare non fai altro che tenere aperto con un editor il css  e una volta fatta la modifica virtuale  ti coppi la parte da te modificata nel css  e sei apposto.

[sabry]

Ok, grazie.