• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit Bildern in Tabelle

L

Ladiesman217

Neues Mitglied
Hallo zusammen,

ich könnte mal wieder etwas Hilfe gebrauchen.
Und zwar habe ich eine Tabelle erstellt für eine Art Vorstellung der Mitarbeiter, in der ersten Spalte ein Bild, in der zweiten die Jahresangaben und in der dritten die Positionen.
Hat auch trotz meines geringen HTML-Wissens und -Verstands recht gut funktioniert. Nur habe ich jetzt das Problem, dass die erste Zeile der 2. und 3. Spalte mit dem unteren Bildrand der ersten Spalte beginnt.
Sehen könnt Ihr dies hier: YellowSky
Sieht natürlich richtig blöd aus die Freiräume.
Ich habe schon alles durchgeschaut, aber hier fehlt mir wohl das Wissen und das Auge, um dies allein beheben zu können.

Daher würde ich hier um Eure Hilfe bitten, wie ich die Texte in Spalte 2 und 3 oben beginnen lassen kann.

Vielen vielen Dank schonmal

Hier nochmal die style.css (Vielleicht liegt ja auch da der Fehler...)

Code: 
@charset "utf-8";
/* CSS Document */
/* [URL="http://meyerweb.com/eric/tools/css/reset/"]CSS Tools: Reset CSS[/URL] 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
 background-color: #f0f0f0;
 width: 800px;
 height: auto;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
 vertical-align:text-top;
}
a {
 text-decoration:none;
 color:black;
}
a.hover {
 text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
 font-family:Verdana, sans-serif;
 font-weight:normal;
 line-height:100%;
 margin-top:0; 
}
h1 {
 font-size: 20px;
 color: #000;
}
h2 {
 font-size: 16px;
 color: #000;
}
h5 {
 font-size: 16px;
 color: #FFF;
}
h3 {
 font-size: 12px;
 color: #000;
}
/*Zusatz BK*/
html
{ height: 100%;}
#main, #logo, #header, #menubar, #site_content, #footer, #galarie, #bor, #site_content_galerie
{ margin-left: auto; 
  margin-right: auto;}
#header
{ background: #CCC;
  width: 1200px;
  height:100%;
  }
 
 
/*Main CSS*/

html {
 background-color: #ffffff
}
#container {
 width: 1200px;
 border-width: 1px;
 border-style: solid;
 border-color: black;
 padding: 2,5em;
 margin: 2em auto;
}
#main {
 position: relative;
 height: auto;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
#main #content {
 background-color: #e3007a;
 font-size: 18px;
 margin-top: 0px;
 margin-left: 100px;
 margin-bottom: 0px;
 height: auto;
 margin-right: 100px;
}
#main p {
 font-size: 12px;
 line-height: 22px;
}
.abstand {
 margin-left: 2em;
 margin-top: 0px;
 font-family: Verdana, sans-serif;
 text-align: left;
 font-size: 16px;
 line-height: 20px;
}
.abstand2 {
 margin-left: 2em;
 margin-top: 0px;
 font-family: Verdana, sans-serif;
 text-align: left;
 font-size: 12px;
 line-height: 22px;
}
.text {
 margin-top: 10px;
 margin-bottom: 10px;
}
.text-bottom {
 margin-top: 10px;
 margin-bottom: 0px;
}
#space-oben {
 height: 50px;
}
#balken {
 background-color: #fecc00;
 font-family:Verdana, Geneva, sans-serif;
 font-size: 24px;
 font-weight:bold;
 height:35px;
 line-height:1;
 margin-left:0px;
 margin-right:0px;
 vertical-align:middle;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}
#space-mitte {
 height: 50px;
}
#content1 {
 color: #000;
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
 line-height:26px;
 font-weight:bold;
 height:174;
 margin-left:30px;
 margin-right:30px;
}
#content123 {
 color: #000;
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
 line-height:26px;
 /*font-weight:bold;*/
 height:174;
 margin-left:30px;
 margin-right:30px;
}

#content11 {
 color: #000;
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
 line-height:26px;
 font-weight:bold;
 height:auto;
 margin-left:30px;
 margin-right:30px;
}

#content2 {
 color:#000;
 font-family:Verdana, Geneva, sans-serif;
 font-size:14px;
 font-weight:normal;
 height:auto;
 margin-left:30px;
 margin-right:30px;
 line-height: 22px;
}
#space-unten {
 height: 20px;
}
.balken {
 margin-left: 28px;
 vertical-align:middle;
 line-height:35px;
}
.tabellenabstand {
 padding-left: 10px;
}
.abstand2 {
 margin-left: 2em;
 margin-top: 0px;
 font-family: Verdana, sans-serif;
 text-align: left;
 font-size: 14px;
 line-height: 22px;
}
.balkenlinks {
 /*padding-top: 45px;
 padding-left: 10px;
 color: #000;
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
 line-height:26px;
 font-weight:bold;
 height:174;
 margin-left:30px;
 margin-right:30px;*/
 font-family:Verdana, Geneva, sans-serif;
 /*margin-top: 50px;*/
 /*padding-top: 35px;*/
 font-size: 16px;
 padding-left: 10px;
 top:50%;
 vertical-align:bottom;
}
 
Oh, so winfach war das, vielen Dank!

Jetzt habe ich aber in der selben Tabelle das nächste Problem.
Ich nutze dort das colspan="3", um an mehreren Stellen für Überschriften Zellen zusammenzufügen. Das funktioniert auch soweit im IE, nur leider, wie ich sehe, nicht im Firefox und Chrome.
Hat evtl. noch jemand eine Idee, woran das liegen könnte? Dachte das colspan würde für alle Browser gehen.
Habe auf einer anderen Seite bei der Recherche einen Hinweis gesehen, dass man das <tr> auf display: table-row setzen muss, brachte aber leider keine Besserung.
 
Bei mir sieht die Seite in FF und IE gleich aus. Grundsätzlich haben ältere IEs ein Problem mit Colspans, wenn diese in der ersten Zeile auftreten. Das ließ sich lösen über eine Colgroup, in der alle Spalten einmal definiert werden, bevor die wieder zusammengeführt werden:
SELFHTML: HTML/XHTML / Tabellen / Aufbau einer Tabelle
Nur, falls nach dem Aufräumen des Codes dann immernoch Probleme auftreten ...
 
Hallo zusammen :)
Ich habe auf meiner Seite eine Tabelle: links steht text und rechts ist ein Bild. Da es aber nicht alles mittig ist wollte ich jetzt <div align=center> einfügen. Ich bin mir aber nicht sicher wo.Hier meine html datei:

<html>
<head>
<title></title>
<meta name="author" content="name">
</head>




<body text="#9F00CC" bgcolor="FF99CC" link="#9F00CC" alink="#9F00CC" vlink="#9F00CC">


<h3>Übersicht</h3>


<table>
<tr>
<td>
<u>Hier seht ihr die Standorte der Brücken:</u><br>
1=Brooklyn Bridge<br>
2=Manhattan Bridge <br>
3=Verranzano Narrows Bridge <br>
4=Williamsburg Bridge<br>
5=Queensboro Bridge<br>
6=Triborough Bridge<br>
7=Throgs Neck Bridge<br>
8=Bronx Whitestone Bridge<br>
9=George Washington Bridge <br>
10=Washington Bridge <br>
11=Willis Avenue Bridge <br>
</td>
<td><pre> </pre></td>
<td>
<img src="bild" width="327" height="247"> <br>
</td>
</tr>
</table>
</div>


</body>
</html>


wäre nett wenn mal jemand drüber gucken könnte und mir helfen könnte :) Danke im Voraus
 
Willkommen im Forum!
Kurz ein paar Anmerkungen:
a) für eigene Fragen solltest du einen eigene Thread starten.
b) <div align=center> ist wirkungslos, da "align" in divs keine Aswirkung haben.
c) Seitenstrukturierungen macht man nicht (mehr) mit Tabellen. Tabellen sind für Daten da, die einer tabellarischen Sortierung bedürfen.
d) dein Code wirkt auch sonst etwas wie aus dem letzten Jahrhundert ... hast du tatsächlich eine Bild-Datei die bild heißt?
e) dir fehlt der Doctype
f) Das wonach du suchst, ist das <center>, das ist auch böse und schwer veraltet, passt aber sonst ganz gut zum Rest des Codes. Das müsstest du hinter deinem <body ...> einfügen und vor dem </body> wieder schließen (</center>).
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben