provlima me css arxio

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
flokos
Δημοσιεύσεις: 39
Εγγραφή: 16 Ιουν 2008 22:53

provlima me css arxio

Δημοσίευση από flokos » 14 Νοέμ 2008 16:27

ftiaxnw mia selida kai evala ayton ton code sto index.css:

Κώδικας: Επιλογή όλων

body {
margin-top:-799;

background-image:url(back7.jpg);
background-repeat:repeat-x; 
}

#container {
margin: -10 auto;
padding: 0px;
width: 780px;
height:800px;
background-image:url(main_back.gif);
}

#header {
background-image:url(main_banner.jpg);
width: 780px;
height: 117px;
margin: 0;
padding: 0;
}

#navigation {
background-image:url(navbar.gif);
width: 780px;
height: 22px;
padding-top:9px;
}
#menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#menu li {
  display: inline;
  padding-right: 15px;
  padding-left: 17px;
}
#menu a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:4px;
font-weight:bold;
color:#ffffff;
text-decoration: none;
} 
#menu a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#0099FF;
text-decoration:underline;
}
#menu a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:# FFFFCC;
text-decoration: none;
} 
#menu a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:# 99CCFF;
text-decoration: none;
}

#retouch {
float:left;
background-image:url(main_retouch.gif);
width: 218px;
height: 143px;
padding-top:40px;
text-align:center;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}


#content1 {
float:left;
background-image:url(main_content1.gif);
width: 480px;
height: 133px;
margin-left:20px;
padding-top:40px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}


#funny {
float:left;
background-image:url(main_funny.gif);
width: 218px;
height: 143px;
margin-top:20px;   
padding-top:40px;
text-align:center;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}
#content2 {
float:left;
background-image:url(main_content2.gif);
width: 480px;
height: 133px;
margin-left:20px;
margin-top:20px;
padding-top:40px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-align:center;
}

#random {
float:left;
background-image:url(main_funny.gif);
width: 218px;
height: 182px;
margin-top:20px;   
padding-top:40px;
text-align:center;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}
#footer {
float:left;
margin-top: 10 auto;
background-image:url(main_footer.jpg);
width: 781px;
height: 24px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
kai evala sto div navigation oti lei to tut pou eftiaxe o lurnamedia alla den emfanizete kimeno stin navbar.ti kanw lathos?

Άβαταρ μέλους
PixelDog
Δημοσιεύσεις: 435
Εγγραφή: 16 Σεπ 2008 17:19

provlima me css arxio

Δημοσίευση από PixelDog » 14 Νοέμ 2008 17:11

δωσε μας και το κωδικα του index.html
I Hate My Notepad

flokos
Δημοσιεύσεις: 39
Εγγραφή: 16 Ιουν 2008 22:53

provlima me css arxio

Δημοσίευση από flokos » 14 Νοέμ 2008 18:29

oriste

Κώδικας: Επιλογή όλων

<html>
<head>

<link href="index.css" rel="stylesheet" type="text/css" />
<title>
dokimi
</title>
</head>
<body>





<div id="container">
<div id="header"></div>
<div id="navigation">
<ul id="menu">
<li><a href="index.html"  title="Home">Home</a></li>
</ul>
</div>
<div id="main_content">
<div id="retouch"></div>
<div id="content1"></div>
<div id="funny"></div>
<div id="content2"></div>
<div id="random"></div>
</div>
<div id="footer"></div>
</div>

</body>
</html>












flokos
Δημοσιεύσεις: 39
Εγγραφή: 16 Ιουν 2008 22:53

provlima me css arxio

Δημοσίευση από flokos » 14 Νοέμ 2008 22:45

den tha mou apantisi kanis?

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

provlima me css arxio

Δημοσίευση από emphasy » 15 Νοέμ 2008 20:27

Πάτα control+A και δες μήπως έχεις ίδιο χρώμα σε background και στο font!

flokos
Δημοσιεύσεις: 39
Εγγραφή: 16 Ιουν 2008 22:53

provlima me css arxio

Δημοσίευση από flokos » 16 Νοέμ 2008 12:45

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

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης