το html αρχείο:
- Κώδικας: Επιλογή όλων
<html>
<head>
<title>Personal Webpage of cs091770(billys)</title>
<meta name="description" content="Personal information and some tutorials of cs091770(billys)" />
<meta name="keywords" content="C tutorial, html tutorial, MySQL tutorial, cs091770, billys support, cs.uoi.gr/~billys, greek programming tutorial" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style/style.css" title="style" />
</head>
<body>
<!-- ################################################################ H E A D E R ################################################################# -->
<div id="header">
<div id="photo">
<img src="images/facephoto.png" alt="loading..." height="180", width="*" />
</div>
<div id="info">
<p> Vasilis Tzivaras Computer Science Department University of Ioannina</p>
</div>
</div> <!-- end of header -->
<!-- ########################################################## C O N T E N T ################################################################### -->
<!--<div id="site_bar">
<div id="site_bar_photos">
<img src="image_path" alt="loading..." height="", width="" />
<img src="image_path" alt="loading..." height="", width="" />
<img src="image_path" alt="loading..." height="", width="" />
</div>
<div id="site_bar_links">
<ul>
<li> <a href="www.google.gr"> Google<a/></li>
<li> <a href="www.cs.uoi.gr"> CS Dept.<a/></li>
<li> <a href="www.uoi.gr"> UOI<a/></li>
</ul>
</div>
</div>
<div id="content">
<ul id="menu">
<li class="selected"> <a href="index.html"> <img src="images/home.png" border="0" width="50"> </a></li>
<li class="selected"> <a href="html_files/greek/maketutorial.html"> Make </a></li>
<li class="selected"> <a href="html_files/greek/maketutorial.html"> C </a></li>
<li class="selected"> <a href="html_files/greek/maketutorial.html"> Terminal </a></li>
<li class="selected"><a href="html_files/greek/contact.html"> <img src="images/contact.png" border="0" width="50"> </a></li>
</ul>
<p>Καλως ήρθατε στην ιστοσελίδα μου. Λέγομαι Τζιβάρας Βασίλης και σπουδάζω στο τμήμα Πληροφορικής Ιωαννίνων απο το 2009. Παρακάτω μπορείτε να βρείτε περιληπτικα κάποιυς χρήσιμους οδηγούς.</p>
<h2> Οδηγός για το εργαλείο make </h2>
<p>To make είναι ένα εργαλείο που μας βοηθά να χειριστούμε εύκολα πολλά αρχεία. Μας λύνει τα χέρια με άλλα λόγια όταν θέλουμε να τα κάνουμε όλα compile. Πατήστε <a href="maketutorial.html">εδώ</a> για να δείτε τον οδηγό.
<h2> Οδηγός για την γλώσσα C </h2>
<p> Η γλώσσα C είναι μια αυστηρή διαδικαστική γλώσσα προγραμματισμού που χρησιμοποιείται παγκοσμίως! Ο οδηγός βρίσκεται <a href="ctutorial.html">εδω</a>.</p>
<h2> Εισαγωγή στο terminal(Unix) </h2>
<p> Το τερματικό είναι μια γραμμή εντολών που σου δίνει απίστευτες δυνατότητες. Πολύ παλιά δεν υπήρχε γραφικό περιβάλλον και όλα γίνονταν σε αυτό. Βέβαια για χάρη της απλότητας και ευκολίας έχουν δημιουργηθεί τα GUI. <a href="terminaltutorial.html">Εδω</a> μπορείτε να βρείτε πληροφορίες για το τερματικό και να κάνετε μια εισαγωγή με εντολές χρήσιμες για τα συστήματα Unix.</p>
<h2> Πρόβλημα στο άνοιγμα του Iceweasel </h2>
<p> Ο Iceweasel είναι ουσιαστικά ο firefox. Μερικές φορές μπορεί να εμφανίσει ένα μήνυμα λάθους και πιο συγκεκριμένα κάτι σαν αυτό: " ... ". Για να το διορθώσετε και να λειτουργεί κανονικά θα πρέπει να διαγράψετε ένα αρχείο (δεν χρειάζεται root password.
<pre> rm ~/.mozilla/firefox/profiles.ini </pre>
Αυτό θα πρέπει να έχει λύσει το πρόβλημά σας! Αν θέλετε μπορείτε να το γράψετε ως ένα σκριπτάκι και να το τρέχετε αμέσως. Θυμηθείτε να αλλάξετε τα δικαιώματα σε 755 στο script.sh σας. </p>
<h2> Αλλαγή της ρύθμισης για τους φακέλους</h2>
<p> Αν δεν έχετε κάνει κάποια άλλη ρύθμιση κανονικά όταν ανοίγετε το home folder σας και αλάζετε επίπεδα κάθε πάνω επίπεδο εμφανίζεται σε διαφορετικό παράθυρο. αυτό μπορούμε να το αλλάξουμε πηγαίνοντας στο μενού System/Preferences/File Management και στην καρτέλα Behaviour επιλέξτε το "Always open in browser windows"! ...τώρα, δοκιμάστε να πάτε στο HomeFolder σας και να περιηγηθείτε στους φακέλους!</p
</div>--> <!-- end of content -->
<!-- ############################################################ F O O T E R ###################################################################### -->
<!--
<div id="footer">
<p>Copyright Billys Tzivaras -2011- </p>
</div> -->
</body>
</html>
το CSS αρχείο:
- Κώδικας: Επιλογή όλων
/*********************************************************************
------------------------- MY CSS ---------------------------
*********************************************************************/
body {
font: normal .80em 'trebuchet ms', arial, sans-serif;
background: #F0EFE2;
color: #777;
}
p {
padding: 0 0 100px 0; /* http://www.w3schools.com/css/css_padding.asp */
line-height: 1.7em; /* http://www.w3schools.com/cssref/pr_dim_line-height.asp */
}
h1 {
font: normal 175% 'century gothic', arial, sans-serif;
color: #1293EE;
margin: 0 0 15px 0; /* http://www.w3schools.com/css/css_margin.asp */
padding: 15px 0 5px 0; /* http://www.w3schools.com/css/css_padding.asp */
}
/*
a {
text-decoration: underline;
color: #CC0000;
} */
ol {
margin: 8px 0 22px 20px;
}
/*
ol li {
margin: 40px 0 11px 0;
} */
/************************* ID SELECTORS ******************************/
#header {
height: 220px;
border-style: solid;
border-width: 2px;
border-color: green;
}
#photo
/* in case i need anything*/
margin-left: 0 0 0 10px;
padding: 15px 0 3px 5px;
}
#info {
margin-right: 20px;
font-size: 60px;
}
και το πρόβλημα μου είναι στο CSS στο #info. Ότι αλλάζω πχ. το font-size δεν έχει κανένα αποτέλεσμα. Γιατί? :/
σας ευχαριστώ...
Edit: Τελικά να μην κοιμάσαι δεν κάνει καλό είχα ξεχάσει ένα '{'. Βασικά τώρα έχω ένα άλλο πρόβλημα σε αυτό το λινκ http://img35.imageshack.us/img35/2245/divjt.png . Έχω 2 divs ένα το μπλέ και ένα απο κάτω και θέλω να είναι δίπλα δίπλα οριζόντια όχι κάθετα. Ξέρει κανείς πως μπορεί να γίνει? :/
.
