Skocz do zawartości
mariuszek471

Ustawienie css

Recommended Posts

Witam serdecznie potrzebuje wykonać coś takiego jak grafika z załącznika na chwilę obecną mam następujący kod css

body {
	background-position: top center;
	font-family: Palatino Linotype, verdana, tahoma,sans-serif;
	font-size: 20px;
	color: #2f1c04;
	background: #956AD6;
	background: url("../logo.jpg") top center no-repeat #956AD6;
}
* { margin: 0; padding: 0; }
img, table {
	border: 0;
}
html, body {
	height: 640px;
}
#wybor {
	width: 100%;
	padding-top: 22px;
	margin: 0 auto;
	text-align: left;
}
#pasek {
	width: 100%;
	height:180px;
	margin-top: 130px;
	text-align: center;
}
#flagi {
	color: #2f1c04;
	width: 800px;
	margin: 0 auto;
	font-size: 26px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	text-shadow: #000 2px 2px 0.3em, #000 2px 2px 0.3em, #000 2px 2px 0.3em;
}
#flags {
	overflow: hidden;
	text-align: center;
	width: 800px;
	margin-right: 60px;
	margin-left: auto;
	margin-right: auto;
}
#flagi a {
	display: inline;
	float: left;
	margin-left: 220px;
	margin-right: 220px;
}
#content a {
	color: #2f1c04;
}
#linki {
	margin: 0 auto;
	overflow: hidden;
	width: 800px;
	text-align: center;
	float: left;
}
<html>
<head>
  <meta name="robots" content="index, follow" /> 
  <meta name="keywords" content="" /> 
  <meta name="description" content="" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Shih Tzu</title> 
	<link rel="stylesheet" href="css/css.css" type="text/css" />
	<link href="favicon.ico" rel="shortcut icon" />		
</head>
<body>
<center>
<div id="wybor">
<div id="pasek">
<div id="flagi">
<div id="flags">
<div id="linki"><a href="http://old.sjanicka.ayz.pl/pl/"><img src="pl.jpg" /></a>
<a href="http://old.sjanicka.ayz.pl/eng/"><img src="eng.jpg" /></a></div>
</div>
</div>
</div>
</div>
</center>
</body>
</html>

i niestety nie wygląda to tak jak na zdjęciu poniżej czy ktoś może mi pomóc ustawić ażeby tak wyglądało efekt tego co wstawiłem wyżej można zobaczyć na stronie http://selavi44.ayz.pl/

startowa.jpg

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

usuń poniższy blok z css.

#flagi a {
	display: inline;
	float: left;
	margin-left: 220px;
	margin-right: 220px;
}

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Utwórz konto lub zaloguj się, aby skomentować

Musisz być użytkownikiem, aby dodać komentarz

Utwórz konto

Zarejestruj nowe konto na forum. To jest łatwe!

Zarejestruj nowe konto

Zaloguj się

Masz już konto? Zaloguj się.

Zaloguj się

×