Zur Boardunity Forenstartseite

Zurück   Boardunity & Video Forum » Temporäre Foren » X-Mentor (Archiv)

 
 
LinkBack Themen-Optionen Thema bewerten
  #1  
Alt 01.03.2004, 18:06
Mitglied
 
Registriert seit: 10.2003
Ort: Bottrop
Beiträge: 779

Button-Links nicht richtig dargestellt? (Weiß nicht mehr weiter)


Hi.
Ich bin langsam echt am Rande meines könnens... ich versuche z.Zt. den X-Mentor meinen Vorstellungen anzupassen... das wird noch etwas dauern, und wenn`s so weitergeht werd ich mir wohl lieber selbst was zusammenstellen... "

Jedenfalls versuche ich (anscheinend als erster) das Layout des X-Mentors an meine Vorstellungen anzupassen... dazu muss ich die Navigation umplazieren.

Ich habe die Navigation in die obersten Zeile "verlegt". Ich muss noch gucken, wie das ganze mit den Subkategorien aussehen wird... aber egal...
Die Navigation wird durch Grafiken ersetzt. Dazu habe ich ein Feld in die Datenbank eingefügt und das ACP dahingehend angespasst... meine Templates sehen nun so aus:
(Header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>{title}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <style type="text/css">
  <!--
  body {
  	background-color: #E1E1E2;	
  	font-family:Tahoma, Helvetica;
  	font-size:9pt;
  	color:#373779;
  		padding:0px; 
  		margin:0px;
  		height: 100%;
  }
  a:link {
  		color: #333333;
  		margin:0px;
  		padding:0px;
  }
  a:visited {
  		color: #333333;
  }
  .toptitle {
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 18px;
  	font-weight: bold;
  	color: #003366;
  }
  .toplinks {
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #333333;
  }
  .toplinks a:link {
  	color: #333333;
  }
  .toplinks a:visited {
  	color: #333333;
  }
  .mediumtitle {
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 16px;
  	font-weight: bold;
  	color: #006699;
  }
  td {
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000000;
  	text-align: left;
  }
  p {
  	text-align: justify;
  }
  td a:link {
  	color: #000000;
  }
  td a:visited {
  	color: #000000;
  }
  .navi {
  	pointer: hand;
  	cursor: hand;
  }
  .mediumcattitle,h3,h2,h1 {
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 18px;
  	color: #000066;
  }
  input, select, textarea {
  	width: 100%;
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000000;
  }
  .top {
  		background-image: url(img/cellpic_top.gif);
  		width:100%;
  		height:33px;
  }
  .topleft {
  		margin:0px;
  		padding:0px;
  		text-align:left;
  		float:left;
  }
  .topright {
  		margin:0px;
  		padding:0px;
  		text-align:right;
  		float:right;
  }
  -->
  </style>
  </head>
  <body>
  <div class="top">
   <div class="topleft"><img src="img/top_left.gif" alt="" /></div>
   <div class="topright">{nav}</div>
  </div>
  <div align="center">
    <table width="730" border="0" cellspacing="0" cellpadding="0">
  	<tr>
  	  <td width="455" class="toptitle"><div align="left">{title}</div></td>
 	 <td width="275"><div align="right" class="toplinks"><a href="?page=sea">Suchen</a> <!-- {USE_NL_1} &middot; <a href="?page=new">E-Mail-Verteiler</a> {USE_NL_2} --> &middot; <a href="?page=dis">Impressum</a> </div></td>
  	</tr>
    </table>
  <br />
  <table width="730"  border="0" cellpadding="0" cellspacing="0">
    <tr>
  	<td width="170" valign="top">
  	</td>
  	<td width="20">&nbsp;</td>
  	<td width="540" valign="top">
  	<table width="100%"  border="0" cellspacing="0" cellpadding="4">
  	  <tr>
  		<td>
Hauptkategrie:
Code:
<a href="?page=cat&catid={id}"><img src="img/{img_name}.gif" alt="{name}" height="33px" /></a>
So... das ganze ist natürlich noch lange nicht fertig, aber dieses Problem ist so gravierend...

Ich denke mal, dass es sich dabei um ein simples HTML/CSS Problem handelt, aber ich finde es einfach nicht... "

Was mich darin bestätigt ist, dass dieser Fehler nur im Firefox aufzutauchen scheint... Habe allerdings auch nur Opera & Firefox zum testen...

Ich hänge mal an, wie es aussieht...

Danke schonmal für eure Hilfe.

Wenn ich`s falsch gepostet habe bitte bescheitgeben. "
Miniaturansicht angehängter Grafiken
button-links-richtig-dargestellt-wei-mehr-screen.gif  

__________________
Patrick Gotthardt
Patrick Gotthardt on Software

Geändert von Patrick Gotthardt (01.03.2004 um 18:08 Uhr). Grund: Anhang vergessen... ^^"
  #2  
Alt 01.03.2004, 18:15
Benutzerbild von Philipp Gérard
Zeitdenken
 
Registriert seit: 09.2003
Ort: Wien
Beiträge: 832
Wo ist das Problem?

die hässliche Ränder sollten mit

Code:
<a href="?page=cat&catid={id}"><img src="img/{img_name}.gif" alt="{name}" border="0" height="33px" /></a>
weggehen.

__________________
Philipp Gérard
Gewöhnliche Menschen denken nur daran, wie sie ihre Zeit verbringen. Ein intelligenter Mensch versucht sie zu nützen. - Arthur Schopenhauer
  #3  
Alt 01.03.2004, 18:23
Mitglied
 
Registriert seit: 10.2003
Ort: Bottrop
Beiträge: 779
Denkste... "
Wenn ich das ganze nur als Grafik einbinde (ohne a-Tag) gibts die auch nicht... "

Also ganz so ein Anfänger bin ich nu auch nicht... (obwohl ich mir bei diesem Problem durchaus als Dummkopf vorkomme... )

__________________
Patrick Gotthardt
Patrick Gotthardt on Software
  #4  
Alt 01.03.2004, 18:26
Benutzerbild von Philipp Gérard
Zeitdenken
 
Registriert seit: 09.2003
Ort: Wien
Beiträge: 832
dann halt
Code:
style="border=0px;"


Mal im Ernst: das einzige Problem ist, dass diese dicken Ränder auftauchen? Das ist echt nur ein CSS Problem...

__________________
Philipp Gérard
Gewöhnliche Menschen denken nur daran, wie sie ihre Zeit verbringen. Ein intelligenter Mensch versucht sie zu nützen. - Arthur Schopenhauer
  #5  
Alt 01.03.2004, 18:34
Mitglied
 
Registriert seit: 10.2003
Ort: Bottrop
Beiträge: 779
Ok... ich habe diesen Code heute schon ca. 50 mal geschrieben... mindestens!
Aber nun klappt es... das darf doch nicht wahr sein...
Hab jetzt:
Code:
img {
 		border: 0px;
 }
Eingefügt... ich versteh es nicht... na ja... ich werd wohl wieder irgendwo nen Rechtschreibfehler drin gehabt haben... "

Danke dir vielmals.

__________________
Patrick Gotthardt
Patrick Gotthardt on Software
  #6  
Alt 01.03.2004, 19:06
Benutzerbild von Philipp Gérard
Zeitdenken
 
Registriert seit: 09.2003
Ort: Wien
Beiträge: 832
Dachte schon: "was hab ich da programmiert, dass Bilder immer Ränder haben?"

__________________
Philipp Gérard
Gewöhnliche Menschen denken nur daran, wie sie ihre Zeit verbringen. Ein intelligenter Mensch versucht sie zu nützen. - Arthur Schopenhauer
  #7  
Alt 01.03.2004, 19:10
Mitglied
 
Registriert seit: 10.2003
Ort: Bottrop
Beiträge: 779
Sowas ist mir echt noch nie passiert... aber das scheint heute nicht mein Tag zu sein... "

Die Div`s wollen auch nicht so, wie sie sollen...

Danke nochmal.

Achso... mit der neusten Version klappt es jetzt auch endlich mit dem lokalen Webserver... weiter so.

__________________
Patrick Gotthardt
Patrick Gotthardt on Software
  #8  
Alt 01.03.2004, 19:18
Benutzerbild von Philipp Gérard
Zeitdenken
 
Registriert seit: 09.2003
Ort: Wien
Beiträge: 832
Wir bemühen uns ;-)

__________________
Philipp Gérard
Gewöhnliche Menschen denken nur daran, wie sie ihre Zeit verbringen. Ein intelligenter Mensch versucht sie zu nützen. - Arthur Schopenhauer
 


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
vB Zitieren Button Nuke Web Design und Grafik 7 08.02.2004 10:49






1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25