Feste Breite bei Hintergrundgrafiken? Firefox....

Status
Nicht offen für weitere Antworten.
F

froddie

Mitglied
Ich habe folgendes Problem:
Als Art "Buttons" hab ich eine Hintergrundgrafik, über die ich einen Text schreiben kann.
Im Internet Explorer bekomm ich es hin, dass diese Grafik immer 120 px breit ist, egal wie lang der Text ist.

Ich möchte das nicht über divs oder ähnliches lösen, aber für den Firefox find ich keine Lösung.

Code: 
<a href="blabla.html" style="border:2px solid black;width:125px;background-image:url(images/link.gif); text-align:center; margin-top:5px;">Profil</a><br>
Nur um reinzukommen....

Wer sehen will, wies im Moment aussieht soll sich melden.

Wer nett, wenn ihr da Ideen zu hättet
 
Code: 
<a href="blabla.html" style="display:block; border:2px solid black;width:125px;background-image:url(images/link.gif); text-align:center; margin-top:5px;">Profil</a><br>
 
Danke, dass löst das Problem schon halb....

Nur hab ich jetzt einen ziemlich großen Abstand zwischen den Buttons :-/

http://phpdev.funpic.de/community

edit: und beim Firefox sind die "Buttons" wieder links am Rand, obwohl sie centriert angezeigt werden sollten (wie im IE)
 
Zuletzt bearbeitet:
Poste doch bitte mal den kompletten Source-Code (HTML + CSS), damit man sieht, wie die einzelnen Links strukturiert sind und welche CSS-Eigenschaften für das Dokument und die Inhalte / Bereiche gelten.

Anmerkung: dein Grafik-Link hilft (mir) da nicht weiter.

[ editpost ] Okay, hast den Link korrigiert ;-]
 
Zuletzt bearbeitet von einem Moderator:
Ich hab den Link mal editier oben....

ich versuch die wichtigen Sachen aus dem Code mal zu posten, da da aber ncoh viel mehr im Code ist, muss cih sauen, was cih reinpost -)

Code: 
<div id="navi" style="position:absolute;top:199px;left:35px;width:200px;height:517px;border-width:1px;text-align=center; background-color:#FFF5B3; color: black;">
<p><h2>Test2</h2>
<br><br>
<?php
if ((strlen($_GET['SESS'])<5) && (strlen($_SESSION['nick']) <2)) {
echo '<a href=index.php?kat=reg style="display:block;border:2px solid black;width:120px;background-image:url(images/link.gif);text-align:center;margin-top:5px;">Registrieren</a><br>';
echo '<a href=index.php?kat=login style="display:block;border:2px solid black;width:120px;background-image:url(images/link.gif);text-align:center;margin-top:5px;">Login</a><br>';

ok, hab die php Sachen doch drin gelassen.....



EDIT: Ich denk, dass es an en <br> s liegt.....
Edit2: Es lag dran. Also ist mein einziges Problem noch die Verschiebung an den linken Rand im Firefox
 
Zuletzt bearbeitet:
Korrigiere für das DIV #navi im style-Attribut den Syntax-Fehler text-align=center
Code: 
<div id="navi" style="text-align:center; position:absolute;top:199px;left:35px;width:200px;height:517px;border-width:1px;background-color:#FFF5B3; color: black;">
 
Okay, habe deine Vorlage mal etwas modifiziert:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>frod's page</title>

<link rel='stylesheet' type='text/css' href='forum/skin/frod.css'>

<style type="text/css">
<!--
body
{
background: #FFEA76;
margin: 0;
padding: 0;
}

#head
{
margin: 25px;
text-align: center;
height: 149px;
background-color: #FFF5B3;
color: black;
}

#navi
{
position: absolute;
top: 199px;
left: 25px;
width: 200px;
height: 517px;
background-color: #FFF5B3;
color: black;
}

#navi h2
{
text-align: center;
}

#navi a
{
display: block;
border: 2px solid black;
width: 120px;
background-image: url(images/link.gif);
text-align: center;
margin-top: 5px;
margin-left: 38px; /* Box-Modell = (200px - 124px) / 2 = 38px */
}

#content
{
margin: 0 25px 0 250px;
padding: 25px;
text-align: left;
height: 75%;
width: auto;
background-color: #FFF5B3;
color: black;
}
-->
</style>

</head>
<body>

<div id="head">
 <img src="images/header.jpg">
</div>

<div id="navi">
 <h2>Test2</h2>

  <a href="index.php?kat=reg">Registrieren</a>
  <a href="index.php?kat=login">Login</a>
</div>

<div id="content">contentDiv</div>

</body>
</html>
[ Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 7.23 ]
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück