Nö, wieso, pack einfach alle in DIVs.
Spans sind eher für Text-Bausteine geeignet, als für Layout-Elemente.
Versuch mal dieses Bsp. hier...
PS, achte auf den Titel
Nö, wieso, pack einfach alle in DIVs.
Spans sind eher für Text-Bausteine geeignet, als für Layout-Elemente.
Versuch mal dieses Bsp. hier...
PS, achte auf den Titel
Is von seiner Webseite, nicht von mir...
Zur Info, relative Schriftgröße => em
Hier nachschlagen
Ich tu mich jetzt hier mal einmischen...
Also, als erstes solltes du einmal feststellen um auf deiner HP überhaupt PHP läuft...
Erstelle eine einfache Textdatei und benenne sie um: Textdokument => phpinfo.php
Als Inhalt schreib hinein:
Kommt dann eine Menge Informatin raus, dann hast du PHP, weenn nicht... solltest du dir folgendes aunschauen:
mit Javascript: hier
mit Google:
mit OneTwoMax Hilfe
Hoffe hat geholfen....
Verwende mal dieses hier:
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Stil1 {
font-size: 18px;
font-weight: bold;
font-family: "Comic Sans MS";
}
.Stil2 {
font-size: 14px;
font-weight: bold;
font-family: "Comic Sans MS";
}
.Stil11 {color: #FFFFFF; font-size: 16px; font-weight: bold; font-family: "Comic Sans MS"; }
.Stil13 {font-family: "Comic Sans MS"; font-size: 14px;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="1002" height="280" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
<tr>
<td height="115" colspan="11">
[img]Bilder/index_01.gif[/img]</td>
</tr>
<tr>
<td height="27">
[img]Bilder/index_02.gif[/img]</td>
<td colspan="2">
[url='index.htm'][img]Bilder/index_03.gif[/img][/url]</td>
<td>
[url='aboutme.htm'][img]Bilder/index_04.gif[/img][/url]</td>
<td>
[url='fotos.htm'][img]Bilder/index_05.gif[/img][/url]</td>
<td>
[url='fussball.htm'][img]Bilder/index_06.gif[/img][/url]</td>
<td>
[url='links.htm'][img]Bilder/index_07.gif[/img][/url]</td>
<td>
[url='http://www.ifm-sim.de/mario/download/index1.php'][img]Bilder/index_08.gif[/img][/url]</td>
<td>
[url='http://www.guestbook-free.com/books2/maryho/'][img]Bilder/index_09.gif[/img][/url]</td>
<td>
[url='impressum.htm'][img]Bilder/index_10.gif[/img][/url]</td>
<td>
[img]Bilder/index_11.gif[/img]</td>
</tr>
<tr>
<td colspan="2" width="184" height="113" style="background-image: url(Bilder/index_12.gif); background-position: top left; background-repeat: repeat-y;">
</td>
<td colspan="9" rowspan="2" align="center" valign="top"><p class="Stil1">Willkommen auf meiner Homepage </p>
<p class="Stil2">Ich hoffe sie gefällt dir, viel Spaß!</p>
<table width="492" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#333333">
<td width="292"><span class="Stil11">Neues Desgin </span></td>
<td width="200"><span class="Stil11">10.12.2006</span></td>
</tr>
<tr>
<td class="Stil13">Ich habe mal wieder ein neues Desgin und den Inhalt habe ich komplett überarbeitet. </td>
<td>[img]data/news/newdesgin.jpg[/img]</td>
</tr>
<tr>
<td colspan="2"><span class="Stil2">Mario Reimer </span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" style="background-image: url(Bilder/index_14.gif); background-position: top left; background-repeat: repeat-y;">
</td>
</tr>
<tr>
<td colspan="11">
[img]Bilder/index_15.gif[/img]</td>
</tr>
<tr>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
</table>
</body>
</html>
Alles anzeigen
Nur zur Info, du solltest eventuell in Betracht ziehen, deine Grafik/Layout Informationen in eine eigene Stylesheet-Datei auszulager, dann brauchst du nicht jede einzelne HTML-Datei, bearbeiten sondern immer nur eine Stylesheet Datei
Hilfe => hier
Hallo,
einen schönen Tag wünsch ich Euch...
So ich bastle gerade an einer Seite und hab ein kleines Problem mit "Overflow", der FF zeigts so an wie es sich gehört, nur der IE tuts naja net
Leider kann ich euch nur Screenshots geben, da die Seite momentan hinter auf einem Port läuft und unsere Firewall den blockt...
Anscheinend passt dem IE die Auzählungslisten + der nachfolgende Text nicht....
Keine Ahnung was ihm da nicht gefällt... hier noch der Quelltext der betroffenen Stelle
<div class="documentContent" id="region-content">
<a name="documentContent"></a>
<div class="documentActions">
<h5 class="hiddenStructure">Artikelaktionen</h5>
<ul>
[*]
<a href="http://sandbox.fh-krems.ac.at:5050/www_ichbindabei-drogenfrei_at/die-idee/die-idee/sendto_form">
[img]http://sandbox.fh-krems.ac.at:5050/www_ichbindabei-drogenfrei_at/mail_icon.gif[/img]
</a>
[/list]
</div>
<h1 class="documentFirstHeading">Die Idee</h1>
<div>
<div class="documentByLine">
<span>von [url='http://sandbox.fh-krems.ac.at:5050/www_ichbindabei-drogenfrei_at/author/admin']admin[/url]</span>
—
<span>Zuletzt verändert:</span>
21.12.2006 15:28
<div class="reviewHistory">
</div>
</div>
</div>
<div class="plain">
<h2>„Ich bin dabei – drogenfrei“</h2>
… ist eine Kampagne, die auf die Drogenproblematik allgemein und auf die Möglichkeiten zur Bekämpfung der Drogensucht hinweisen möchte.</p>
Drogen schwächen Dein Selbstbewusstsein!• Drogen hinterlassen nur Loser keine Winner!• Drogen machen Dich nicht attraktiv, sie machen Dich abstoßend!• Drogen führen zu Deiner Abhängigkeit, nicht zu DeinerFreiheit!</p>
Nur wer stark ist, sagt Nein zu Drogen!</p>
Mit diesem Armband [Bild Armband] bist Du stark und dabei. Kaufe es – trage es und nimm damit Stellung gegen Drogen!(Wo kann ich das Armband kaufen?)</p>
Dein Beitrag hilft, gegen Drogen</p>
<ul>
[*]zu mobilisieren
[*]zu solidarisieren
[*]Aktionen zu setzen
[/list]
Unterstützt werden</p>
<ul>
[*]Aktionen zur Aufklärung und Suchtgiftprävention.
[*]Therapien für die Opfer der Drogen.
[*]Informationsveranstaltungen für gesundheitsrelevantes Wissen.
[*]Sport- und Freizeiteinrichtungen.
[*]Schulaktionen.
[*]Strategien zur Problemlösung und Stressbewältigung.
[/list]
Wir zählen auf Dich!</p>
Wo kann ich das Armband kaufen?</p>
Die „Ich bin dabei – drogenfrei“ Armbänder werden in allen AHS und BHS in Krems von den Schulsprechern verkauft. Finde Deinen Schulsprecher: Liste</p>
Zusätzlich unterstützen uns auch die Gemeinde Krems und viele Banken in Krems, bei denen Du das Armband kaufen kannst:</p>
Für Schüler und Jugendliche kostet das Band 1 Euro, für Erwachsene 3 Euro.</p>
</div>
<div id="relatedItems">
</div>
</div>
Alles anzeigen
Und noch der Overflow Einstellung:
#content {
height: 337px;
}
#region-content {
height: 337px;
overflow: scroll;
text-overflow: ellipsis;
}
So ich hoffe es kennt sich jemand aus?
lg und Danke
michi
Hi,
muss jetzt auch kurz meinen Senf abgeben, ist auch nicht böse gemeint
http://www.validome.org/validate/?uri=…e&doctype=docty -> http://www.validome.org
Referenzen...
"Hier möchte ich Ihnen meine Fähigkeiten in Webdeisgn nahelegen. Schauen Sie sich einfach meine Referenzen an."
Nur beim kurz drüberschauen...
Guten Abend, wünsche ich
Wie bekomme ich anstelle von XXXXXX mein - resultUrl - rein
<a href="#" tal:attributes="onClick python:'Fenster1=window.open('XXXXXX','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=800,height=600');;
return false;" i18n:translate="read_more" >
mehr...</a>
Fehlermeldung:
Compilation failed
TAL.TALDefs.TALError: Python expression error:
unexpected EOF while parsing (Python expression "'Fenster1=window.open('+resulturl+','','toolbar=0,location=0
Oder invalid syntax, oder was auch immer, nur funktionieren tuts nie...
lg michi
<td valign="top" align="center">
oder so ähnlich, damit wird alles in der zelle oben, mitte ausgerichtet
Hallo,
kennt jemand den News Ticker on Cnet.com?
Unter "Today on CNET". Kennt den jemand, bzw weiß jemand ob Cnet den selber programmiert hat, oder ob man den irgendwo beziehen kann?
Denn ich habe so einen ähnlichen schon öfters gesehen!
lg
michi
Brauchst du nicht!!!
Das ist ein Flash-Player, sh deine User benötigen nur das Flasu-Plugin.
Neben jedem Film gibt es ein Feld namens "embed" kopiere einfach diesen Inhalt in deine Seite....
lg
Hat keiner eine Idee?
Sorry, bei mir kommt nur der vertikaler scroller, nach oben und unten, links-rechts kommt erst ab einer Fenstergröße von ca 250px.
Versuch mal das "Tabless" Skin!
Aber ehrlich gesagt, habe ich keine Idee, sorry.
Bis zu einem gewissen Grad, tut Plone das ja schon... oder hab ich da etwas verpasst?!
Hallo,
kurze Frage, Wie kann ich einen "Anonymous User" erlauben ein Bild hochzuladen?
Wenn ich unter "Security"
"ATContentTypes: Add Image"
"Add portal content "
bei Anonymous erlaube, kann er zwar ein Image bei Add auswählen, danach kommt aber der Login-Bildschirm?
lg michi
Hallo,
ich hab mir gerade Apache Testweise aufgesetzt und möchte nun, da meine Seite 2-sprachig ist, eine Rewrite Aktion einfügen.
Die entscheiden soll:
Deutscher Browser -> /de
Englischer Benutzer -> /en
Ich hab etwas von Negotation gelesen, kann das das, und wenn ja wie?
Ich kann nicht PHP benutzen...
mfg michi
Sorry, nach einer kurzen pause wollte ichs wieder versuchen, bekomms aber noch immer nicht hin....
Also, schön langsam reichts mir, schreib halt einfache HTML-Seiten...
Sollte eigentlich so funktionieren:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
th {background-color: #996600; width: 252px;}
td {border-style: dotted; border-color:#FF0000; border-width:1px; width:250px;}
.wohnhort {background-color:#CCCCCC; color:#666666;}
.name {background-color: #F2F2F2; color:#666666;}
.auto {background-color:#CCCCCC; color:#666666;}
-->
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="3" scope="col"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col">Wohnort</th>
<th scope="col">Name</th>
<th scope="col">Auto</th>
</tr>
</table></th>
</tr>
<tr>
<td class="wohnhort">Wien</td>
<td class="name">Peter Alexander </td>
<td class="auto">Aston Martin </td>
</tr>
<tr>
<td class="wohnhort">St. Pölten </td>
<td class="name">Albert Einstein </td>
<td class="auto">Puch G </td>
</tr>
<tr>
<td width="250" class="wohnhort">Türnitz</td>
<td width="250" class="name">Stephen Hawking </td>
<td width="250" class="auto">Rollstuhl</td>
</tr>
<tr>
<td width="250" class="wohnhort"></td>
<td width="250" class="name"></td>
<td width="250" class="auto"></td>
</tr>
</table>
</body>
</html>
Alles anzeigen
Das Problem bei Tabellengestaltung mit CSS und insbesondere beim Verwenden von mehreren Tabellen in einer - ist, das alles mit eingerechnet werden muss bei der Angabe einer Weite (width), also. inkl allen border-width.... etc
Deshalb auch bei den <td> width=250 aber bei den <th> width = 252 !!
Dann muss man aber bei den <table> jegliche width entfernen, da sonst nichts mehr zusammenpasst!
lg
Zitat von sejumaMarieLouise:
Das Schlagwort "Layouten ohne Tabellen" bedeutet aus meiner Sicht nicht, dass man generell auf Tabellen verzichten soll. Dort, wo strukturierte und damit tabellarische Darstellungen benötigt werden, haben Tabellen nach wie vor ihre Berechtigung.
Tabellen werden Dank CSS jedoch nicht mehr benötigt, wo es um reine Formatierungen geht. Hier bietet CSS weitaus bequemere Möglichkeiten.
Weise Worte
Hier noch eine Tabelle mit CSS farblich formatiert:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
th {background-color: #996600;}
td {border-style: dotted; border-color:#FF0000; border-width:1px;}
.wohnhort {background-color:#CCCCCC; color:#666666;}
.name {background-color: #F2F2F2; color:#666666;}
.auto {background-color:#CCCCCC; color:#666666;}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col">Wohnort</th>
<th scope="col">Name</th>
<th scope="col">Auto</th>
</tr>
<tr>
<td class="wohnhort">Wien</td>
<td class="name">Peter Alexander </td>
<td class="auto">Aston Martin </td>
</tr>
<tr>
<td class="wohnhort">St. Pölten </td>
<td class="name">Albert Einstein </td>
<td class="auto">Puch G </td>
</tr>
<tr>
<td class="wohnhort">Türnitz</td>
<td class="name">Stephen Hawking </td>
<td class="auto">Rollstuhl</td>
</tr>
<tr>
<td class="wohnhort"></td>
<td class="name"></td>
<td class="auto"></td>
</tr>
</table>
</body>
</html>
Alles anzeigen
Ist nicht schön aber zeigt, im Ansatz was man mit Tabellen und CSS machen kann