Du bist nicht angemeldet.

1

Montag, 2. Mai 2016, 12:38

Hilfe Bei Website

Guten Tag ich habe das Problem das wir in der schule eine Hompage erstellen und designen müssen
und ich es nicht schaffe das sich die größe automatisch anpasst.
danke für jede Antwort
mit einem norm<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 STRICT//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://w3.org/1999/xhtml" lang ="de">


<head>
<title>Projekt_Prg_DB</title>
<meta http-equiv="Content-type" content="text/html; CHARSET=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="css/basic.css" media="screen"/>
<style type ="text/css">
body
{
font-size: 85%;
font-family: "Verdana,Arial,Sans-Serif";
text-align: left;

}

#wrap
{

width: 1504px;
margin: 0 auto;
text-align: left;
}
#kopf
{
width:1504px;
height: 90px;
text-align:center;
background-color:lightgreen;
}


#inhalt
{
float: left;
height: 800px;
width: 400px;

background-color:ivory;
}
#info
{
float: left;
height: 800px;
width: 1102px;
top: 0;
background-color:ivory;
border : 1px solid #999;
}


h2, h3, h4, h5, h6
{
margin: 20px;

}
h1
{
front-size: 220%
margin: 20px;
}

p
{
margin: 15px 20px;
}

p.boxtext
{
border: 1px solid #000;
padding: 5px;

}

a:link
{
color: #CE131a;
}

a:hover, a:active, a:focus
{
color: #1CB727;
text-decoration: none;
}

</style>
<body>
<div id="wrap">
<div id="kopf">
<p class="boxtext">
<B>Personen_Datenbank</B>
</p>
<!--Eine Ãœberschrift oder logo für die website-->


<a style="text-decoration:none;border-style:none;color:black;" target="_blank" href="http://www.schnelle-online.info/Atomuhr-Uhrzeit.html" id="soitime196775117239">Atomuhr</a><span style="text-decoration:none;border-style:none;color:black;"> - </span><a style="text-decoration:none;border-style:none;color:black;" target="_blank" href="http://www.schnelle-online.info/Kalender.html" id="soidate196775117239">Kalender</a>
<script type="text/javascript">
SOI = (typeof(SOI) != 'undefined') ? SOI : {};(SOI.ac21fs = SOI.ac21fs || []).push(function() {
(new SOI.DateTimeService("196775117239", "DE")).setWeekdayMode(5).setDatePattern("yyyy-MM-dd").start();});
(function() {if (typeof(SOI.scrAc21) == "undefined") { SOI.scrAc21=document.createElement('script');SOI.scrAc21.type='text/javascript'; SOI.scrAc21.async=true;SOI.scrAc21.src=((document.location.protocol == 'https:') ? 'https://' : 'http://') + 'homepage-tools.schnelle-online.info/Homepage/atomicclock2_1.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(SOI.scrAc21, s);}})();
</script>


</div><!-- Ende von kopf-->
<div id="inhalt">
<!-- Bereich für den Inhalt dieser Seite -->
<h1>____________Menü_____________ </h1>
<ul>
<li>
<a href="frm_200.php" title="zurück zur Startseite">Daten eingeben</a>
</li>
<li>
<a href="frm_100.php" title="das Buch und die Autoren">Daten ändern</a>
</li>
<li>
<a href="frm_202.php" title="Praxislinks zum Buch">Daten löschen</a>
</li>
<li>
<a href="frm_201.php" title="zurück zur Startseite">Daten anzeigen</a>
</li>
</ul>


</div><!--Ende des inhalt-->
<div id="info">
<!-- Sonstige Links , informationen -->
<h2> Datenübersicht </h2>
</div>
</div> <!--Ende von Wrap-->
</body>
</head>alen width: auto; funktioniert es nicht

2

Dienstag, 3. Mai 2016, 09:23

Ich empfehle dir die folgende Webseite durchzuarbeiten, damit du die Logik der automatischen Anpassung einer Website (responsive) besser verstehst. --> http://www.html-seminar.de/responsive-webdesign.htm

Darüber hinaus empfehle ich dir als Lektüre das Buch von Peter Müller "Einstieg in CSS"

3

Samstag, 10. Dezember 2016, 03:17

Nice sharing!
Infantigo

Piercing

Fordyce

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »focin123« (10. Dezember 2016, 22:38)