zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Wie zeige ich den Inhalt am besten an

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.11.2007, 00:07
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2007
Beiträge: 381
ChOpSueY! befindet sich auf einem aufstrebenden Ast
Standard Wie zeige ich den Inhalt am besten an

Hallo, ich bin neu hier und hoffe man kann mir in Zukunft gute Ratschläge geben.
Ich mache mich derzeit mit der Matärie css vertraut, bin also ein Anfänger.
Ich komme aus den altmodischen html - Frontpage - Zeiten. Habe ne kleine Page gebastelt, wo ich dachte man das is ja gar net so schwer....

...bis ich mir die Page heute mal aufm IE5 angeschaut habe. Alles verdreht und vertauscht. Ich bin derzeit an folgender page:

Neophema Hein Korbach

Das is das Grundgerüst, mitlerweile habe ich es so hingefriemelt, das man es im IE so anschauen kann. Ich hab aber bemerkt, dass ich net einfach wie früher in mein Frontpage gehen kann, Tabelle einfügen, Text und Bild platzieren und gut is. Das zerstört scheinbar die Ansicht im IE.

Nun ja also hab ich mich über FAQ bisle reingelesen und verzweifel halb. Nun will ich auf meiner Seite die Sparte "Versand" mit informationen füllen. Früher hätte ich das einfach so gemacht:

Zitat:
<div align="left">
<table border="0" width="700">
<tr>
<td width="943" colspan="3"><font face="Arial" size="4"><b>Versand</b></font></td>
</tr>
<tr>
<td width="943" colspan="3"></td>
</tr>
<tr>
<td width="943" colspan="3"><font face="Arial" size="2">Ich verschicke
Vögel mit der Firma</font></td>
</tr>
<tr>
<td width="943" colspan="3"><font face="Arial" size="2"><img border="0" src="http://www.baulaser-hein.de/design/neophema/neu/img/vogtland.jpg" width="412" height="63"></font></td>
</tr>
<tr>
<td width="943" colspan="3"></td>
</tr>
<tr>
<td width="943" colspan="3"></td>
</tr>
<tr>
<td width="943" colspan="3"><font face="Arial" size="2">Die Mitarbeiter
von Vogtland Transporte sind speziell auf Tierversand geschult und haben
beim Vetrinäramt eine Prüfung abgelegt. Ich habe sehr gute Erfahrungen
mit Vogtland-Transporte gemacht. Jedes mal wurden die Tiere im
Fußbereich des Beifahrersitzes schonend transportiert. Auch im Winter
gibt es keine Probleme.Die Vögel werden zwischen 13:00 - 16:00
Uhr bei mir abgeholt, und sind am nächsten Tag in der Regel bis 12:00
Uhr am Zielort.</font></td>
</tr>
<tr>
<td width="943" colspan="3"></td>
</tr>
<tr>
<td width="943" colspan="3"><font face="Arial" size="2"><b><em>Preise
Vogeltransport pro Sendung:</b></font></td>
</tr>
<tr>
<td width="155"><font face="Arial" size="2">Deutschland Festland:</font></td>
<td width="782" colspan="2"><font face="Arial" size="2">41,00 €</font></td>
</tr>
<tr>
<td width="155"><font face="Arial" size="2">Deutschland Inseln:</font></td>
<td width="782" colspan="2"><font face="Arial" size="2">76,00 €</font></td>
</tr>
<tr>
<td width="155"><font face="Arial" size="2">Österreich:</font></td>
<td width="782" colspan="2"><font face="Arial" size="2">69,00 €</font></td>
</tr>
<tr>
<td width="155"><font face="Arial" size="2">Holland:</font></td>
<td width="782" colspan="2"><font face="Arial" size="2">69,00 €</font></td>
</tr>
<tr>
<td width="155"></td>
<td width="782" colspan="2"></td>
</tr>
<tr>
<td width="943" colspan="3"></td>
</tr>
<tr>
<td width="155"></td>
<td width="782" colspan="2"></td>
</tr>
<tr>
<td width="157"><img border="0" src="http://www.baulaser-hein.de/design/neophema/neu/img/versandkasten.jpg" width="333" height="250"></td>
<td width="2"></td>
<td width="600"><font face="Arial" size="2">Gekaufte Vögel werden in
neuen artgerechten Transportkisten verschickt. </font>
<p><font face="Arial" size="2"><b>Preise Transportkisten:</b></font></p>
<p><font face="Arial" size="2">Transportkiste klein, bis max. 4 Vögel:
10,00 € pro Stck.<br>
Transportkiste groß, bis max. 8 Vögel: 16,00 € pro Stck.</font></td>
</tr>
</table>
</div>
Zack alles drin. Das geht nun ja nicht. Wie kann ich am einfachsten eine solche Seite mit Text und Bildern füllen?? So das es in beiden Browsern gut dargestellt wird. Ich bitte jetzt nicht auf diese Tutorials zu verweisen, mit denen beschäftige ich mich jetzt schon 7 stunden und komme einfach nicht klar mit.

Über hilfe wäre ich sehr dankbar

Gruß Chop
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.11.2007, 11:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von ChOpSueY! Beitrag anzeigen
...bis ich mir die Page heute mal aufm IE5 angeschaut habe. Alles verdreht und vertauscht.
Muss die Seite zwangsläufig auf dem IE5 laufen? IE5 ist hofflungslos veraltet und es wäre (für einen Anfänger) einfacher upzudaten als um den Bugs herumzuarbeiten. Wenn du es trotzdem machen willst/musst wirst du nicht drumherum kommen sich in den "Boxmodel Bug" des IE5 einzulesen (Google) und ein eigenes Stylesheet für ihn zu erstellen, welches mit "Conditional Comments" (Google) eingebunden wird.

*Vorher* als erster Schritt musst du die HTML-Fehler beheben:
[Invalid] Markup Validation of http://www.baulaser-hein.de/design/neophema/neu/index.html - W3C Markup Validator


Zitat:
Das geht nun ja nicht. Wie kann ich am einfachsten eine solche Seite mit Text und Bildern füllen??
Du musst "einfach nur" die Tabelle und die <font>-Elemente weglassen und die "richtigen" HTML-Elemente benutzen. Beispiel:

Code:
<h2>Versand</h2>
<p>Ich verschicke
Vögel mit der Firma <img alt="Vogtland" src="http://www.baulaser-hein.de/design/neophema/neu/img/vogtland.jpg" width="412" height="63"></p>
<p>Die Mitarbeiter
von Vogtland Transporte sind speziell auf Tierversand geschult und haben
beim Vetrinäramt eine Prüfung abgelegt. Ich habe sehr gute Erfahrungen
mit Vogtland-Transporte gemacht. Jedes mal wurden die Tiere im
Fußbereich des Beifahrersitzes schonend transportiert. Auch im Winter
gibt es keine Probleme.Die Vögel werden zwischen 13:00 - 16:00
Uhr bei mir abgeholt, und sind am nächsten Tag in der Regel bis 12:00
Uhr am Zielort.</p>

<h3>Preise
Vogeltransport pro Sendung:</h3>
<table>
<tr>
<th>Deutschland Festland:</th>
<td colspan="2">41,00 €</td>
</tr>
<tr>
<th>Deutschland Inseln:</th>
<td>76,00 €</td>
</tr>
<tr>
<th>Österreich:</th>
<td>69,00 €</td>
</tr>
</table>

<img alt="Beispiel für ein Versandkasten" src="http://www.baulaser-hein.de/design/neophema/neu/img/versandkasten.jpg" width="333" height="250">

<p>Gekaufte Vögel werden in
neuen artgerechten Transportkisten verschickt. </p>

<h3>Preise Transportkisten:<h3>
<table>
</tr>
<th>Transportkiste klein, bis max. 4 Vögel:</th>
</td>10,00 € pro Stck.</td>
</tr>
<tr>
<th>Transportkiste groß, bis max. 8 Vögel:</th>
<td>16,00 € pro Stck.</td>
</tr>
</table>
Alles andere kommt in die Stylesheets.

Zitat:
Ich bitte jetzt nicht auf diese Tutorials zu verweisen, mit denen beschäftige ich mich jetzt schon 7 stunden und komme einfach nicht klar mit.
Dann wirst du Dir ein gutes Buch besorgen müssen. Schau mal im "Resourcen"-Forum oder es können sicher andere Benutzer Empfehlungen machen.

Robin
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.11.2007, 13:14
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2007
Beiträge: 381
ChOpSueY! befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Muss die Seite zwangsläufig auf dem IE5 laufen? IE5 ist hofflungslos veraltet und es wäre (für einen Anfänger) einfacher upzudaten als um den Bugs herumzuarbeiten. Wenn du es trotzdem machen willst/musst wirst du nicht drumherum kommen sich in den "Boxmodel Bug" des IE5 einzulesen (Google) und ein eigenes Stylesheet für ihn zu erstellen, welches mit "Conditional Comments" (Google) eingebunden wird.
Sorry ich meinte natürlich den IE6 und net 5.


Zitat:
*Vorher* als erster Schritt musst du die HTML-Fehler beheben:
Habe ich soweit für die Seite "Versand" gemacht, da sind jetzt noch 2-3 Problemchen:


[Invalid] Markup Validation of http://www.baulaser-hein.de/design/neophema/neu/versand.html - W3C Markup Validator

Warum mag er das onClick nicht? Ich möchte, wenn man auf den Vogel links klickt ein Popup mit dem Fotoalbum aufgeht.

Warum darf ich an der einen Stelle das table net benutzen?

Wenn ich bei Fehler drei das align wegmache, wird der Text nicht neben das Bild, sondern darunter gehämmert!

Warum wird der untere Text mit Bild jetzt als Link definiert?

Wie bekomme ich den "Link_Rahmen" um den VOgel links weg?

AUf dem Inet-Explorer ist das Head-Logo nicht richtig ausgerichtet. Wie kann man das fixen?

Viele Fragen ich weiss, hoffe auf Antworten
Mit Zitat antworten
  #4 (permalink)  
Alt 16.11.2007, 13:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von ChOpSueY! Beitrag anzeigen
Sorry ich meinte natürlich den IE6 und net 5.
Ich seh da nur ein Problem mit dem Footer. Der muss im IE "Layout bekommen". "Layout" ist ein skurriles und komplziertes IE-"Feature" um den du nicht herum kommen wirst. Lies Dir das hier mal genau durch:

Über hasLayout — das Konzept des hasLayout im IE/Win | Deutsche Übersetzung

Zitat:
Warum mag er das onClick nicht?
Das steht in der Fehlermeldung :
Zitat:
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case)
Zitat:
Ich möchte, wenn man auf den Vogel links klickt ein Popup mit dem Fotoalbum aufgeht.
Popup-Fenster sind recht unbeliebt. Mach da lieber einen normalen Link draus.

Zitat:
Warum darf ich an der einen Stelle das table net benutzen?
Du hast die vorherige Tabelle nicht geschlossen.

Zitat:
Wenn ich bei Fehler drei das align wegmache, wird der Text nicht neben das Bild, sondern darunter gehämmert!
Dafür gibt es in CSS float: float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Code:
Warum wird der untere Text mit Bild jetzt als Link definiert?
Du hast deinen Galerie-Link nicht richtig geschlossen.

Code:
Wie bekomme ich den "Link_Rahmen" um den VOgel links weg?
Im CSS:
Code:
a img {
   border: none;
}
Das entfernt den Border um alle Bilder in Links.

Code:
AUf dem Inet-Explorer ist das Head-Logo nicht richtig ausgerichtet. Wie kann man das fixen?
Ich sehe da keinen Unterschied zum Firefox.

Robin
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
  #5 (permalink)  
Alt 18.11.2007, 19:37
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2007
Beiträge: 381
ChOpSueY! befindet sich auf einem aufstrebenden Ast
Standard

so nu habe ich fast alle fehler raus, bis auf 2. vielleicht kann die sich mal wer anschaun.

ansonsten ist es nu so, dass im IE6 nen riesen leerraum im content zu finden ist. wo kommt der her? im FF isses richtig.

Neophema Hein Korbach
Mit Zitat antworten
  #6 (permalink)  
Alt 21.11.2007, 10:58
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2007
Beiträge: 381
ChOpSueY! befindet sich auf einem aufstrebenden Ast
Standard

Hallo, hat wirklich keiner ne ahnung wo dieser leerraum im IE6 herkommt?

Neophema Hein Korbach

ich hab da glaub ich mit den div was falsch gemacht. o_O
Mit Zitat antworten
  #7 (permalink)  
Alt 21.11.2007, 11:18
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Der Inhalt von #left ist zu breit, im IE wird #left aufgedrückt -> Float-Drop.
Mit Zitat antworten
  #8 (permalink)  
Alt 21.11.2007, 12:25
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2007
Beiträge: 381
ChOpSueY! befindet sich auf einem aufstrebenden Ast
Standard

ahhhh danke, dann muss ich das vögelchen mal abspecken lassen
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS-Layout der Browsergröße anpassen Jen CSS 3 14.11.2008 08:39
Problem mit position:relative; McCoRmIcK CSS 0 08.04.2007 16:23
dreispaltiges layout, footer soll immer mitwandern sirrpa CSS 14 24.11.2005 18:57
div box bekomme ich nett zentriert??? Hard@Bowl CSS 1 23.05.2005 11:22
height: 100% beim IE [M.o.C]Co CSS 3 12.05.2005 12:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:46 Uhr.