Eine simple Frage?

Alienx

Guten Tag,

ich habe eine ganz kleine, einfache Seite (es ist wohlgemerkt meine erste komplette selbst gecodete, wenn man das überhaupt schon so nennen kann) erstellt und diese dann in Form einer php Datei auf meine Zweit Server hochgeladen um alles zu testen.
Neben 4 einfachen Grafiklinks habe ich noch eine Textarea, die ich später noch mit anderem Text füllen werde.
Das sieht im Moment so aus:

HTML

<!DOCTYPE HTML PUBLIC "Startseite"
       "http://www...">
<html>
<head>
<title>Startseite</title>
</head>
<body>


<h1>Startseite</h1>


<form action="input_text_value.htm">



Über diese Seite:


    <textarea name="Über diese Seite" cols="50" rows="10" readonly>Hier kann ein beliebiger Text eingefügt werden. </textarea>
  </p>
</form>


</body>
</html>

Alles anzeigen

Für die Bilder habe ich einfache html codes verwendet, so wie sie üblich sind:

Code

[url='http://www.xyz.de/bild.gif'][img]http://www.xyz.de/bild.gif[/img][/url]






[url='http://www.xyz.de/bild2.gif'][img]http://www.xyz.de/bild2.gif[/img][/url]






usw.

Alles anzeigen

Wie kann ich nun das Textfeld nach rechts setzen, also so, das die Bilder genau links davon stehen?

Ich wäre für jede Hilfe dankabr, da ich soetwas noch nicht sehr oft gemacht habe.

MfG Alienx

jojo87

css:

Code

form {
float: right;
}

Alienx

Vielen Dank für deine schnelle Antwort!
Eines noch: Ich habe es zwar probiert, aber nie das gewünschte Ergebnis erzielt. Wo genau soll ich den Code einfügen?

Danke im Voraus.

MfG Alienx

Greg10

http://de.selfhtml.org/css/formate/einbinden.htm

@Mods: könnt ma des in die FAQs aufnehmen?

Alienx

Vielen Dank! Wieder habe ich etwas dazu gelernt!

Gibt es irgendwo auch eine Anleitung dafür, wie ich definieren kann, wie weit rechts bzw. links ein Element (Bild, Text Bereich usw.) stehen soll?
Hierzu konnte ich auch unter selfhtml.de
http://de.selfhtml.org/css/eigenschaften/positionierung.htm
nichts finden.

Mfg Alienx

sejuma

Dazu nimmst du am besten einen margin-Wert

Alienx

Vielen Dank!

MfG Alienx

Alienx

So, da hätte ich jetzt doch noch eine Frage:

Und zwar habe ich ein paar Buttons in meiner Navigationsleiste, welche allesamt Grafiklinks sind und für die ich eine mouse-on-hover Effekt hätte. Soweit sogut.

Dazu benutzer ich dann folgenden Code:

HTML

<html>
<head>
<title>Hyperlinks als Block-Elemente</title>
<style type="text/css">
a.link {
display:block;
width:300px;
height:80px;
border:1px solid #007D00;
background-image:url(http://www.blabla.de/blank.gif);
}


a.link:hover {
background-image:url(http://www.blabla.de/blank2.gif);
}


</style>
</head>
<body>


[url='http://www.blaabla.de'] [/url]


</body>
</html>

Alles anzeigen

Das funktioniert auch einwandfrei. Möchte ich aber einem weitern, genau darunter stehenden Grafiklink diesen Effekt verleihen, indem ich diesen Code benutze

HTML

<html>
<head>
<title>Hyperlinks als Block-Elemente</title>
<style type="text/css">
a.link {
display:block;
width:300px;
height:80px;
border:1px solid #007D00;
background-image:url(http://www.blabla.de/blank.gif);
}


a.link:hover {
background-image:url(http://www.blabla.de/blank2.gif);
}


</style>
</head>
<body>


[url='http://www.blabla.de'] [/url]


</body>
</html>




</br>


<html>
<head>
<title>Hyperlinks als Block-Elemente</title>
<style type="text/css">
a.link {
display:block;
width:300px;
height:80px;
border:1px solid #007D00;
background-image:url(http://www.blabla.de/wow.gif);
}


a.link:hover {
background-image:url(http://www.blabla.de/wow2.gif);
}


</style>
</head>
<body>


[url='http://www.blabla.de'] [/url]


</body>
</html>


usw.

Alles anzeigen

wird 2 mal nur das gleiche Bild angezeigt, und nicht so wie es sein sollte, erst Bild1, dann Bild2 etc.

Kann mir eventuell jemand sagen, was ich falsch gemacht habe?

MfG Alienx

Ole

Probiers mal mit verschiedenen Titeln, also
beim 1. z.B.

Code

<title>Hyperlinks als Block-Elemente 1</title>

und beim 2.

Code

<title>Hyperlinks als Block-Elemente 2</title>

Alienx

Hmm, habe ich schon vorhin mehrmals probiert. Trotzdem wurde nicht das gewünschte Ergebnis erzielt.

Hast du eventuell noch eine andere Idee? Habe mindestens schon über eine 3/4 h nach der Lösung gesucht (selfhtml, google usw.), aber nichts gefunden.

MfG Alienx

Dikra

Ich hab das ähnlich gemacht und mittels einer CSS-Datei gelöst. Hoffe das hilft dir weiter:

Code

A:link, A:hover, A:visited, A:active {
text-decoration: none;
color: black;
display: block;
background-repeat: no-repeat;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
margin-left: 0px;
font-weight: bold;
padding-left: 20px;
padding-top: 4pt;
padding-bottom: 4pt;
border: 0;
}
A.linkob {
background-image: url(images/bob.gif);
}
A.linkun {
background-image: url(images/bun.gif);
}
A.linkmi {
background-image: url(images/bmi.gif);
}
A.linkeb {
background-image: url(images/beb.gif);
}
A.linkmi2 {
background-image: url(images/bmi2a.gif);
}
A.linkeb2 {
background-image: url(images/beb2a.gif);
}
A:hover.linkob {
background-image: url(images/rob.gif);
}
A:hover.linkun {
background-image: url(images/run.gif);
}
A:hover.linkmi {
background-image: url(images/rmi.gif);
}
A:hover.linkeb {
background-image: url(images/reb.gif);
}
A:hover.linkmi2 {
background-image: url(images/rmi2a.gif);
}
A:hover.linkeb2 {
background-image: url(images/reb2a.gif);
}
img {
border: 0;
}

Alles anzeigen

und hier die html-Seite:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>DRK Ortsverein Wietze</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type"text/css" href="navi.css">
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<base target="inhalt">
</HEAD>
<BODY>


<div>


[img]images/drk_logo_kompakt.gif[/img]


[url='startseite.htm']Startseite[/url]


[url='ortsverein.htm']Unser Ortsverein[/url]


[url='kleiderstube.htm']Kleiderstube[/url]


[url='senioren.htm']Seniorenkreise[/url]


[url='geburtstag.htm']Geburtstagskaffee[/url]


[url='sozialdienst.htm']Sozialdienstgruppe[/url]


[url='aktiv.htm']Aktivitäten[/url]


[url='blutspende.htm']Blutspende[/url]


[url='danke.htm']Danke !!![/url]


[url='impressum.htm']Kontakt/Impressum[/url]


[url='http://www.kv-celle.drk.de']Kreisverband Celle[/url]


[url='http://www.drk.de']DRK bundesweit[/url]




</div>






<diV align="center">
[img]images/Wappen_Wietze.jpg[/img]


</div>
</BODY>
</HTML>

Alles anzeigen

Alienx

Halo, vielen Dank für eure Hilfe!

Habe nun doch selbst eine Lösung gefunden, indem ich mit folgenden html codes

Code

[url='http://www.avpfight.space2rent.de/hp'][img]http://www.avpfight.space2rent.de/hp/grafiken/1.2.jpg[/img][/url]




</br>


[url='http://www.avpfight.space2rent.de/hp'][img]http://www.avpfight.space2rent.de/hp/grafiken/2.2.jpg[/img][/url]


usw.

Alles anzeigen

die links in der navbox so angepasst habe, wie ich es möchte.

An alle, die eventuell mal ein ähnliches Problem haben sollten:

Wichtig ist, dass bei jedem neuen Grafiklink innerhalb einer Datei der "Name" (name="test2") geändert wird, da sonst unter Umständen immer das gleiche Bild angezeigt wird.

Falls ich mal wieder ein Problem haben sollte, melde ich mich wieder. thx

NACHTRAG: Hier, ist ein Beispiel, wo die Links so dargestellt werden, wie ich es haben wollte: http://www.avpfight.space2rent.de/hp/hover.php

MfG Alienx

Alienx

So, habe wieder ein Problem.

Und zwar möchte ich gerne eine Textdatei (.txt) in ein Textfeld einbinden.
Also so, dass der gesamte Inhalt dieser Datei dann in der textarea erscheint.
Wie kann ich das machen?

MfG Alienx

Ole

Code

<textarea name="NAME DER TEXTBOX"
 id="1" ="" rows="5" cols="50">HIER STEHT DEIN TEXT</textarea></p>

Alienx

Hmm...Soweit war ich auch schon. Aber ich möchte ja eine ganz eigene Textdatei (welche ja z.B. sogar auf einem anderen Server liegen könnte) einbinden. Also, so dass deren Inhalt eben in der textarea angezeigt wird.

Geht das?

Mfg Alienx

Alienx

Nunja, hätte sich dann erledigt.

Heute habe ich mic hdaran gemacht ein Gästebuch einzubauen und mich dazu ein bisschen im Web umgesehen. Dabei bin ich auf eine Anleitung gestoßen, wie ich soetwas realisieren könnte.

Und zwar habe ich eine Datei mit folgendem Inhalt (html) angelegt:

HTML

<html> 


<head> 
<title>Gästebuch</title> 
</head> 


<body> 


<BODY BACKGROUND="./grafiken/background.jpg">


<hr> 




Wir würden uns freuen, wenn du eine Gästebucheintrag hinterlassen würdest.</p> 
<form method="POST" action="--WEBBOT-SELF--"> 

  <h2>[b]Neuen Eintrag verfassen:[/b]</h2> 



<textarea name="Kommentar" rows="9" cols="50"></textarea></p> 



<input type="submit" value="Eintrag speichern"> 
  <input type="reset" value="zurücksetzen">
 

 
   </form> 
<hr> 
<h5>Gästebuch von Alienx 
</h5> 


</body> 


</html>

Alles anzeigen

Soweit so gut, bis dahin ist mir alles klar. Es hieß dann, dass die Einträge in einer anderen .htm Datei abgespeichert werden und man eintragen müsste, wie die Datei heißt etc. damit darauf zugegriffen weren kann. Kein Problem bis jetzt.
Habe dazu einfach eine leere htm Datei (guestlogs.htm) erstellt und auf meinen Server geladen und oben alles entsprechend eingetragen.
Wenn ich jetzt aber versuche einen Eintrag zu schreiben und diesen abschicken möchte, bekomme ich ständig die Meldung ,dass die Seite nicht gefunden werden kann bzw. der Link, dem ich gefolgt bin ungültig wäre.

Eventuell kann mir jemand helfen, denn ich komme einfach nicht weiter. Wäre sehr freundlich.

MfG Alienx

Eine simple Frage?

Tags

Benutzer online in diesem Thema