 brauch Hilfe bei CSS |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
 08.09.2006 - 13:59
Beitrag
#1
|
|
|
Rookie Gruppe: User Beiträge: 5 Mitglied seit: 08.09.2006 Mitglieds-Nr.: 6.268  |
hallo hab gerade dieses forum entdeckt und hoffe das mir hier geholfen wird.
ich bastle seit 5 tagen an meiner homepage und komme einfach nicht weiter. die page soll mit css aufgebaut werden. hab schon mehrere pages mit frames und dreamweaver, html gemacht aber möchte eben wegen den schönen tabellenlayouts jetzt eine mit css machen. hab fast alles unter selfhtml darüber gelesen und mir auch eine video tut reingezogen. meine side ist auch im internet explorer ganz ok aber im firefox stehen die sachen irgendwo. ich kopiere hier mal meinen code rein in der hoffung hier werden sie geholfen. links oben soll sich ein logo befinden das umrahmt ist, rechts daneben in der selben größe ein weiters logo für werbeeinblendungen, extra umrahmt mit einen kleine abstand zum ersten logo. kann doch nicht wirklich so schwer sein oder. SO SIEHT MEINE HTML DATEI AUS <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Logo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <h1> <!-- Bindet das Style Sheet Werbung1.css ein --> <link rel="stylesheet" type"=text/css href="logo.css"> <!-- Bindet das Logo Motor2rad ein --> <p> <img src="logo/logomotor2radohnefarbe.gif"> </h1> <!-- --------------------------------------------------------------------- --> <!-- Formatiert die Tabelle für das Werbungs1 Fenster --> <h2> <!-- Bindet das Style Sheet Werbung1.css ein --> <link rel="stylesheet" type"=text/css href="werbung1.css"> <!-- Bindet das Logo Motor2rad ein --> <p.h2> <img src="logo/enturoshop.gif"></p.h2> </h2> ________________________________________________________________________________ _____ WEITERS SEHEN SO DIE BEIDEN CSS DATEIEN AUS nr 1 für Logo.CSS ________________________________________________________________________________ ______ h1{ //*die Position des Rahmens von Links des Logos*// position:absolute; top:0,5cm; left:0,5cm; width:100%; height:1,5cm; z-index:1; } p{ //*CSS für das Logo, der Rahmen wird Formatiert*// border-color:black; border-with:1; border-style:solid; } ________________________________________________________________________________ _______ Nr2 für Werbung1.css ________________________________________________________________________________ _______ h2{ //*die Position des Rahmens von Links *// position:absolute; top:1cm; left:10cm; width:16,05cm; height:2cm; z-index:2; } p.h2{ //*CSS für das Logo, der Rahmen wird Formatiert*// border-color:black; border-with:1; border-style:solid; } ________________________________________________________________________________ _______ ich hoffe ihr könnt mir sagen was genau im text falsch ist da wie gesagt der firefox die sachen komplett anders anzeigt. vielen dank im voraus Der Beitrag wurde von motor2rad bearbeitet: 08.09.2006 - 14:01 |
 |
 
|
 |
Antworten
|
08.09.2006 - 17:57
Beitrag
#2
|
|
|
hdb  Gruppe: User Beiträge: 685 Mitglied seit: 26.10.2001 Wohnort: Köln Mitglieds-Nr.: 5 |
Es wäre sehr vorteilhaft die CSS-Deklarationen im selben Dokument einzufügen. So könntest Du die komplette Seite hier zwischen den Tags {html} einfügen. {/html} und hilfsbereite Teilnehmer hätten die Option sich das im eigenen Editor und Browser anzusehen.
{} stehen für [] |
|
|
|
|
08.09.2006 - 19:34
Beitrag
#3
|
|
|
Nachschlagewerk des Orakels  Gruppe: Mods Beiträge: 955 Mitglied seit: 29.08.2006 Wohnort: Frankfurt am Main Mitglieds-Nr.: 6.217 |
Das Tag
ZITAT(db @ 08.09.2006 - 18:57)  HTML <p.h2> <img src="logo/enturoshop.gif"></p.h2> HTML p.h2{ dafür greifen soll, müsstest du//*CSS für das Logo, der Rahmen wird Formatiert*// border-color:black; border-with:1; border-style:solid; } HTML <p class="h2"><img src="logo/enturoshop.gif"></p> schreiben. p.h2 im CSS heißt: CSS-Definition für alle P-Tags der Klasse "h2". Ich würde dir auch raten, die Ratschläge meiner Vorschreiber anzunehmen. Und noch ein ganz allgemeiner Tipp: Seiten immer mit einem aktuellen, nicht-MS-Browser entwickeln. Wenn es da gut aussieht, das ganze mit dem IE angucken und notfalls für eventuelle Macken des IE anpassen. Andersherum ist es IMHO eine deutliche Menge mehr Arbeit. |
|
|
|
|
09.09.2006 - 10:58
Beitrag
#4
|
|
|
Rookie Gruppe: User Beiträge: 5 Mitglied seit: 08.09.2006 Mitglieds-Nr.: 6.268 |
also mal danke für die super tips !!
hoffe jetzt alles richtig gemacht zu haben, damit ihr euch die sachen in browser ansehen könnt. hab das mal auf diese art geändert. leider hat sich optisch nichts verändert. sieht immer noch alles gleich aus. also wie gesagt vergleich firefox und ie. HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Logo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> h1{ //*die Position des Rahmens von Links des Logos*// position:absolute; top:0,5cm; left:0,5cm; width:100%; height:1,5cm; z-index:1; } p{ //*CSS für das Logo, der Rahmen wird Formatiert*// border-color:black; border-with:1; border-style:solid; } h2{ //*die Position des Rahmens von Links *// position:absolute; top:1cm; left:10cm; width:16,05cm; height:2cm; z-index:2; } p.h2{ //*CSS für das Logo, der Rahmen wird Formatiert*// border-color:black; border-with:1; border-style:solid; } </style> </head> <body> <h1> <!-- Bindet das Logo Motor2rad ein --> <p class="h1"><img src="logo/logomotor2radohnefarbe.gif"> </h1> <!-- --------------------------------------------------------------------- --> <h2> <!-- Bindet das Logo Motor2rad ein --> <p class="h2"><img src="logo/enturoshop.gif"></p.h2> </h2> </body> </html> !!!! ps was hast du gegen meine rechtschreibe, ich schreibe in foren immer so wie ich rede und nicht wie in der schule !!!!! Der Beitrag wurde von motor2rad bearbeitet: 09.09.2006 - 11:32 |
|
|
|
Beiträge in diesem Thema
motor2rad brauch Hilfe bei CSS 08.09.2006 - 13:59
Andreas ZITAT(motor2rad @ 08.09.2006 - 14:59... 08.09.2006 - 15:34
motor2rad also ich hab im kopf nicht deklariert, weil ich ja... 08.09.2006 - 16:54 Andreas Die Verlinkung gehört in den Head. Das was Du oben... 08.09.2006 - 17:51 db Deine Rechtschreibe interessiert mich erst dann, w... 09.09.2006 - 12:25 motor2rad wau
super
bin immer mehr begeistert von de... 09.09.2006 - 12:50 db ZITAT(motor2rad @ 09.09.2006 - 13:50... 09.09.2006 - 12:58 motor2rad so hab jetzt mal auf folgende weise geändert, nur ... 09.09.2006 - 13:17 db Schreibe
<img src="logo/logomotor2rado... 09.09.2006 - 13:24 db Immer nach dem Motto: Hilfe zur Selbsthilfe.
HTML... 09.09.2006 - 14:13 |
3 Besucher lesen dieses Thema (Gäste: 3 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 25.05.2025 - 1:47 |