 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
|
09.09.2006 - 12:25
Beitrag
#2
|
|
|
hdb  Gruppe: User Beiträge: 685 Mitglied seit: 26.10.2001 Wohnort: Köln Mitglieds-Nr.: 5 |
Deine Rechtschreibe interessiert mich erst dann, wenn es mir nicht möglich sein sollte Dein Anliegen zu verstehen. Ignoriere derartige Hinweise, die ganz sicher nicht Deiner Erbauung dienen sollen.
Von spezifischen Tags wie H1, P usw. bleibst Du zunächst mal fern! Unten ein Ansatz, der nicht vollständig sein kann, weil ich schlichtweg nicht ganz verstehe wie das bei Dir aussehen soll. Experimentiere nun mal mit den IDs b1 und b2, die derzeit identisch sind. Ändere also nur den ersten, so siehst Du die Wirkung gleich in der Vorschau per Vergleich. HTML <html> <head> <title>Logo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> #b1 { border: 1px solid #000000; background: #999999; float: left; clear: left; } #b2 { border: 1px solid #000000; background: #999999; float: left; clear: left; } img { border: none; } </style> </head> <body> <!-- Bindet das Logo Motor2rad ein --> <div id="b1"> <img src="logo/logomotor2radohnefarbe.gif" width="132" height="32"> </div> <br> <!-- Bindet das Logo Motor2rad ein --> <div id="b2"> <img src="logo/enturoshop.gif"> </div> </body> </html> P.S. DOCTYPE entfernt, da mauschelt die Forensoftware herum Der Beitrag wurde von db bearbeitet: 09.09.2006 - 12:34 |
|
|
|
|
09.09.2006 - 12:50
Beitrag
#3
|
|
|
Rookie Gruppe: User Beiträge: 5 Mitglied seit: 08.09.2006 Mitglieds-Nr.: 6.268 |
wau
 super  bin immer mehr begeistert von den css. was man damit alles machen kann. endlich mal alle foto in der richtigen größe anzeigen lassen und positionieren. spitze ich möchte eigentlich nur die logos nicht untereinander sonder nebeneinander anzeigen lassen. sonst hast du mir wirklich sehr geholfen. ich denke jetzt kann ich meine page erstellen. sollten wir uns mal begegnen erinnere mich dich mal auf ein bierchen einzuladen. 
Der Beitrag wurde von motor2rad bearbeitet: 09.09.2006 - 12:54 |
|
|
|
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 Es wäre sehr vorteilhaft die CSS-Deklarationen im ... 08.09.2006 - 17:57 Thomas Das TagZITAT(db @ 08.09.2006 - 18:57... 08.09.2006 - 19:34 motor2rad also mal danke für die super tips !!
hoff... 09.09.2006 - 10:58 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 |
4 Besucher lesen dieses Thema (Gäste: 4 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 25.05.2025 - 2:24 |