WinFuture-Forum.de: Css Frage - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Css Frage


#1 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 23. Mai 2006 - 13:56

Hi Leute
ich arbeite gerade an meiner HP und jetzt will ich es in CSS machen da der tabellencode eonfach zu lang und nicht sauber aussieht.

die seite:
hier

Wie mach ich das am besten in CSS?
das ganze design neu machen und mittels div befehle anordnen oder gibts eine andere möglichkeit das ich dann in jedere tabelle einfach <td style=...> sagen kann?

hab leider noch nie mit css gerarbeitet.
aber vielleicht könnt ihr mir ein paar tips geben.

Danke im vorraus
mfg ptrk


hier wäre der quellcode:
edit:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Patrick Ascher Official Site - Bio,Pictures,Videos & more |<?php echo "$site"; ?></title>
<script type="text/javascript" src="mouseover.js"></script>

<style type="text/css">
 body,html { 
 font-family: Verdana,sans-serif;
 background: url('bilder/bg.jpg');
 background-color: #ffffff;
 a:link  color:#000000; text-decoration:none;
 a:visited text-decoration:none;
 a:hover text-decoration:none color:#FF0000;
 a:active color:#000000;
}
</style>

</head>
<body leftMargin="0" topMargin="0">
<table id=table1 height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
<tbody>
<tr>
<td align=middle>
<table id="table2" width="988" height="375" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5" width="988" height="38" background="bilder/menue_01.gif"></td>
	</tr>
	<tr>
		<td rowspan="5" width="39" height="337" background="bilder/menue_02.gif"></td>
		<td background="bilder/menue_03.gif" width="360" height="38"></td>
		<td rowspan="5" width="18" height="337" background="bilder/menue_04.gif"></td>
		<td rowspan="4" bgcolor="#FFFFFF" width="535" height="290" valign="top">
<?php 
if (!isset($_GET['site'])) { $_GET['site']="news"; } 
if (file_exists($_GET['site'].".php")) { include($_GET['site'].".php"); } else { echo " <b><center>Noch nicht implementiert</center></b> ";  } 
?>
		</td>
		<td rowspan="5" background="bilder/menue_06.gif" width="36" height="337"></td>
	</tr>
	<tr>
		<td bgcolor="#FFFFFF" width="360" height="25">
		<p align="center">
			<a href="index.php?site=news"><img border="0" src="bilder/menue_news.jpg" srcover="bilder/menue_news_red.jpg" width="37" height="10"></a><a href="index.php?site=biographie"><img border="0" src="bilder/menue_bio.jpg" srcover="bilder/menue_bio_red.jpg" width="72" height="10"></a><a href="index.php?site=projekte"><img border="0" src="bilder/menue_projekt.jpg" srcover="bilder/menue_projekt_red.jpg" width="61" height="10"></a><a href="index.php?site=downloads"><img border="0" src="bilder/menue_down.jpg" srcover="bilder/menue_down_red.jpg" width="73" height="10"></a><a href="index.php?site=links"><img border="0" src="bilder/menue_links.jpg" srcover="bilder/menue_links_red.jpg" width="40" height="10"></a><a href="index.php?site=imprint"><img border="0" src="bilder/menue_imprint.jpg" srcover="bilder/menue_imprint_red.jpg" width="51" height="10"></a>
		</td>
	</tr>
	<tr>
		<td width="360" height="173" background="bilder/menue_08.gif"></td>
	</tr>
	<tr>
		<td bgcolor="#FFFFFF" width="360" height="54"></td>
	</tr>
	<tr>
		<td background="bilder/menue_10.gif" width="360" height="47"></td>
		<td background="bilder/menue_11.gif" width="535" height="47"></td>
	</tr>
</table>
<p>&nbsp;</td>
</tr>
</tbody>
</table>
</body>

Dieser Beitrag wurde von Party bearbeitet: 23. Mai 2006 - 15:03

0

Anzeige



#2 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 23. Mai 2006 - 16:00

Beitrag anzeigenZitat (Party: 23.05.2006, 14:56)

Wie mach ich das am besten in CSS?
das ganze design neu machen und mittels div befehle anordnen oder gibts eine andere möglichkeit das ich dann in jedere tabelle einfach <td style=...> sagen kann?

Ganz neu.

Zitat

hab leider noch nie mit css gerarbeitet.
aber vielleicht könnt ihr mir ein paar tips geben.

css4you.de ist dein Freund. Was du willst scheint mir ein einfaches zweispaltiges Layout zu sein, kein Problem. Übrigens hast du natürlich schon immer mit CSS gearbeitet, denn ohne CSS zeigt kein Browser deine Seite so an , wie du dir das vorstellst. Nur hast du das bisher den browsereigenen stylesheets und damit mehr oder weniger dem Zufall überlassen.
0

#3 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 23. Mai 2006 - 17:12

eine frage ist es möglich bzw gibt es einen css befehlt das man es nach oben und unten auch mittig macht so wie ich es zurzeit online habe?
0

#4 Mitglied ist offline   flo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 7.955
  • Beigetreten: 14. November 04
  • Reputation: 1
  • Geschlecht:Männlich

geschrieben 23. Mai 2006 - 17:14

@Party

Es gibt in css keine Befehle..

Aber um deine Frage zu beantworten: Ja das geht.
0

#5 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 23. Mai 2006 - 17:30

kannst du mir bitte sagen wie das funktioniert?

ich hab auch schon gesucht aber finde immer nur zentriert
0

#6 Mitglied ist offline   Murdoc 

  • Gruppe: aktive Mitglieder
  • Beiträge: 322
  • Beigetreten: 03. Januar 05
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 23. Mai 2006 - 17:50

Auch wenn das jetzt absolut nicht zum Thema passt, aber die Aufmachung find ich richtig gut ;D


Mfg Murdoc
0

#7 Mitglied ist offline   NightTiger 

  • Gruppe: aktive Mitglieder
  • Beiträge: 701
  • Beigetreten: 19. März 06
  • Reputation: 0
  • Wohnort:Bern
  • Interessen:Webdesign -&gt; (X)HTML, CSS, ein bisschen PHP und ein bisschen JavaScript ;))

geschrieben 23. Mai 2006 - 17:57

Ich hoffe, dass dir Google weiterhilft.. hab mal ein paar von diesen Seiten angeschaut, aber noch nie ausprobiert, da ich noch nie vertikal / senkrecht zentrieren wollte.. Versuch einfach mal ;D
0

#8 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 23. Mai 2006 - 18:50

danke danke für eure antworten

so bin jetzt eigendlich schon ziemlich weit aber jetzt steh ich vor einem problem.
ich hab des menü und muss das irgendwie am design fixieren sodass wenn man das Festern kleiner/größer macht es nicht mehr verrückt...

im anhang ist die html und css datei
wie mach ich das am besten?
ist der css code sonst so ok?


btw bilder werden dann noch kleiner gemacht keine angst...

Die Css Datei

Dieser Beitrag wurde von Party bearbeitet: 23. Mai 2006 - 19:05

0

#9 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 24. Mai 2006 - 07:16

Das ist in meinen Augen keine praktikable Lösung. Schau mal, ob dir diese Lösung hilft, eine Ebene vertikal zu zentrieren.
<div id="abstand"> wird dir sonst noch viele Probleme bereiten.

Du hast die Auflistung von Links absolut positioniert. Du solltest sie allerdings relativ zum Elternelement positionieren oder einfach fließen lassen. Dafür musst du aber mehr als eine Ebene definieren.
<div id="wrap">
  <div id="links">
	<h1>Ascherpatrick</h1>
	<ul>
	  <li style="display:inline;"><a href="#" title="interner link: blah">blah</a></li>
	  <li style="display:inline;"><a href="#" title="interner link: blah">blah</a></li>
	  <li style="display:inline;"><a href="#" title="interner link: blah">blah</a></li>
  </div>
  <div id ="rechts">
	  <h2>Impressum</h2>
	  <p>blah</p>
  </div>
</div>

0

#10 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 24. Mai 2006 - 08:15

ja habs jetzt mit hilfe so gemacht

funktioniert jetzt auch spitze
muss jetzt nur noch den ganzen content machen

Angehängte Datei(en)


0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0