HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Erste website:Grund aufbau

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Erste website:Grund aufbau

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
mas93



Anmeldungsdatum: 06.04.2008
Beiträge: 1

BeitragVerfasst am: 06.04.2008 16:11:35    Titel: Erste website:Grund aufbau Antworten mit Zitat

Hi Leute,
Ich arbeite gerade an meiner ersten website mit html und css.

nur habe ich noch ein paar probleme mit den tabellen usw.

Ih möchte nur einen ganz einfaches websitetemplate hinbekommen.

Dafür habe ich diese Skizze:
[img]http://www.blitzforum.de/upload/file.php?id=2837[/img]


Das hier waren meine Ansätze:

html:


Code:
<?xml version="1.0" encoding="iso-8859-1"?> <!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"> <head>
<link rel="stylesheet" type="text/css" media="screen" href="design.css" />
</head>
<body background="bg.png">

<div id="header" >
<table>
<td> <img src=header.png /> </td>
</table>

<div id="navi" >
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li> <li><a
href="termine.htm">Termine</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
 </div>



</body>
</html>



CSS:
Code:
#html ,body{
   font-family:Eras demi,Times New Roman;
color:#361400;
}

/* -----------------------------NAVI------------------------------------- */
#navi {
   width:155px;                   /* Breite des Bereichs */   
text-align:left;               /* Textausrichtung     */
   margin-top:0px;               /* Außenabstand oben   */
   margin-bottom:0px;            /* Außenabstand unten  */
   margin-left:15%;              /* Außenabstand links  */
   margin-right:15px;             /* Außenabstand rechts */

 }
 
 #navi ul {
   list-style:none;               /* keine Aufzählungspunkte */
background-Image:url(leiste_left.png);
 }
 
 #navi li {
   /*border-top:1px black solid;     Rahmenfarbe Auflistungpunkt oben */
   margin-top:10px;               /* Außenabstand oben  */
   padding-top:8px;               /* Innenabstand oben  */
   padding-bottom:8px;            /* Innenabstand unten */
   padding-left:8px;              /* Innenabstand unten */
   padding-right:8px;             /* Innenabstand unten */
 }


/* -----------HEADER------------ */
#header table {
  margin-left:15%;
  margin-bottom:0px;
}


 #news table {
margin-left:30%;
margin-top:0px;
}


soweit sogut,
nur weiss ich jetzt nicht, wie ich die news NEBEN das Menü bekomme.
Bei mir kommt es immer unter das menü...

Wäre nett wenn ihr mir helfen könntet.


mfg
mas93
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
imafox



Anmeldungsdatum: 12.12.2006
Beiträge: 2

BeitragVerfasst am: 07.04.2008 08:54:14    Titel: Antworten mit Zitat

Nur mal so spontan: Du hast den DIV Container vom Header nicht geschlossen.

Ansonsten meinst Du wahrscheinlich die "float"-Angaben, die das Umfliessen eines Elements regeln.
Mehr dazu und Beispiele findest Du auf www.css4you.de.

Cheers[/url]
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.