Hallo Liebe Forum Mitglieder,
ich habe ein Problem, mit dem ich mich jetzt seit einem Tag beschäftige und im Internet nichts passendes dazu gefunden habe.
Ich bin gerade an eine mobile Seite für meine Homepage zu programmieren und ich möchte gerne zwischen der Tabelle (grüner Balken) und dem Bild kein Zeilenumbruch haben. Irgendwie macht mir das automatisch.
Ebenfalls unter dem Bild und der Tabelle sollte kein Zeilenumbruch sein.
Mein Code:
HTML
<!DOCTYPE html>
<html>
<head>
<title> TOPNETmodel </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>
.mobile {
max-height: 100%;
max-width: 100%;
}
.ui-bar-a {
border-style: none;
background-color: none;
}
.no-shadow {
text-shadow: 0 0 0;
background-color: #41a52a;
}
.white {
background-color: white;
}
<!--
table, tr, td, th {
border: 1px #000 solid;
}
table {
border-collapse: collapse;
}
-->
a:link {
text-decoration: none;
}
</style>
<body>
<p>
<div align="center"><img src="http://topnetmodel.de/wp-content\themes\tnm\tnm/logo-200os.png"></div>
</p>
<table border="1" frame="hsides" width="90%" style="background-color: #41a52a" height="20px" align="center">
<tr>
<td></td>
</tr>
</table>
<div role="main" class="ui-content"><img class="mobile" src="../mobile_Titelbild.jpg"></div>
<table width="90%" align="center" style="background-color: #41a52a">
<tr>
<td align="center" colspan="3" style="text-shadow: none" height="30px">
<b><a style="color: black" href="mobile_suche.php">Model Suchen</a></b>
</td>
</tr>
<tr>
<td align="center" colspan="3" style="text-shadow: none" height="30px">
<b><a style="color: black" href="mobile_ModelBuchen.php">Model Buchen</a></b>
</td>
</tr>
<tr>
<td align="center" colspan="3" style="text-shadow: none" height="30px">
<b><a style="color: black" href="mobile_suche.php">Als Model Eintragen</a></b>
</td>
</tr>
<tr>
<td align="center" colspan="3" style="text-shadow: none" height="30px">
<b><a style="color: black" href="mobile_ModelCastings.php">Model-Castings</a></b>
</td>
</tr>
<tr>
<td align="center" colspan="3" style="text-shadow: none" height="30px">
<b><a style="color: black" href="mobile_suche.php">Wir über uns</a></b>
</td>
</tr>
<tr>
<td align="left" width="33%" style="text-shadow: none" style="padding-left: 15px" height="30px">
<b><a style="color: black" href="mobile_suche.php">Job's</a></b>
</td>
<td align="center" width="34%" style="text-shadow: none" height="30px">
<b><a style="color: black" href="mobile_suche.php">Impressum</a></b>
</td>
<td align="right" width="33%" style="text-shadow: none" style="padding-right:35px" height="30px">
<b><a style="color: black" href="http://www.topnetmodel.de/?page_id=17">Kontakt</a></b>
</td>
</tr>
</table>
<!-- /navbar -->
</div>
<!-- /footer -->
</body>
</html>
Vielen Dank im Voraus