✔ Text neben Button

Status
Nicht offen für weitere Antworten.
Kranky

Kranky

Grünschnabel
Hi!
Ich will einen Text neben meine Navigation machen ,aber wie bekomme ich den text daneben ohne das sich die Buttons verschieben? (die Bottons sind links am rand der Homepage) Hier mal Code:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Falken-Grundschule</title>
<style type="text/css">
<!--
.Stil1 {font-family: "Times New Roman", Times, serif}
-->
</style></head>
<body background="Bilder/BG.jpg">
<div align="center">
<img src="Bilder/Banner.jpg" alt="Falken-Grundschule" width="896" height="150" align="top">
<img src="Bilder/Trennlinie.png" alt="Trennlinie" width="950" height="11">
</div> 
<table align="left">
<br>
<a href="index.html"><img src="Start.gif" alt="Start" width="110" height="31"></a>
<br>
<a href="news.html"><img src="news.gif" alt="News" width="110" height="31"></a>
<br>
<a href="kontakt.htm"><img src="kontakt.gif" alt="Kontakt" width="110" height="31"></a>
<br>
<a href="galerie.html"><img src="Galerie.gif" alt="Galerie" width="110" height="31"></a>
<br>
<a href="eltern.html"><img src="Eltern.gif" alt="Elternvertreter" width="110" height="31"></a>
<br>
<a href="schueler.html"><img src="Schüler.gif" alt="Schülervertreter" width="110" height="31"></a>
</table>
</body>
</html>
 
Hi,

stellst du dir das mit dem Text neben den Buttons eventuell so vor?

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Falken-Grundschule</title>
<style type="text/css">
<!--
body {
background: url(Bilder/BG.jpg);
}

#head {
text-align: center;
}

#navi {
width: 110px;
float: left;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#content {
margin-left: 125px;
}

.Stil1 {font-family: "Times New Roman", Times, serif}
-->
</style></head>
<body>
<div id="head">
     <img src="Bilder/Banner.jpg" alt="Falken-Grundschule" width="896" height="150" align="top">
     <img src="Bilder/Trennlinie.png" alt="Trennlinie" width="950" height="11">
</div>
<div id="navi">
     <ul>
         <li><a href="index.html"><img src="Start.gif" alt="Start" width="110" height="31"></a></li>
         <li><a href="news.html"><img src="news.gif" alt="News" width="110" height="31"></a></li>
         <li><a href="kontakt.htm"><img src="kontakt.gif" alt="Kontakt" width="110" height="31"></a></li>
         <li><a href="galerie.html"><img src="Galerie.gif" alt="Galerie" width="110" height="31"></a></li>
         <li><a href="eltern.html"><img src="Eltern.gif" alt="Elternvertreter" width="110" height="31"></a></li>
         <li><a href="schueler.html"><img src="Schüler.gif" alt="Schülervertreter" width="110" height="31"></a></li>
     </ul>
</div>
<div id="content">
     <p>Hier folgt der Text</p>
</div>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück