Problem mit einer Tabelle

Bjilton

Hallo zusammen!

Ich komm nicht mehr weiter und hab keine Ahnung, woran das liegt, vielleicht hat von euch jemand eine Idee...

Also folgendes, ich will, dass die Kontaktdaten neben dem Foto rechts neben dem Foto stehen. Ich habe die Zellen angelegt, damit alle Beschreibungen (Name, Strasse, Ort, ...) den gleichen Abstand zu den Informationen (Bjoern Meier, Schwachhauser Heerstr. ...) haben. Allerdings werden die Kontaktdaten immer dahin gesetzt, wo die Tabelle eignetlich schon zu Ende sein soll. Sieht jemand den Fehler?

P.s.: Ich bin blutiger Anfänger und sicher gibt's in meiner Datei noch mehr Fehler. Einfach drüber wegsehen...

Danke für Hilfe, Gruss, Björn

HTML

<html>


	<head>
		<title>Bjoern Meier Product Design</title>
		<link href="../css/bm.css" type="text/css" rel="stylesheet">
	</head>




<body style="margin:20px">




<table class="underline" width="100%"  cellpadding="0" cellspacing="0">




  
  <tr>
    <td width="500"   valign="top" align="left">
    [img]../images/blind.gif[/img]


    [url='secure.html']Bjoern Meier Product Design[/url]
    <span class="normal"> > About</span></td>
    <td width="170"   valign="top" align="right">
    [img]../images/blind.gif[/img]


    [url='mailto:mail@bjoernmeier.com'] mail[at]bjoernmeier.com[/url]</td>
    <td  align="right"   valign="top" >
    [img]../images/blind.gif[/img]


    <span class="normal">deutsch | [url='english.html']english[/url] | [url='../../index.html']Logout[/url]</span></td>
  </tr>

</table>






<table cellpadding="0" cellspacing="0" valign="top" width="500px">


<colgroup>
    <col width="150">
	<col width="125">
	<col width="75">	
	<col width="150">


</colgroup>	


	<tr align="left" valign="top">
		<td class="navigation" rowspan="3" valign="top" align="left">
		[img]../images/blind.gif[/img]


		[url='produkte.html']Produkte[/url]


		[url='produktskizzen.html']Produktskizzen[/url]


		[url='projekte.html']Projekte[/url]


		[url='http://www.bjoernmeier.com/secure/sketchbook']Sketchbook[/url]


		<span class="normal">About</span></td>



		<td class="zellentext" style="border-bottom:1px dotted #808080; border-left:1px dotted #808080;">
			[img]../images/blind.gif[/img]


			[img]../images/me.jpg[/img]


		</td>
		<td class="zellentext" style="border-bottom:1px dotted #808080;">
			[img]../images/blind.gif[/img]


			<span class="normal"> 
			Name:


			


			Strasse:


			PLZ/Ort:


			Land:


			Phone:


			email:


			</span>
		</td>	
		<td class="zellentext" style="border-right:1px dotted #808080; border-bottom:1px dotted #808080;">
			[img]../images/blind.gif[/img]


			<span class="normal"> 
			Bjoern Meier


			Dipl. Produkt Designer


			Schwachhauser Heerstr. 12


			28203 Bremen


			Deutschland


			+49 [0] 151 - 1555 0160


			[url='mailto:mail@bjoernmeier.com'] mail[at]bjoernmeier.com[/url]


			</span>
		</td >	
	</tr>
	<tr>
		<td class="zellentext"  style="border-right:1px dotted #808080; border-bottom:1px dotted #808080; border-left:1px dotted #808080;">
			[img]../images/blind.gif[/img]


			<span class="normal">

			 Ich bin 1979 in Bremerhaven geboren und habe 2000 an der Hochschule 
			 fuer Kuenste in Bremen mein Design-Studium begonnen, welches ich im Sommer 
			 2006 als Diplom Produkt-Designer abgeschlossen habe. Da der 
			 Studiengang auf Integration aller Designbereiche setzt (Mode, 
			 Grafik, Produkt), ist meine Ausbildung sehr breit gefaechert. 
			 Nachdem ich bis zum Vordiplom mit dem Schwerpunkt Grafik-Design 
			 auch in den Bereichen der Mode, Film/Animation und Austellungs-Gestaltung 
			 Erfahrungen gesammelt habe, wechselte ich in meinem Hauptstudium in 
			 den Schwerpunkt Produkt. 2005 ging 
			 ich durch eine Erasmus-Foerderung fuer ein halbes Jahr nach Nottingham, 
			 England, um an der Trent University Furniture and Product Design zu studieren. 
			 Neben der Aneignung wichtiger Erfahrungen und Fertigkeiten in neuem 
			 Umfeld konnte ich auf gestalterischer Ebene einen Wettbewerb des 
			 italienischen Badezimmer-Herstellers Jacuzzi fuer mich gewinnen. 
			 Seit ich wieder in Deutschland bin habe ich neben meinem Diplom 
			 unter anderem die internationale Design-Konferenz Profile Intermedia 8 
			 mitorganisiert, eine Lounge 
			 fuer die HfK Bremen entworfen und realisiert, an gleichem Ort ein 
			 Material-Archiv initiiert, sowie Porzellan-Lampen fuer Michael 
			 Theissen und ein Haustueren-Programm fuer die Firma Holzbau Klingenthal 
			 entworfen. Ich verfuege ueber gute Englisch-Kentnisse, Plattform-uebergreifend 
			 arbeite ich mit den Programmen Adobe Photshop, InDesign, Illustrator, 
			 GoLive, Cinema4D, VectorWorks, 3D Max, Rhino und SolidWorks.


			</span>
		</td>

	</tr>
	<tr>
		<td class="seitenanfang" style="border-right:1px dotted #808080; border-bottom:1px dotted #808080; border-left:1px dotted #808080;">
		[img]../images/blind.gif[/img]


		[url='#top'] Zurueck zum Seitenanfang [/url]
		<span class="normal"> | </span>[url='javascript:history.back()'] Zurueck zur Uebersicht[/url]
		</td>
	</tr>

</table>






</body>


</html>

Alles anzeigen

[/code]

Wohlgemuth

Ich weiß ja nicht viel, aber was ist denn das ?????

Ich würde deine kontaktdaten, für jeden eintrag eine extra Zelle nehmen,

Die tabelle für dein Bild, den Kontaktdaten und den großen text dadrunter könnte so aussehen.

<html>
<head>
<title>Bjoern Meier Product Design</title>
</head>
<body>
<table width="450" border="3">
<tr>
<td width="20%"></td>
<td width="30%">
Name:

Strasse:

PLZ/Ort:

Land:

Phone:

email:

</td>
<td width="50%">
Bjoern Meier

Dipl. Produkt Designer

Schwachhauser Heerstr. 12

28203 Bremen

Deutschland

+49 [0] 151 - 1555 0160

</td>
</tr>

<tr>
<td colspan="3">
Ich bin 1979 in Bremerhaven geboren und habe 2000 an der Hochschule
fuer Kuenste in Bremen mein Design-Studium begonnen, welches ich im Sommer
2006 als Diplom Produkt-Designer abgeschlossen habe. Da der
Studiengang auf Integration aller Designbereiche setzt (Mode,
Grafik, Produkt), ist meine Ausbildung sehr breit gefaechert.
Nachdem ich bis zum Vordiplom mit dem Schwerpunkt Grafik-Design
auch in den Bereichen der Mode, Film/Animation und Austellungs-Gestaltung
Erfahrungen gesammelt habe, wechselte ich in meinem Hauptstudium in
den Schwerpunkt Produkt. 2005 ging
ich durch eine Erasmus-Foerderung fuer ein halbes Jahr nach Nottingham,
England, um an der Trent University Furniture and Product Design zu studieren.
Neben der Aneignung wichtiger Erfahrungen und Fertigkeiten in neuem
Umfeld konnte ich auf gestalterischer Ebene einen Wettbewerb des
italienischen Badezimmer-Herstellers Jacuzzi fuer mich gewinnen.
Seit ich wieder in Deutschland bin habe ich neben meinem Diplom
unter anderem die internationale Design-Konferenz Profile Intermedia 8
mitorganisiert, eine Lounge
fuer die HfK Bremen entworfen und realisiert, an gleichem Ort ein
Material-Archiv initiiert, sowie Porzellan-Lampen fuer Michael
Theissen und ein Haustueren-Programm fuer die Firma Holzbau Klingenthal
entworfen. Ich verfuege ueber gute Englisch-Kentnisse, Plattform-uebergreifend
arbeite ich mit den Programmen Adobe Photshop, InDesign, Illustrator,
GoLive, Cinema4D, VectorWorks, 3D Max, Rhino und SolidWorks.
</td>
</tr>
</table>

</body>

</html>

driver

würd auch mit rowspan gehn...

Code

<tr>
<td rowspan=6>[img][/img]</td><td>Name:</td><td>Bjoern Meier
Dipl. Produkt Designer</td></tr>
<tr><td>Strasse:</td><td>Schwachhauser Heerstr. 12</td></tr>
<tr><td>PLZ/Ort:</td><td>28203 Bremen</td></tr>
<tr><td>Land:</td><td>Deutschland</td></tr>
<tr><td>Phone:</td><td> +49 [0] 151 - 1555 0160</td></tr>
<tr><td>email:</td><td></td></tr>
<tr> <td colspan="3">
Ich bin 1979 in Bremerhaven geboren und habe 2000 an der Hochschule
fuer Kuenste in Bremen mein Design-Studium begonnen, welches ich im Sommer
2006 als Diplom Produkt-Designer abgeschlossen habe. Da der
Studiengang auf Integration aller Designbereiche setzt (Mode,
Grafik, Produkt), ist meine Ausbildung sehr breit gefaechert.
Nachdem ich bis zum Vordiplom mit dem Schwerpunkt Grafik-Design
auch in den Bereichen der Mode, Film/Animation und Austellungs-Gestaltung
Erfahrungen gesammelt habe, wechselte ich in meinem Hauptstudium in
den Schwerpunkt Produkt. 2005 ging
ich durch eine Erasmus-Foerderung fuer ein halbes Jahr nach Nottingham,
England, um an der Trent University Furniture and Product Design zu studieren.
Neben der Aneignung wichtiger Erfahrungen und Fertigkeiten in neuem
Umfeld konnte ich auf gestalterischer Ebene einen Wettbewerb des
italienischen Badezimmer-Herstellers Jacuzzi fuer mich gewinnen.
Seit ich wieder in Deutschland bin habe ich neben meinem Diplom
unter anderem die internationale Design-Konferenz Profile Intermedia 8
mitorganisiert, eine Lounge
fuer die HfK Bremen entworfen und realisiert, an gleichem Ort ein
Material-Archiv initiiert, sowie Porzellan-Lampen fuer Michael
Theissen und ein Haustueren-Programm fuer die Firma Holzbau Klingenthal
entworfen. Ich verfuege ueber gute Englisch-Kentnisse, Plattform-uebergreifend
arbeite ich mit den Programmen Adobe Photshop, InDesign, Illustrator,
GoLive, Cinema4D, VectorWorks, 3D Max, Rhino und SolidWorks.
</td>
</tr>

Alles anzeigen

chuqa

Bjilton

das Problem an deinem Quelltext ist, dass du die Spaltenbreite vorgibst, allerdings fügst du bei deinem Text ein Bild ein, welches über die Spaltenbreite hinausgeht (500px). Damit überschreibst du praktisch die vorgegebene Spaltenbreite und es entsteht ein großer Abstand von deinem Bild zu den persönlichen Angaben. Lege eine neue Tabelle mit derselben Breite für den langen Text an, und pack den da rein. Außerdem solltest du deinen Link schließen

Code

<a href="mailto:>> Edit by Admin :Das Posten von Email-Adressen ist hier nicht gestattet <<

ansonsten haut dort nämlich gar nix mehr hin, auch der tipp mit der neuen Tabelle nicht

gruß chuqa

driver

ein bild von 500px is eh zu breit. verkleiner des lieber (etwa um die hälfte)
und lass die breitenangabe weg. für die 2te spalte (name...) kannst ja
dann ne breite in pixel angeben - schaut bei solchen tabellen besser aus.

Code

[url='mailto:email-[at]-adresse.de']email-[at]-adresse.de[/url]

da wird dann der standart-email-client aufgerufen (meistens vermutlich outlook oder mozilla).
wenn derjenige keinen dieser konfiguriert hat (ich z.b.) dann kann er dir so schlecht was schicken.

zur reinen info passt des so (würd ich auch drin lassen), aber damit die leute
zu dir kontakt aufnehmen, würd ich mal nach kontaktformularen schauen.
dort kannst meistens auch angeben was derjenige alles auzufüllen hat
(art des interesses, firma....)

aber des nurmal nebenbei..

Elvis

Oft hilft auch schon die Nutzung des Doctypes....

Tags