Αρχάριος στην html και css ερώτηση?

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

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

Απάντηση
searchman
Δημοσιεύσεις: 12
Εγγραφή: 13 Φεβ 2012 09:39

Αρχάριος στην html και css ερώτηση?

Δημοσίευση από searchman » 24 Μαρ 2012 12:28

παιδιά προσπαθώ να κάνω μια ιστιοσελίδα αλλά δεν μπορώ να βάλω με την σειρά τα αντικείμενα μου.
αυτος ειναι ο κώδικας της html:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Φτηνά παγάκια Λάρισα " />
<meta name="author" content="Thanosgen" />
<meta name="keywords" content="Σας προσφέρουμε παγάκια σε χαμηλές τιμές "/>
<link type="text/css" rel="stylesheet" href="style.css" />

<title>Ice Land</title>
</head>
<h1>  </h1>
<h2>  </h2>

		<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = &#123;&#125;;
			flashvars.xml_file = "flashmo_255_photo_list_3.xml";
			var params = &#123;&#125;;
			params.wmode = "transparent";
			var attributes = &#123;&#125;;
			attributes.id = "slider";
			swfobject.embedSWF&#40;"flashmo_255_bar_slider_click.swf", "flashmo_slider", "900", "330", "9.0.0", false, flashvars, params, attributes&#41;;
		</script>
<body>


	
	
	
	
 <div class="menu"> 
	<ul>
	<li><a href="index.html">Αρχική</a></li>
	<li><a href="">Υπηρεσίες</a></li>
	<li><a href="">Σχετικά</a></li>
	<li><a href="">Επικοινωνία</a></li>
	
</div>


		<div align="center">

			<!-- bar slider click SWF -->
			<div id="flashmo_slider">
            	<br /><br /><a href="http&#58;//www.flashmo.com/preview/flashmo_255_bar_slider_click" target="_blank">Flash XML Bar Slider</a><br /><br />
                <a href="http&#58;//www.adobe.com/go/getflashplayer">
                    <img src="http&#58;//www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                </a><br /><br />
			</div>
			<!-- bar slider click SWF -->

    	</div>
		
	
</body>
</html>
και αυτός για το css:

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

body &#123;
			
			margin&#58; 0 0 0 0;
            padding&#58; 0 0 0 0;
            color&#58; black;/*kanei ta grammata mayra*/
            background-color&#58; white;
            font-family&#58; "Trebuchet MS", Verdana, Arial;
            font-size&#58; 12px;
			
        &#125;
        
        a&#58;link, a&#58;visited &#123; color&#58; #FFFFFF; text-decoration&#58; none; &#125;
        a&#58;hover &#123; color&#58; #FFFF00; &#125;
		h2 &#123;
			font-size&#58; 26px;
			font-weight&#58; normal;
			
		&#125;
		.flashmo_box &#123;
			margin&#58; 20px auto;
			width&#58; 840px;
			padding&#58; 10px 30px;
			background&#58; #181818;
			border&#58; 1px solid #505050;
			font-size&#58; 13px;
			
			
		&#125;
		.flashmo_variable &#123;
			color&#58; #33CC99;

		&#125;


	&#125;
menu, a, body &#123; color&#58;black; &#125;

h1 &#123;
	padding-left&#58;600px;
	padding-bottom&#58;150px;
	background-image&#58;url&#40;'images/logo1.png'&#41;;
	background-repeat&#58; no-repeat;
	background-position&#58;200px;
	padding-right&#58;0px;
	margin-right&#58;0px;
	font-size&#58;40px;
	text-align&#58;left;

	
	&#125;


a&#58;link,a&#58;visited
&#123;
display&#58;inline;
/*width&#58;200px;*/
font-weight&#58;bold;
text-align&#58;center;
/*padding&#58;10px;*/
/*text-transform&#58;uppercase;*/

&#125;


.menu li &#123;/*ftiaxnei to menu ti na exei apo pisw kai ti xrwma grammata ktl*/
	float&#58;left;
	padding-bottom&#58;1px;
	padding-left&#58; 50px;
	margin-right&#58; 2px;
	font-size&#58;1.2em;
	text-transform&#58; capitalize;
	display&#58;inline;
	/*background-color&#58;#b0c4de;*/
	/*border&#58; 1px solid blue ;*/
	/*background-image&#58;url&#40;'images/back1.png'&#41;;
	background-repeat&#58; repeat;*/
&#125;

.menu a &#123;
	color&#58;black;
	display&#58;inline;
	text-decoration&#58;none;
	
&#125;

.menu li.current, .menu li&#58;hover &#123;
	color&#58;#7eb9c4;
	border-bottom&#58; 3px solid #FF8A00;
	text-decoration&#58; none;
&#125;
.menu li&#58;active &#123;
	color&#58;#3c3c3c;
	border-bottom&#58; 3px solid #a2a2a2;
	&#125;


πως θα καταφέρω να φέρω στην μέση το μενού και το slideshow???
γενικά θέλω να φτιάξω μια ιστιοσελίδα που να τα έχει όλα στο κέντρο.
Γράφω κάτι λάθος?
επίσης πίσω απο slide show θέλω να βάλω ενα θαλασσί χρώμα κουτί και απο δεξιά ρολόι καιρό και τέτοια.

Απάντηση

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

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

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