• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Studio 1.4b - Pinker Rahmen um Bildlinks

G

genetic_clone

Neues Mitglied
Hallo,

Ich habe folgendes Problem

Wir erstellen grade in der Schule eine Website als Projektarbeit. Hierbei habe ich meine Buttons einfach als Bild eingefügt und ausgerichtet. Da ich auf die Buttons aber einen Link legen musste (logisch, wozu brauche ich die denn sonst auch) erscheint da dauernd ein pinker rahmen. Das finde ich nicht besonders schön^^
Meine Frage ist nun, ob es eine Möglichkeit gibt, diesen Rahmen zu entfernen (ich muss dieses Programm [HTML Studio 1.4b] benutzen)?

Wenn ja, wie?

Vielen Dank im Vorraus
Acki
 
Pink? Merkwürdige Browsereinstellung. Gib dem Bild bzw. dem Link per CSS mal border:none;, dann sollte das Problem behoben sein.
 
Wie schreibt man das dann als befehl? Also so? <border:none>
weil das funktioniert bei dem studio nicht, weil es das nicht erkennt -.-"
Danke
 
mermshaus, machs ihm doch einfacher :D

mach einfach eine Textdatei auf und schreib folgendes rein:
a { border: none; } a:hover {border:none,}
Zum Vergrößern anklicken....
speicher sie einfach unter style.css! (Natürlich im selben ordner)

Im HTML-Head machst dann ein:

<link rel="stylesheet" type="text/css" href="styles.css"/>

und dann sollte es gehen, außer du hast für "a" noch mal ne eigene "Class" angegeben, dann musst des natürlich im Css-Code übernehmen.
 
Hmm, dann schmeisst mir das Programm alles was zwischen <style> und </style> steht raus, also statt Rahmen weg = gesamtes Bild weg :-?
Hier mal einer der Quellcodes, vllt bin ich auch nur zu blöd (warscheinlich sogar^^)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Home</title>
<meta name="author" content="Ackermann">
<meta name="description" content="Startseite">
<meta name="keywords" content="Home, Start, Startseite">
<meta name="generator" content="HTML Studio">
</head>
<center><h1><font color="#990000">Modern Society - News</font></h1>
<a href="Startseite.html"><img src="home.bmp" alt=""></a>
<a href="News.html"><img src="news.bmp" alt=""></a>
<a href="Biography.html"><img src="biography.bmp" alt=""></a>
<a href="Media.html"><img src="media.bmp" alt=""></a>
<a href="Store.html"><img src="store.bmp" alt=""></a>
<a href="Contact.html"><img src="contact.bmp" alt=""></a>

</center>
<body background="U:\Website\Textur4.bmp">
</body>
</html>


Das sind bisher nur Buttons, der Hintergrund und ne Überschrift. Die Buttons sind die .bmp Dateien, und die sind seit der Verlinkung pink umrahmt. Dunkles Pink zwar, aber trotzdem unpassend^^
Danke
 
Das "Programm" möchte vermutlich verhindern, dass Du Styles direkt in den HTML-Code schreibst. Daher bitte nochmal Beitrag #5 lesen.

Dein HTML-Code ist zudem fehlerhaft. Alles was ausgegeben werden soll, muss zwischen <body> und </body> stehen. Bei dir steht es sonstwo. Bitte schau dir nochmal das HTML-Grundgerüst an.

Und: scheinbar möchtest Du ein Menü bauen. Menüs werden als <ul>-Liste definiert, da sie dann auch leichter per CSS formatierbar sind. Auch hierzu solltest Du nochmal nachlesen.
 
prajuritbs schrieb:
mermshaus, machs ihm doch einfacher :D
Zum Vergrößern anklicken....

Versuche ich ja.

Je weniger Grundwissen vorhanden ist, desto schwieriger sind glaube ich knappe „fachliche“ Antworten.

Ich finde deine Antwort gut, aber hier hat sie wohl offenbar nicht gereicht.

HTML-Grundgerüst:

HTML: 
<!DOCTYPE html>

<html lang="de">

    <head>

        <meta charset="UTF-8" />
        <title>Meine Seite</title>

        <!-- Hier werden externe Ressourcen wie Stylesheets oder JavaScript-
        Dateien eingebunden. Zum Beispiel: -->
        <script src="script.js"></script>
        <link rel="stylesheet" href="styles.css" />

    </head>

    <body>

        <!-- Hier steht der eigentliche Seiteninhalt -->

    </body>

</html>

Hilfen: Quellensammlung



Edit: Ich werde übrigens in Zukunft die Quellensammlung hier im Wiki nicht mehr verlinken, sondern das „webdevbuch“ in meiner Signatur. Aktuell: Home Für das Wiki hier ist mir die Zeit zu schade.
 
Zuletzt bearbeitet:
Danke! Das wars aber leider noch nicht. Also im Internetexplorer und im Mozilla wird der Rahmen immer noch angezeigt, Opera zeigt einfach nur noch das relief des bildes, ohne bild oder rahmen selbst an (Opera zeigt aber generell nichts an, warum auch immer, auch das wäre ein Problem, bei dem ich Hilfe benötigen würde). Wenn euch noch was einfällt.... ich freue mich über alle Tipps ;-)
Danke wieder im Vorraus,
Acki
 
Dann hast Du irgendwas anders gemacht als dir bis hierher geraten wurde. Was du anders gemacht hast, kann man ohne den Quellcode zu kennen nicht sagen.
 
Hmm, also das Programm mit dem ich arbeite macht das schon so wie ich das wollte, da funktioniert schon alles soweit, habe jetzt einfach die linkfraben auf transparentgesetzt und schon funktioniert das prima, danke für die Hilfe :)
 
hast du den Quellcode so geändert wie oben beschrieben?
Denn du hast den Seiteninhalt zwischen </head> und <body>
geschrieben und dort gehört der sicher nicht hin.
wenn du kein externes stylesheet hast dann kannst du auch
zwischen <head> und </head> das <style></style> machen
und dann zwischen den Styletags das css schreiben wird aber
ab mehr als 1er Seite mit dem gleichen Layout lästig da einzelne
änderungen nicht nur einmal sondern in jedem File gemacht
werden müssen.

lg
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben