Möchte meine HTMLs verbessern

Simon1983

Ich habe in einem größeren Forum 2 HTML Dateien in meiner Signatur, möchste diese aber mal überarbeiten. Das Problem ist nur, ich habe dazu von HTML, CSS und Co. nicht genug Ahnung. Immerhin gibt der W3C Validator keine Fehler aus :lol: .

Random Quote

und

Six Feet Under Countdown

Vielleicht kann mir ja einer nette Tipps geben wie ich das Quelltextmäßig und optisch aufarbeiten kann.

_hb_

na dann fang doch mit der Random Quote an.

Verpass der Seite einen besseren Titel als unbenanntes Dokument

schau dir mal selfhtml an.. http://de.selfhtml.org/

die Zitate würden wohl weiter unten auf der Seite besser aussehen
farbiger Hintergrund / Hintergrundbild
Schriftarten ...
bau einen link ein .. "nächstes Zitat"

...
...

dann kannst ja mal mit css experimentieren

EDIT: benutze kein Frontpage oder ähnliches. Wenn du was lernen willst fang mit einem Texteditor an, schau dir NVU an http://www.mozilla.nightrat.net/nvu/ .. oder phase5 http://www.ftp-uploader.de/ftp-download.php4

*suerte*

Simon1983

Die HTML Dateien werden als iFrame in Bannergröße dargestellt, wär also scheiße wenn ich den Text nach unten verfrachten würde so das man im Frame scrollen müßte. Das mim Titel ist eigentlich egal, da man dem im iFrame nur sieht wenn man den Quelltext abruft^^. Sollte es auch nicht übertreiben da es eine maximalgröße von 60KB für die Signatur gibt, da ich in diesem Forum Supermoderator bin möchte ich das in Folge der Vorbildfunktion auch einhalten^^. Das mit der Schriftart klingt nicht schlecht, was könnte man da verwenden?

Hier ein kleiner Blick in meine Signatur

edit: Wie wärs mit Notepad oder Phase5 als HTML Editor? Die benutze ich nämlich. Nicht son WYSIWYG Zeugs, da hab ich zu wenig Kontrolle meiner Meinung nach.

bejot

moin,
setze in den head tag doch einmal folgendes ein.

Code

<style type="text/css">
body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF1493;
	background-color: #483D8B;
}
</style>

dann kannst du mit den farben und der schriftgröße rumspielen

_hb_

oops .. wenn ich auf deine links klicke .. dann ist da erst mal nichts mit frames . Aber auch da gibt es Lösungen.

naja : wenn du als Titel zB. "Zitate" verwendest ... dann nimmt das auch kaum Platz weg ...

Simon1983

So, Titel hab ich geändert, sinmer jetzt befriedigt? :lol:

Hintergrundfarbe und Textfarbe bleiben so, das passt sich dann der Signatur an, man muß ja net unbedingt sehen das ein iFrame am Werk ist :lol: .

_hb_

Zitat von Simon1983

So, Titel hab ich geändert, sinmer jetzt befriedigt? :lol:

hmmm .. wie wärs mit nem Link zu mehr Infos über "six feet under" . .also wenn man aufs Bild klicken könnte ... hmmm ...

:mrgreen:

ZUSATZ : könntest auch mal über die Verwendung von alt="six feet under" oder so ähnlich nachdenken

Simon1983

Ist es denn überhaupt möglich einem Hintergrundbild einer Tabellenzelle nen Link zu verpassen? Wenn ja, ich wüßte nen hübschen Link :lol: . Den Alt Tag lass ich damit das nicht mim Javascript kollidiert.

Simon1983

Kleiner Zusatz: Ist es bei der Random Quote HTML möglich den <center> und <strong> Tag über CSS im body zu regeln? Das würde doch ein wenig Platz in der HTML sparen und dem Browser zudem ein wenig Arbeit ersparen.

_hb_

text-align ?
font-weight ?

Hab mich selbst noch zu wenig mit css beschäftigt ... wird so langsam mal Zeit :mrgreen:

Simon1983

Ok, das mit dem CSS in der Random Quote HTML hab ich hinbekommen, ist dadurch nen gutes Stück kleiner geworden.

Trotzdem würde ich gerne wissen ob ein Hintergrundbild einer Tabellenzelle verlinkbar ist.

bejot

moin,
mit ein wenig bastelei
füge CSS in den head-tag

Code

<style type="text/css">
table{
width: 100%;
background-color:black
}  
#bild a {
display: block;
background-image: url(http://simon.pro-games.net/Files/sfu.jpg);
background-repeat: no-repeat;
width: 486px;
height: 86px;
}
  </style>

Alles anzeigen

und ändere das im body

Code

<body>
<table>
      <tr>
      <td>&nbsp;</td>
      <td id="bild" style="width:486px; height:80px">   
   <a href="http://simon.pro-games.net/Files/sfu.jpg" title="Simon">
 <br>

anschließend kommt das javascript

Simon1983

Das klappt ja prima. Ich hab das allerdings für eine andere HTML genommen da Six Feet Under fürs erste vorbei ist, keine neuen Folgen auf Vox.

Habe das in diese HTML eingebaut. Hab ich alles richtig gemacht oder kollidiert da vielleicht irgendwas? Möchte keine unnötigen Tags :oops: .

edit: Ich weiß nicht wie, aber das ganze ist jetzt einen Tick zu groß geworden und produziert im iFrame meiner Signatur im anderen Forum einen Scrollbalken den ich vorher nicht hatte. Was ist die Ursache?

Hier der Link zum Profil

Wenn ich die heigt auf 78px reduziere ist der Scrollbalken weg, wo kommen die 2 überflüssigen px her?

bejot

vielleicht hier die höhe anpassen? frame ist größer als die tabelle

Code

<iframe src="http://simon.pro-games.net/Files/Countdown24.htm" width="100%" height="96" style="border:0" name="iframe">

oder das versuchen

Code

html,body {
      overflow: auto;
      margin: 0px;
      padding: 0px;
   }

das weg

Code

<!--
 a:link { text-decoration:none; font-weight:bold;}
 a:visited { text-decoration:none; font-weight:bold;}
 a:hover { text-decoration:none; font-weight:bold;}
 a:active { text-decoration:none; font-weight:bold;}
-->

und dafür hier font-weight rein

Code

#bild a {
display: block;
background-image: url(http://simon.pro-games.net/Files/241.jpg);
background-repeat: no-repeat;
width: 486px;
height: 78px;
font-weight:bold;
}

nun bin ich mit meiner weisheit am ende :cry:

Simon1983

Wunderbar, jetzt funktioniert das auf 80px. Da sag ich mal richtig lieb danke. Nebenbei hab ich dabei noch ein wenig CSS gelernt.

edit: Ne kleine Frage hab ich noch, wie krieg ich vertical-align:middle; eingebaut? Das krieg ich irgendwie einfach net hin, der Text wird nicht mittig ausgerichtet obwohl ich das lieber hätte als die derzeitige Methode mit <br>.