sezai23
Threadersteller
Dabei seit: 25.02.2010
Ort: Flensburg
Alter: 37
Geschlecht: 
|
Verfasst Mi 14.04.2010 11:18
Titel css problem |
  |
|
hallo leute ich hab hier irgendwie 2 kleine fehler drin, die er mir in meinem prog nicht anzeigt, aber sobald ichs in nen browser lade sind sie da, alle beide...
zum ersten der link "seitenanfang" der irgendwie ausm div rausfällt, und zweitens ist der w3c button nich zentriert.. woran liegts??
hier der link
http://52292172.de.strato-hosting.eu/jm/uni/gom/artikel.html
hier der code
| Code: |
<!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="de" lang="de">
<head>
<title>Workflow Process working on workflow</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
body
{
background: #594139 url(img/bg.jpg) no-repeat;
width:75%;
font-family:sans-serif;
margin: 0px auto;
}
p.up
{
float:right;
}
.foot
{
margin: auto;
text-align:center;
color:#ffffff;
}
.content
{
border: solid 1px #000000;
background-color:#594139;
padding:0px;
margin:0px;
}
h1#logo {
background:url(img/logo.jpg) no-repeat;
width:800px;
height:150px;
text-indent:-999em;
padding:0;
margin:0;
margin-left:-10px;
}
.pic
{
float:right; padding:15px;
}
.bg1
{
background-color:#AD8F4B;
padding:25px;
margin:0px;
}
.bg2
{
background-color:#D2C097;
padding:25px;
margin:0px;
}
a:link, a:visited, a:active
{
color: #594139;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
color: #FFFFFF;
}
a img
{
border: 0 none;
}
</style>
</head>
<body>
<div class="content">
<a name="oben"></a>
<div class="bg1">
<h1 id="logo">Workflow Process - working on workflow</h1>
<p>
Almost every company, firm, and designer has their own
process for creating websites. Let's delve into some of
these processes.
</p>
</div>
<div class="bg2">
<h2>Web ReDesign 2.0 | Workflow that Works</h2>
<div class="pic">
<a href="http://www.web-redesign.com/" title="web-redesign.com">
<img src="img/wrd2.jpg" width="250" height="250" alt="Web ReDesign 2.0 | Workflow that Works Buchcover" />
</a>
</div>
<p>
"<a href="http://www.web-redesign.com/" title="web-design.com">Web ReDesign 2.0 | Workflow that Works</a>",
a book by Kelly Goto and Emily Colter, describes what they call the <em>"Core Process"</em>.
</p>
<p>
<strong>This has five main steps:</strong>
</p>
<ol>
<li>Define the project.</li>
<li>Develop site structure.</li>
<li>Design visual interface.</li>
<li>Build and integrate.</li>
<li>Launch and beyond.</li>
</ol>
<p>
There are other processes that web designers use. In an
interview on the website <a href="http://www.wise-women.org/features/kelly_goto/" title="wise-woman.org">wise-women.org</a>
Kelly stated,
</p>
<blockquote><p>"Web Redesign 2.0: Workflow that Works" is actually
touted as a 'one process fits all'. However this might be
misleading to some; even I don't believe you can have one
methodology to fit all types of projects."</p>
</blockquote>
</div>
<div class="bg1">
<h2>Transcending CSS</h2>
<div class="pic">
<a href="http://www.transcendingcss.com/" title="transcendibcss.com">
<img src="img/tcss.jpg" width="250" height="250" alt="transcending CSS Buchcover" />
</a>
</div>
<p>
In "<a href="http://www.transcendingcss.com/" title="transcendingcss.com">Transcending CSS</a>",
Andy Clarke describes his <em>"content-based process"</em>.
</p>
<p>
<strong>His process also has five steps:</strong>
</p>
<ol>
<li>Gather the content.</li>
<li>Work with wireframes to organize and present that content.</li>
<li>Create static designs to demonstrate creative concepts and layout ideas.</li>
<li>Write meaningful markup that structures content.</li>
<li>Work with CSS to implement the design.</li>
</ol>
<p>
<strong>Some things to keep in mind:</strong>
</p>
<ul>
<li>Process is important.</li>
<li>You will follow the process I assign.</li>
<li>Keep track of your process in a process book.</li>
</ul>
</div>
<div class="bg2">
<h2>A couple of important terms and definitions</h2>
<dl>
<dt>
Process
</dt>
<dd>
A series of actions, changes, or functions bringing about a result.
<br />
<cite>
<a href="http://dictionary.reference.com/browse/process" title="Dictionary.com">Dictionary.com</a>
</cite>
</dd>
<dt>
Workflow
</dt>
<dd>
The flow or progress of work done by a company, industry, department, or person.
<br />
<cite>
<a href="http://dictionary.reference.com/browse/workflow" title="Dictionary.com">Dictionary.com</a>
</cite>
</dd>
</dl>
<p style="float:right;">
<a href="#oben" title="top">..zum Seitenanfang</a>
</p>
</div>
</div>
<div class="foot">
<p>
<a href="http://validator.w3.org/check?uri=referer" title="w3 valid">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" />
</a>
</p>
<p>
J.Mohr // 2010 // GOM <br /><br />
</p>
</div>
</body>
</html>
|
[Verschoben von 'Programmierung' - HTML/CSS sind keine Programmiersprachen]
Zuletzt bearbeitet von Kash am Mi 14.04.2010 11:22, insgesamt 1-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
