| |
Vorheriges Thema: Buttons in Css, mit dummen frames..
Nächstes Thema: Untermenüs unabhängig von frames |
| Autor |
Nachricht |
Alex...
Forumsteilnehmer
Anmeldungsdatum: 15.07.2010
Beiträge: 12
|
 Verfasst am: 17.07.2010 16:11:24 Titel: Links mit css |
 |
|
Ich habe noch eine Frage,
ich würde das aussehen Links gerne mit css verändern... soweit sogut.... jedoch habe ich ein problem wenn ich den Link welchen ich verändert hab innerhalb einer Zeile einfügen will 'nimmt' er sich Automatisch eine neue Zeile
kann mir jmd helfen dass der Link in dieser Zeile bleibt?? hier mein Code:
| Code: |
<!--
a {
display:block;
color:#fff;
background-color:#fff;
width:200px;
padding:9px;
font-size:14px;
font-family:Calibri,Arial;
font-weight:bold;
text-decoration:none;
text-align:center;
margin:10px;
border:0px solid #000;
background-image:url(onmouseout.gif);
}
a:hover {
display:block;
color:#fff;
background-color:#fff;
background-image:url(onmouseover.gif);
}
--> |
|
|
| Nach oben |
|
 |
Elroy
Häufiger Poster
Anmeldungsdatum: 26.02.2010
Beiträge: 35
|
| Verfasst am: 17.07.2010 17:20:19 Titel: |
|
|
Hallo.
Bitte mal noch den HTML Teil posten, so kann ich das Problem nicht ganz nachvollziehen.
Gruss
Elroy
_________________
Meine Homepage: 1A-Homepage-Tools (leider noch nicht ganz fertig). |
|
| Nach oben |
|
|
Alex...
Forumsteilnehmer
Anmeldungsdatum: 15.07.2010
Beiträge: 12
|
| Verfasst am: 17.07.2010 17:50:30 Titel: |
|
|
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Alex">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<link rel="stylesheet" type="text/css" href="CSS/main.css">
<div class="content">
Zur ...Seite gehts <a href="url">hier</a> </div>
</body>
</html> |
[/code] |
|
| Nach oben |
|
|
Elroy
Häufiger Poster
Anmeldungsdatum: 26.02.2010
Beiträge: 35
|
| Verfasst am: 18.07.2010 08:31:00 Titel: |
|
|
Hallo.
CSS
| Code: |
body {color: #000000;
background-color: #FFFFFF;}
a {color:#FFFFF;
background-color:#FFFFF;
width:200px;
padding:9px;
font-size:14px;
font-family:Calibri,Arial;
font-weight:bold;
text-decoration:none;
text-align:center;
margin:10px;
border:0px solid #000;
background-image:url(onmouseout.gif);}
a:hover {color:#FFFFFF;
background-color:#FFFFFF;
background-image:url(onmouseover.gif);} |
HTML
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Alex">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" type="text/css" href="CSS/main.css">
</head>
<body>
<div class="content">
<p>Zur ...Seite gehts <a href="url" titel="">hier</a></p>
</div>
</body>
</html> |
Ich habe dein display: block entfernt da das automatisch eine neue Zeile erzeugt und ich habe deinen Code etwas übersichtlicher gestaltet. Hier noch ein Zitat von CSS4You:
| Zitat: |
| Block-Elemente erzeugen eine neue Zeile im Textfluß und können zum vorherigen und zum nachfolgenden Element einen größeren Abstand aufweisen. Sie sind im Textfluß somit immer untereinander angeordnet. |
Gruss
Elroy
_________________
Meine Homepage: 1A-Homepage-Tools (leider noch nicht ganz fertig). |
|
| Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|
FAQ
Suchen
Mitgliederliste
Benutzergruppen
Registrieren
Profil
Einloggen, um private Nachrichten zu lesen
Login
