Witam. Potrzebuje wygenerowac kod html tak, aby powstala strona internetowa tak jak na screenie. Nie mam czasu sie bawic w htmla i mysle ze pomozecie :) Mam nadzieje ze ktos podejmie sie tego zadania. Z gory dzieki. PZDR
lukaszphp
Napisz jeszcze czy można użyć CSS, czy samego HTMLa? To ważne, bo będzie trzeba się trzymać jednego standardu.
Nie otrzymałem odpowiedzi - robię po swojemu ;P Robione na szybko, jakoś specjalnie się nie starałem, testowane na Mozilla Firefox i Google Chrome.
Trochę tego jest:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /><!-- Kodowanie (polskie: iso-8859-2) --> <meta name="author" content="Autor strony" /><!-- Autor strony --> <style type="text/css"> /* Ustawienia strony */ body { background-color: #fff; color: #000; margin: 0; padding: 0; }
Nie otrzymałem odpowiedzi - robię po swojemu ;P
Robione na szybko, jakoś specjalnie się nie starałem, testowane na Mozilla Firefox i Google Chrome.
Trochę tego jest:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><!-- Kodowanie (polskie: iso-8859-2) -->
<meta name="author" content="Autor strony" /><!-- Autor strony -->
<style type="text/css">
/* Ustawienia strony */
body {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}
/* Cały box */
#wrapper {
border: 1px solid #000;
margin: 20px auto;
width: 700px;
font: 16px 'Trebuchet MS', Arial, Verdana, sans-serif;
}
/* Nagłówek */
#header {
padding: 0 10px;
text-align: center;
border-bottom: 1px solid #000;
}
/* Menu */
#menu {
padding: 10px;
}
#menu ul, ul li {
display: block;
list-style: none;
padding: 0;
margin: 10px 0 0 0;
text-align: center;
}
#menu ul li {
display: inline;
padding: 0 15px;
margin: 0 15px;
border: 1px solid #000;
}
#menu ul li a {
text-decoration: none;
}
#menu ul li a:hover {
color: #f00;
}
/* Pasek boczny */
#sidebar {
width: 200px;
float: left;
overflow: hidden;
border: 1px solid #000;
margin: 20px;
padding: 10px;
}
/* Treść */
#content {
width: 375px;
float: right;
overflow: auto;
border: 1px solid #000;
margin: 20px;
padding: 10px;
}
/* Stopka */
#footer {
clear: both;
border-top: 1px solid #000;
padding: 10px;
text-align: center;
font-size: 13px;
}
</style>
<!-- Tytuł strony -->
<title>Tytuł strony</title>
</head>
<body>
<!-- Główny box -->
<div id="wrapper">
<div id="header"><h1>Logo strony</h1></div>
<!-- Menu -->
<div id="menu">
<ul>
<li><a href="#adres_strony1">Strona główna</a></li>
<li><a href="#adres_strony2">O mnie</a></li>
<li><a href="#adres_strony3">Galeria</a></li>
<li><a href="#adres_strony4">Inne</a></li>
<li><a href="#adres_strony5">Kontakt</a></li>
</ul>
</div>
<!-- Pasek boczny -->
<div id="sidebar">
<h2>Firma</h2>
<p>Pasek boczny, pasek boczny, pasek boczny,
pasek boczny, pasek boczny, pasek boczny,
pasek boczny, pasek boczny, pasek boczny.</p>
<p>Pasek boczny, pasek boczny, pasek boczny,
pasek boczny, pasek boczny, pasek boczny,
pasek boczny, pasek boczny, pasek boczny.</p>
</div>
<!-- Treść -->
<div id="content">
<h2>Strona główna</h2>
<p>Treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony.</p>
<p>Treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony.</p>
<p>Treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony,
treść strony, treść strony, treść strony.</p>
</div>
<!-- Stopka -->
<div id="footer">© 2010 All rights reserved by <b>Autor strony</b></div>
</div>
</body>
</html>