Beiträge von sejuma

sejuma

Mitdieser Fehlerbereinigung würd ich mal anfangen.

Sachen wie

Code

<div style="text-align: center">


</div>
<div style="text-align: center">


</div>

oder

Code

<tr> 
                      <td align="center" valign="top"> 
                                                <div align="center"></div>
                        <div align="center"></div></td>
                    </tr>
                    <tr> 
                      <td></td>
                    </tr>
                    <tr> 
                      <td></td>
                    </tr>
                    <tr> 
                      <td></td>
                    </tr>

Alles anzeigen

machen keinen Sinn. Das kannst du getrost löschen.

Code

sollte man ebenfalls nicht verwenden, sondern mit margin- oder padding-Werten arbeiten.

Dein Problem wird sein, dass
a) du nur wenig Ahnung hast
b) der Code vermutlich sogar über das CMS produziert wird und du vermutlich ohnehin keinen großen Einfluss darauf hast
c) du für diese "Großbaustelle" einen Experten bräuchtest, der alles neu codet. Wie soll dann aber die künftige Pflege aussehen?

sejuma

Du kannst natürlich auch absolut positionieren. Das geht dann aber immer von der linken oberen Ecke des Fensters aus.
Relativ wäre zum nächst höheren Element.

sejuma

Mach entweder Tabellen oder div's, besser div's.
Verzichte dabei auf absolute Positionierungen, sofern diese nicht ganz gezielt eingesetzt werden. Verwende besser float und margin.
Verwende einen Doctype.

Nach diesem Prinzip sollte es gehen:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">


	<html>




	<head>


	<title>
	Test
	</title>


	</head>




	


	
<body style="margin:0px; padding:0px;"> 
<div id="outer" style="width:400px; height : 380px; border: 1px solid black; margin : 0px auto;"> 
OuterDiv 


    <div id="box1" style="float:left; width:100px; border:3px solid #FF0000;">InnerDiv 1</div> 

    <div id="box2" style="float:left; width:288px; border:3px solid #0000FF;">InnerDiv 2</div> 


</div> 
</body> 


</html>

Alles anzeigen

sejuma

Jetzt nochmal zum Verständnis, vielleicht auch zur Lösung deines Problems:
Die Dateien, die includet werden, können eine beliebige Dateiendung haben.
Lediglich die Seiten, die den include-Befehl beinhalten müssen mit .php enden.
Es gibt auch Hoster, wo man einstellen kann, dass auch htm-Dateien geparst werden. Vielleicht hast du ja eine solche Möglichkeit in deinem Webpaket. In diesem Fall könntest du dir die Umbenennung sparen.

sejuma

Rufe dir im Explorer die index.htm auf.
Rechter Mausclick - Umbenennen
Ersetze htm durch php

Das war's.
Jetzt musst du noch beide Dateien (index.php und seite.htm) auf den Webspace hochladen.
Offline funktioniert das nicht, es sei denn du hast xampp installiert.
Voraussetzung dass es online funktioniert ist natürlich, dass dein Webpaket PHP-fähig ist.

Achtung: Ggf musst du Menues und Verlinkungen ändern, da die index.htm ja jetzt index.php heißt.

edit: sorry, zu spät, Prob bereits gelöst.

sejuma

Danke driver. Super Link mit hervorragender Anleitung.
Ist gebookmarkt!
Damit hätten wir ja einige bisherige Anfragen im Forum doch positiv beantworten können.

sejuma

Das wirst du lange suchen können. Dürfte es "fer umme" nicht geben.

sejuma

In den FAQ's findest du unter CSS einige Layoutbeispiele.

Zum Unterschied Frames/CSS siehe hier

PS: Den Beitrag von isaBERLIN interpretiere ich mal als rein ironisch

sejuma

Dann solltest du mit sogen. Hacks arbeiten, damit es auch im IE ordentlich aussieht.

Das geht anhand folgenden Beispiels so:

Innerhalb des head-Bereiches (z.B. vor </head>)
fügst du folgendes ein:

Code

<style type="text/css">
#clock
{
margin-top:-5px;
}
*html #clock
{margin-top:-2px;
}
</style>

Für jeden div nimmst du eine andere Bezeichnung (hier clock, für den Text z.B. #header)
Überall wo *html davor steht kommen die Angaben für den IE<7 rein, da nur der die lesen kann. In diesem Fall also regulär -5px und für den IE nur -2px
Im Html-Teil schreibst statt bisher
Bisheriger Code:

Code

<div style="margin-top:-5px;">
<embed src="http://www.clocklink.com/clocks/0001-blue.swf?TimeZone=CET&Place=&" width="80" height="80" wmode="transparent" type="application/x-shockwave-flash">
</div>

nun

Code

<div id="clock">
<embed src="http://www.clocklink.com/clocks/0001-blue.swf?TimeZone=CET&Place=&" width="80" height="80" wmode="transparent" type="application/x-shockwave-flash">
</div>

So verfährst du mit den beiden anderen divs auch, wobei du die jeweiligen Style-Angaben in den bereits vorhandenen style-Tag im headbereich packen kannst. <style-type... musst du also nicht jedesmal angeben.

Probier das mal aus und stelle ggf. nochmal einen Link mit dem aktuellen Code rein.

sejuma

jojo87:

Solch hohe Ehre wurde meines Wissens in diesem Forum noch niemand zu Teil:
Von Elvis ne 2 und ne 1 - das solltest du dir sofort ausdrucken, einrahmen und aufhängen!
Ist ungefähr so selten wie wenn Weihnachten und Ostern zusammenfällt!

sejuma

Hast du auch noch den Doctype reingemacht?
Damit sollte es im IE eigentlich keine Probleme geben (max. ca. 3px)
Ggf. mal auch die Gesamtbreite von 790px noch etwas anpassen.

sejuma

Geht mit CSS so:
http://de.selfhtml.org/css/eigenschaf….htm#cursor-url

Ich empfehle dir aber, das nicht zu machen. Ich empfinde es sehr störend und anmaßend, wenn jemand durch solche Sachen mein gewohntes Cursor-Bild verändert.

sejuma

Das ist ja keine Homepage im eigentlichen Sinn, sondern lediglich ein Hintergrundbild.

Deine Frage lässt sich mit folgendem Code beantworten (gibt auch noch andere Möglichkeiten):

Code

<div style="background-image: url(deinbild.jpg);">
Text auf dem Bild
</div>

"deinbild.jpg" musst du durch ein entsprechend Bild deiner Wahl (Dateibezeichnung) ersetzen.
Falls du von Homepagebasteln aber noch keinerlei Ahnung hast, solltest du dir am besten zunächst einige Hintergrundkenntnisse aneignen.

sejuma

So müsste es besser sein:

Zitat

<body>
<div style="width:790px; margin: 0 auto;">

<div style="float:left; margin-top: 5px;">

<object type="application/x-shockwave-flash" data="emff_standard.swf?src=http://home.arcor.de/3adminonline/N…p;autostart=yes" width="110" height="34">
<param name="movie" value="emff_standard.swf?src=http://home.arcor.de/3adminonline/N…p;autostart=yes">
<param name="quality" value="high">
<param name="bgcolor" value="#0092E7">
</object>
</div>

<div style="float:left;width:auto;text-align:center; padding-left:15px;">
<font color="#0000de" size="+2" >Grüß Gott, Servus, Hallo, Welcome, Bienvenue,</font>

<font size="+1" color="black">auf der Homepage von,</font>
<font color="red" size="+1">Max Mustermann</font>
</div>

<div style="margin-top:-5px;">
<embed src="http://www.clocklink.com/clocks/0001-bl…one=CET&Place=&" width="80" height="80" wmode="transparent" type="application/x-shockwave-flash">
</div>

<br style="clear:both;">
Restlicher Inhalt der HP
</div>
</body>

Alles anzeigen

An den rot markierten Werten kannst du ggf. noch etwas rumexperimentieren, indem du sie etwas größer oder kleiner wählst.

Falls bei dir noch kein Doctype vorhanden, solltest du noch das ganz an den Anfang des Quellcodes setzen (1. Zeile, vor <html>):

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">

sejuma

Probier's mal so:

Code

<body>
<div style="width:790px; margin: 0 auto;">




<div style="float:left;">


<object type="application/x-shockwave-flash" data="emff_standard.swf?src=http://home.arcor.de/3adminonline/No23_Record_01.08.2007_17.07.25_.mp3&amp;autostart=yes" width="110" height="34">
<param name="movie" value="emff_standard.swf?src=http://home.arcor.de/3adminonline/No23_Record_01.08.2007_17.07.25_.mp3&amp;autostart=yes">
<param name="quality" value="high">
<param name="bgcolor" value="#0092E7">
</object>
</div>


<div style="float:left;width:580px;text-align:center;">
<font color="#0000de" size="+2" >Gr&uuml;&szlig; Gott, Servus, Hallo, Welcome, Bienvenue,</font> 


<font size="+1" color="black">auf der Homepage von,</font>
<font color="red" size="+1">Max Mustermann</font>
</div>




<div style="float:right;">
<embed src="http://www.clocklink.com/clocks/0001-blue.swf?TimeZone=CET&Place=&"  width="80" height="80" wmode="transparent" type="application/x-shockwave-flash"></div>


</div>


</body>

Alles anzeigen

Das linke Element wird bei mir - aus welchen Gründen auch immer - nicht angezeigt.

sejuma

Es wäre sinnvoll, wenn du uns mal einen Link oder den gesamten Quelltext mitteilen könntest. Wie soll man das sonst beurteilen?

sejuma

Über Elvis' Link bin ich jetzt auch reingekommen.

Die Seite hat sich ja positiv verändert seit gestern. Schrift gefällt mir besser, Header ist in der Breite auch angepasst.

Im IE 6 "zuckt" das Bild ganz erheblich beim Scrollen. Hängt vermutlich damit zusammen, dass er position fixed nicht kann.

http://de.selfhtml.org/css/eigenschaf…ng.htm#position

Überleg dir deshalb mal, ob du das nicht doch raus nimmst. Du könntest ja nach jedem Text einen "Top-Link" setzen, so dass man wieder an den Seitenanfang und damit an die Navigation kommt

Wie wär's denn, wenn du dem Text noch ein

Code

text-align: justify;

verpasst, dann sieht er rechts nicht so ausgefranzelt aus.

edit:
letzteres ist erledigt.

Beim Link zur Startseite kommt wieder nichts ...
Link "Impressum" und einige andere funktionieren (noch???) nicht.

sejuma

Der IE zeigt die <alt> fälschlicherweise an. Die sollten nämlich nur dann erscheinen, wenn das Bild nicht sichtbar ist (z.B. bei falscher Verlinkung)
Der FF zeigt sie (richtig) an, wenn das Bild fehlt.

sejuma

So, ich hab dir mal was gebastelt und im IE6 wie FF getestet. Sollte also klappen (mit Doctype):

CSS (soweit für das zweite Problem erforderlich, bzw. was geändert wurde):

Code

a.menuepunkte
{
text-decoration: none;
color: white;
}


#Suche{


width: 600px;
background-color: black;
margin-left: 325px;
margin-right: 325px;
}


.suchdiv
{
width:200px;
margin:0 auto;
float:left;
text-align:center;
line-height:30px;
background-color: black;
height:70px;


}


.suche{
color: red;
}

Alles anzeigen

HTML

Code

<div id="Suche">
<div class="suchdiv">
   [url='neuer_film.php']Neuer Film[/url]
<hr>
 <span class="suche">Name des Film:</span>
</div>


<div class="suchdiv">
   [url='erweiterte_suche.php']Erweiterte Suche[/url]
<hr>
 <input style="width: 180px;" type="text" name="film_name"> 
</div>


<div class="suchdiv">
[url='erweiterte_suche.php']Erweiterte Suche[/url]
<hr>
<input type="submit" name="suche_film" value="Film suchen">
</div>
<br style="clear:both;">
</div>

Alles anzeigen

Die Bezeichnungen sind vielleicht jetzt nicht mehr so sinnvoll, aber kannst ja ändern.

sejuma

Wenn man nicht sehen kann, wie du das bisher gecodet hast, kann man leider auch keine Änderungs-Vorschläge unterbreiten.
Link oder Quelltext wären deshalb eine große Hilfe für uns (und damit vielleicht auch für dich)

Beiträge von sejuma

Template ändern HTML+CSS ????

CSS: Div Layout

CSS: Div Layout

Einfaches Problem: php-include

Einfaches Problem: php-include

runde ecken / skalierbarer Container

free domain

Homepage ohne Frames

Bräuchte Hilfe zur Ausrichtung einer "Flash-Uhr",

1. Page. auf sie mit Gebrüll

Bräuchte Hilfe zur Ausrichtung einer "Flash-Uhr",

Cursor

Wie mache ich Bilder als Background damit ich Texte Hinzuf..

Bräuchte Hilfe zur Ausrichtung einer "Flash-Uhr",

Bräuchte Hilfe zur Ausrichtung einer "Flash-Uhr",

Hintergrundbild einfügen per CSS, aber wo?

1. Page. auf sie mit Gebrüll

Title: title="... elend langer text ..."

Problem mit Linkumrandung

Problem mit Linkumrandung