Beiträge von sejuma
-
-
Es gibt mittlerweile, vor allem in USA viele HP-Betreiber, die sich ganz bewusst eine "falschgeschriebene" Domain sichern und darauf Werbung setzen, um Geld zu verdienen. In vorliegendem Fall gibt man vielleicht weil man nicht schreiben kann "abload" statt "upload" ein und landet dann auf dieser Seite.
Gib mal statt "ebay.de" "wbay.de" oder "rbay.de" ein. Da lnadest du auch auf Werbeseiten. Und wenn sich da genügend Leute vertippen und zudem noch einen Werbelink klicken, kann sich das bei großer Masse schon lohnen. -
Ersetze mal "#fff" durch "transparent;"
Ansonsten poste mal einen Link. -
Schreibe in den head-Bereich, z.B. vor
folgendes:
Danach den von mir genannten CSS-Code.
Und danach:Den HTML-Code fügst du an der gewünschten Stelle innerhalb des <body> ein.
Dann ändere noch die Dateibezeichnung und die Größe entsprechend deinem Bild im HTML-Code. -
So ähnlich, Details musst du noch anpassen (einen treffenderen Titel hätte ich mir allerdings auch gewünscht):
CSS
Code
Alles anzeigena.info{ position:relative; z-index:1; color:#000; text-decoration:none} a.info:hover{z-index:2; background-color:#fff} a.info span{display: none} a.info:hover span{ display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center}HTML
-
Wenn nichts geregelt ist, gilt die gesetzliche Erbfolge. Und die ist bei Geschwistern nun mal zu gleichen Teilen.
Meriten der Vergangenheit oder persönliche Sympathieen/Antipathieen zählen dabei nicht. -
Das hängt m.E. mit den float-Eigenschaften zusammen. Die hat der äußere Container nicht. Und die gefloateten Elemente, die sich innerhalb des äußeren Containers befinden, sind durch dessen fixe Breite vor dem "Verspringen" geschützt.
-
ja, versuchs mal mit meiner "Prozentual-Lösung".
Ich habe den Quelltext zwischenzeitlich etwas editiert, da ich da was missverstanden hatte. -
Falls du eine CSS-Datei hast:
Sieh mal nach, wo dort genau h3 definiert ist und ändere das dort. Möglicherweise überschreibt dir da eine Angabe die andere.Ansonsten hat dir Elvis eine andere (korrektere) Lösung aufgezeigt, die ebenfalls funktionieren sollte.
-
Zum einen verwendest du jeweils gleiche min-width und max-width-Werte. Das kann der IE6 überhaupt nicht interpretieren.
Dass gefloatete divs bei verkleinerten Fenstern "verspringen" ist normal. Irgendwo müssen sie ja hin, wenn sie breiter sind als das Fenster.
Nach Elvis' Vorschlag:Code
Alles anzeigenbody{ margin: 0; padding: 0; } #head{ width: 100%; height: 100px; background-color: red; } #navi{ width: 15%; height: 600px; float: left; background-color: yellow; } #quote{ width: 70%; height: 30px; float: left; background-color: green; } #content{ width: 70%; height: 570px; float:left; background-color: brown; } #misc{ width: 15%; height: 600px; float: right; margin-top: -30px; background-color: gray; }HTML
Code<div id="head">Kopfbereich ROT</div> <div id="navi">Navigation GELB</div> <div id="quote">Zitatleiste GRÜN</div> <div id="content">contentbereich</div> <div id="misc">Miscbereich</div>
Dieser Code passt sich dann unterschiedlichen Fensterbreiten an. Allerdings kann es zu hier zu Überlappungen der Inhalte kommen, wenn das Fenster zu schmal wird. -
-
ul ist gut, reicht aber noch nicht:
Du hast mehrfach-Definitionen, die sich teils überlagern und damit die vorherigen außer Kraft setzen.
Mach dir mal zur Vorsicht zunächst Sicherungskopien und gehe dann wie folgt vor:
Diesen Teil komplett löschen:
Code
Alles anzeigen#menue li a, #menue li a:link, #menue li a:visited, #menue li a:active { text-decoration:none; font-weight:normal; display:block; color:#CC0000; width:134px; padding:5px; margin:2px; background-color:#E3C764; } #menue li a:hover[b],[/b] { text-decoration:none; font-weight:bold; display:block; color:#CC0000; width:134px; padding:5px; margin:2px; background-color:#A7C254; }Hier das Komma löschen:
Zitat#menue a:hover, {
Falls du die Aufzählungspunkte weghaben willst, füge das in die CSS ein:
Schließlich packe deine Links wie von jojo empfohlen in eine ul:
Alternative I:
Code<div id="menue"> <ul> [*][url='ambilight.php']Ambilight[/url] [*][url='ambilight1.php']weitere Fotos[/url] [*][url='ambilight2.php']Bauanleitung[/url] [*][url='ambilight3.php']Stückliste[/url] [/list] </div>Evtl. für ul noch folgendes hinterlegen:
Alternative II:
Code<div id="menue"> [url='ambilight.php']Ambilight[/url] <ul> [*][url='ambilight1.php']weitere Fotos[/url] [*][url='ambilight2.php']Bauanleitung[/url] [*][url='ambilight3.php']Stückliste[/url] [/list] </div>
Viel Erfolg! -
Wenngleich auch ich die Forderungen von MischeL_x3 für ziemlich unverschämt halte, bemühe ich mich mal um Sachlichkeit:
Weißt du (MischeL_x3) überhaupt, was ein "CSS-Design" ist?
Ich und viele andere hier könnten dir z.B. das jeweilige CSS-Design ihrer Homepage zur Verfügung stellen (good will mal vorausgesetzt). Möglicherweise sind da teilweise auch deine Farbwünsche enthalten.
Das wird dir aber absolut Null nützen weil die Referenzen zu deinem HTML-Code (sofern es den überhaupt gibt) fehlen und jeder seine eigene Referenzen in Form von ID-Bezeichnungen und deren Anordnungen hat.
Deine Forderung nach CSS-Styles ist deshalb nicht nur ziemlich unverschämt, sondern zeugt auch davon, dass du von der Materie offensichtlich keine Ahnung hast. -
Nimm bei
den border raus.
Füge das an der entsprechenden Stelle ein, bzw. ändere es wie folgt:
Zitat<body>
<div style="border-bottom: 5px solid #FF9900; background: transparent;"></div>
<div class="invertedshiftdown">
<ul>Schließlich solltest du noch den Doctype wie vorher angegeben ändern.
-
1. Benutze diesen Doctype, damit auch der IE6 das Boxmodell richtig interpretiert:
2. Räume deinen head-Bereich auf:
bisher:Code
Alles anzeigen<head> <style><endnote><head> <style><endnote><head> <style><endnote><head> <style></style> <title>test</title> </head>neu:
3. Schneide deine CSS-Angaben aus und füge sie in den head-Bereich ein.
Ändere dabei die fettmarkierten Angaben (wobei du den width-Wert noch variieren kannst):ZitatAlles anzeigen<head>
<title>test</title>
<style type="text/css">
.invertedshiftdown{
padding: 0;
width: 600px;
margin: 0 auto;
border-top: 5px solid #D10000; background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.invertedshiftdown ul{
margin:0;
margin-left: 40px; padding: 0;
list-style: none;
}
.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; padding: 5px 10px 9px 10px; -moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.invertedshiftdown a:hover{
background-color: #D10000; padding-top: 9px; padding-bottom: 5px; color: white;
}
.invertedshiftdown .current a{ background-color: #D10000; padding-top: 9px; padding-bottom: 5px; color: white;
}
#myform{ float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}
#myform .textinput{
width: 190px;
border: 1px solid gray;
}
#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}
</style></head>
4. Viel Erfolg!
-
Da bin zumindest ich überfragt, da PHP nicht zu meinem Spezialgebiet gehört.
Nur mal so ins blaue geredet in Analogie zur Anleitung:
Du benennst deine Seite dann als "apfelgrün", apfelgelb" usw.
Dann müsstest du vermutlich sowohl bei "Überlink" Apfel als auch beim "Unterlink" grün jeweils die Bedingung setzen "if ($thisPage=="apfelgrün")" ...
Aber das können dir die PHP-Experten viel besser erklären.
-
Ich konnte das Problem mittlerweile lösen, indem ich einen neuen Treiber für meine "Realtek AC 97 Audio" installiert habe.
-
Das geht sowohl mit CSS als auch bei einem includeten Menue mit einer Kombination von CSS und PHP.
Eine Anleitung findest du hier mit weiteren Verweisen. Demo siehe z.B. meine HP. -
Es kommt darauf an, wie das mit den CSS-Angaben handhabst.
Variante 1: ausgelagerte CSS-Datei
CSSHTML:
Variante 2: CSS-Angaben innerhalb des Headbereichs:
Code<style type="text/css"> #hintergrunddiv { background-image: url(bild.jpg); background-repeat: repeat; } </style>
HTML-Code wie bei Variante 1.Variante 3: Style-Angaben direkt im HTML-Teil:
siehe mein Post von 20.36 Uhr.Notfalls arbeite dich mal durch meine Sigantur

-
DarkSyranus:
So geht's natürlich auch. Allerdings musst du dann noch einen Bezug zum Body oder zu einem Div herstellen.