Προς το περιεχόμενο

γινετε css εντος div να εχει αλλη συμπεριφορα εκτος div ? γιατι μου γινετε ?


geioannou

Προτεινόμενες αναρτήσεις

Δημοσ.

1.ανοιγεις μια html.

2.αυτη με ενα css να περνει καποιο χρωμα που θα ειναι background σε οτι επακολουθησει μεσα σε αυτη.

τελος.

εγινα κατανοητος τωρα ?

Δημοσ.

><html>
<head>
...
</head>
<body>
...
</body>
</html>

 

CSS

 

>body
{ 
   background: [url('path/to/image'] [left/right/top/bottom/middle/center] [#χρώμα] [repeat-x/repeat-y/no-repeat] [fixed];
}

 

Όλες οι παράμετροι είναι προαιρετικές. Εφόσον θέλεις μόνο χρώμα, βάλε μόνο χρώμα. Εφόσον θες και κάποια εικόνα βάλε και την εικόνα και το χρώμα, ή μόνο την εικόνα. Το "fixed" σημαίνει ότι η background εικόνα δεν θα κάνει scroll μαζί με την σελίδα.

Δημοσ.

Και φυσικά αφού το θέλεις για όλες τις σελίδες τότε δημιουργείς ένα αρχείο πχ. style.css και βάζεις τον κώδικα εκεί.

 

Και μετά σε όλες τις σελίδες βάζεις στο head αυτό:

 

<link rel="stylesheet" href="style.css" type="text/css" />

 

To πλεονέκτημα του να έχεις εξωτερικά css είναι ότι αν κάνεις μία αλλαγή στο ένα και μοναδικό stylesheet σου τότε οι αλλαγές είναι ορατές σε όλες τις σελίδες που το χρησιμοποιούν.

Δηλαδή δεν χρειάζεται να πηγαίνεις στην κάθε σελίδα να κάνεις την αλλαγή.

Δημοσ.

θα παραθεσω κωδικα τη html και του css για να μην παιδευωμαστε.

 

εστω οτι εχουμε αυτη την html

><!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=utf-8" />
<title></title>
<link href="css/background.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td width="770" height="116" bgcolor="#CCFF00"> </td>
 </tr>
 <tr>
   <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td bgcolor="#999999"> </td>
       <td width="566" height="472" bgcolor="#375436"> </td>
     </tr>
   </table></td>
 </tr>
</table>


</p>
</body>
</html>

 

και αυτο το css

>.background {
background-color: #333333;
}

που θελω να το εφαρμοσω σε ολη την html (αφου ειναι background)

 

ελπιζω τωρα να ξεκαθαρισουν τα πραγματα

 

εαν τα ανοιξετε αυτα με το dreamweaver και επιλεξετε το πισω μερος της html και του δωσετε το css, δειτε που θα το βαλει

Δημοσ.

Βάλε αυτό:

 

>body
   { 
   background: #333333;
   }

(Αυτό λέει ότι στο tag body που είναι και parent tag όλης της σχεδίασης να έχει bg το χρώμα που του ορίζεις)

 

Γενικά για πληροφορίες για css/javascript/html μπορείς να ρίχνεις μία ματιά στο:

 

http://www.w3schools.com

 

Για το background που θέλεις το άρθρο είναι:

 

http://www.w3schools.com/css/pr_background.asp

Δημοσ.

@geioannou Φίλε μου για να ξέρεις τι κάνεις σου προτείνω να ξεκινήσεις από το http://www.w3schools.com/css/css_intro.asp και να δόσεις σημασία στο http://www.w3schools.com/css/css_syntax.asp

γιατί από το:

.background {

background-color: #333333;

}

είναι ξεκάθαρο ότι δεν έχεις κάνει την απαραίτητη μελέτη

Δημοσ.

το ξερω οτι ειναι τελειως "γυμνο" αυτο που εφτιαξα.

αλλα εκτος οτι δεν γνωριζω κωδικα για να το φτιαξω, ειναι και κατι τελειος απλο που εχει να κανει μονο με ενα background !!!

αλλωστε ετσι το διμοιουργισε το ιδιο το dreamweaver και αυτο μου αφηνε την συγουρια οτι μπορει να μην ειναι οτι καλυτερο συντακτικα αλλα τουλαχιστον δεν ειναι κατι που θα ηταν λαθος....

 

αλλωστε εκει που με παρεπεμψες βρηκα αυτο που δεν διαφερει απο αυτο που εφτιαξα εγω.

το πρωτο στο πλαισιο

http://www.w3schools.com/css/pr_background.asp

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

  • Δημιουργία νέου...