<b>REGISTER</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Probleme beim erstellen einen Designs » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS
Post New Thread Post Reply

Probleme beim erstellen einen Designs

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

SpeedyA2 SpeedyA2 is a male
Filtertester


SpeedyA2 hat kein Avatar

Registration Date: 24.01.2008
Posts: 4
Location: hannover
Program: Photoshop CS3

Spacer
Probleme beim erstellen einen Designs

Probleme beim erstellen einen Designs

      

Hallo Leute ich habe ein Probleme beim erstellen einen Designs für Ilch.

Ich möchte in diesem Design Bilder als Button einfügen aber dauernd macht mir der Explorer egal ob IE oder Fierefox unter die buttens eine Zeile drunter. Habe schon alles Probiert aber komme nicht auf eine Lösung. Wäre schön wenn mir einer Helfen könnte oder ein paar Tips geben könnte.

Hier mal einen Link: HP

Hier der Code:

code:
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:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
  
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="include/designs/meins/style.css">

</head>

<body style="margin:0">
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="296" colspan="2" align="center" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="76" align="center" valign="top" background="images/header/header_01_01.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="center" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="197" height="25" align="center" valign="top"><table width="197" border="0" cellspacing="0" cellpadding="0">
              
                <td width="197" height="25" align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <td height="25" align="left" valign="top"><img src="images/header/header_menu_1/header_menu_01.gif" alt="home" width="50" height="25" /><img src="images/header/header_menu_1/header_menu_02.gif" alt="links" width="33" height="25" /><img src="images/header/header_menu_1/header_menu_03.gif" alt="faq" width="29" height="25" /><img src="images/header/header_menu_1/header_menu_04.gif" alt="help" width="35" height="25" /><img src="images/header/header_menu_1/header_menu_06.gif" alt="sitemap" width="50" height="25" /></td>
                </table></td>
              
            </table></td>
            <td width="827" height="25" align="center" valign="top" background="images/header/header_menu_1/header_menu_07.gif">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="110" align="center" valign="top" background="images/header/header_03_01.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="center" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="511" height="25" align="center" valign="top" background="images/header/header_menu_2/header_menu_01.gif">&nbsp;</td>
            <td width="513" height="25" align="center" valign="top"><table width="513" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="513" height="25"><img src="images/header/header_menu_2/header_menu_02.gif" alt="service" width="98" height="25" /><img src="images/header/header_menu_2/header_menu_03.gif" alt="domains" width="93" height="25" /><img src="images/header/header_menu_2/header_menu_04.gif" alt="webhosting" width="114" height="25" /><img src="images/header/header_menu_2/header_menu_05.gif" alt="support" width="99" height="25" /><img src="images/header/header_menu_2/header_menu_06.gif" width="109" height="25" /></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="60" align="center" valign="top" background="images/header/header_05_01.jpg">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="313" align="center" valign="top"><table width="313" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="313" align="center" valign="top">{_list_menunr1@
<table width="313" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="313" height="60" align="center" valign="middle" background="images/boxen/box_top.gif"><table width="85%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="center" valign="top">%1</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="313" align="center" valign="top" background="images/boxen/box_middel.gif"><table width="80%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">%2</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="313" height="40" align="center" valign="top" background="images/boxen/box_down.gif">&nbsp;</td>
          </tr>
        </table>
}</td>
      </tr>
    </table></td>
    <td width="711" align="center" valign="top"><table width="711" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="711" align="center" valign="top"><table width="711%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="711" align="center" valign="top"><table width="80%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="center" valign="top">{HMENU}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="711" align="center" valign="top"><table width="80%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">&nbsp;</td>
              </tr>
              <tr>
                <td align="left" valign="top">{EXPLODE}</td>
              </tr>
              <tr>
                <td align="left" valign="top">&nbsp;</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="711" align="center" valign="top">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="100" colspan="2" align="center" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="40" align="center" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
           <td width="377" height="40" align="center" valign="top" nowrap="nowrap" background="images/footer/footer_menu/footer_menu_01.gif">&nbsp;</td>
            <td width="370" height="40" align="center" valign="top"><table width="370" border="0" cellspacing="0" cellpadding="0">
               <td width="370" height="40" align="center" valign="top" nowrap="nowrap"><img src="images/footer/footer_menu/footer_menu_02.gif" alt="" width="90" height="40" /><img src="images/footer/footer_menu/footer_menu_03.gif" alt="" width="70" height="40" /><img src="images/footer/footer_menu/footer_menu_04.gif" alt="" width="70" height="40" /><img src="images/footer/footer_menu/footer_menu_05.gif" alt="" width="70" height="40" /><img src="images/footer/footer_menu/footer_menu_06.gif" alt="" width="70" height="40" /></td>
            </table></td>
            <td width="277" height="40" align="center" valign="top" nowrap="nowrap" background="images/footer/footer_menu/footer_menu_07.gif">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="60" align="center" valign="middle" background="images/footer/footer.jpg"><table width="50%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top">{COPYRIGHT}</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>
|<br>
|}
{_list_hmenubegi@
<ul>
}
{_list_hmenuende@
</ul>
}
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>
|<br>
<ul>
|
</ul>
}
{_list_vmenubegi@
<ul>
}
{_list_vmenuende@
</ul>
}
Probleme beim erstellen einen Designs 30.03.2008 21:04 SpeedyA2 is offline Search for Posts by SpeedyA2

izak.stern izak.stern is a male
Ohnefiltergrafiker


izak.stern hat kein Avatar

Registration Date: 18.02.2008
Posts: 478

Spacer
      

koenntest du vllt schonma dein cms anschmeissen oder die marker rausnehmen? sonst ist es ein wenig muehsam...

vorneweg nochwas: w3c validation , vllt etwas sauberer schreiben, dann gibt es u.u. weniger darstellungsfehler...

nun zu deinem eigtl problem: leider kann ich keinen einzigen button sehen, beim durchsuchen der source finde ich keinen <input>-tag...^^

bitte präzisiere deine frage doch ein wenig, dann kann ich dir vllt bei deinem problem helfen Wink



Probleme beim erstellen einen Designs 30.03.2008 21:24 izak.stern is offline Homepage of izak.stern Search for Posts by izak.stern

SpeedyA2 SpeedyA2 is a male
Filtertester


SpeedyA2 hat kein Avatar

Registration Date: 24.01.2008
Posts: 4
Location: hannover
Program: Photoshop CS3

Thread Starter Thread Started by SpeedyA2
Spacer
      

Also das ist bisher nur das design und mehr noch nicht.

Es sollen dann da wo der Text ist also sprich

Header-Menü1: home, links, faq, help und sitemap
Header-Menü2: our Servers, Domain names, Webhosting und support
Footer Menü: Webhosting, Server, Service, Webdesign und Kontakt

Dann die Bilder verlinkt werden was aber nicht das Problem ist.

Mein Problem ist nur da wo ich die Bilder eingefügt habe bekomme ich auf einmal eine Zeile noch darunter bei den anderen Zeilen passt alles weil ich das ja als hintergrund eingefügt habe.

Probleme beim erstellen einen Designs 30.03.2008 22:54 SpeedyA2 is offline Search for Posts by SpeedyA2

izak.stern izak.stern is a male
Ohnefiltergrafiker


izak.stern hat kein Avatar

Registration Date: 18.02.2008
Posts: 478

Spacer
      

ich geb dir ein gutgemeinten rat: hoer mit table designs auf ^^

wenn ich mir folgende passage anguck:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
<td width="197" height="25" align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="25" align="left" valign="top"><img src="images/header/header_menu_1/header_menu_01.gif" alt="" width="50" height="25" border="0" /></td>
<td width="33" height="25" align="left" valign="top"><img src="images/header/header_menu_1/header_menu_02.gif" alt="" width="33" height="25" border="0" /></td>
<td width="29" height="25" align="left" valign="top"><img src="images/header/header_menu_1/header_menu_03.gif" alt="" width="29" height="25" border="0" /></td>
<td width="35" height="25" align="left" valign="top"><img src="images/header/header_menu_1/header_menu_04.gif" alt="" width="35" height="25" border="0" /></td>
<td width="50" height="25" align="left" valign="top"><img src="images/header/header_menu_1/header_menu_06.gif" alt="" width="50" height="25" border="0" /></td>
[B]</tr>[/B]
</table>
</td>
[B]</tr>[/B]
</table>
</td> 


fehlen da schonmal 2 closing <tr>-tags(bold markiert)...

da der code unkommentiert UND im table design gehalten ist, ist es verdammt schwierig durchzusteigen Wink

öffne den code mal in nem editor mit ordentlichem syntax highlighting und schreib deinen code ordentlich mit einem tab nach jedem strukturierenden tag wie table/tr/td... dann überprüfe, ob du auch wirklich jedes tag auch wieder closed...



This post has been edited 1 time(s), it was last edited by izak.stern: 30.03.2008 23:30.

Probleme beim erstellen einen Designs 30.03.2008 23:30 izak.stern is offline Homepage of izak.stern Search for Posts by izak.stern

bra1ved. bra1ved. is a male
Pfadfinder


Avatar von bra1ved.

Registration Date: 22.08.2007
Posts: 674
Program: AE, PS CS3, Flash 8

Spacer
      

Was ist an Tabellen eigentlich schlimm?
sry aber hab n paar Jahre lang nichts mehr mit HTML gemacht..
Früher hatte ich mit Frames gearbeitet..
Was ist denn die beste Möglichkeit?^^





re, wie der ägyptische Sonnengott!
Probleme beim erstellen einen Designs 31.03.2008 15:49 bra1ved. is offline Search for Posts by bra1ved.

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

Ganz früher wurden Frames benutzt.
Dann kamen Tabellen.
Heutzutage benutzt man größtenteils DIV mit CSS Wink



Probleme beim erstellen einen Designs 31.03.2008 16:07 Fireball is offline Homepage of Fireball Search for Posts by Fireball

Crokodeal Crokodeal is a male
Technik


Avatar von Crokodeal

Registration Date: 25.11.2006
Posts: 306
Location: Hannover
Program: AdMaCo CS 5.1, gimp

Spacer
      

Hi Kollege,
lieber alles nochmal neu schreiben und sauber anfangen - Die Sache mit den Pixelwerten in den TD's und background="image... mufft.

Ich hab mein HTMLCodeschreiben auch revolutioniert indem ich auf XHTML/CSS umgestiegen bin. Schnapp dir einfach nen guten Editor, N++ oder Ähnliches und dann legst du los und ziehst die einzelnen DIVs hoch mit Hilfe von Photoshop... oder du lässt Photoshop die einzelnen DIVs gleich in die HTML Datei schreiben und räumst später nen bisschen auf... Aber glaub mir, die Umstellung lohnt sich.

@Table:
Bei Tabellen bekommt man schnell Verschiebungen, wenn der Inhalt nicht formgerecht geschrieben ist. Bei DIVs wird der Inhalt, der überlappt auf Wunsch einfach ausgeblendet.
Damit hat man dann bei kleinen Designfehlern nicht gleich die komplette Website verzerrt und verzogen.

@DIVS/CSS:
Mit den Dingern kriegt man den HTML Code außerdem schöner unterteilt und sauberer.
Hinterher hast du nur noch 30% der Länge des Tabellencodes.



MfG Crokodeal
Probleme beim erstellen einen Designs 31.03.2008 16:52 Crokodeal is offline Search for Posts by Crokodeal

izak.stern izak.stern is a male
Ohnefiltergrafiker


izak.stern hat kein Avatar

Registration Date: 18.02.2008
Posts: 478

Spacer
      

danke croko, endlich mal jmd mit gleicher meinung! :clap:



Probleme beim erstellen einen Designs 31.03.2008 20:11 izak.stern is offline Homepage of izak.stern Search for Posts by izak.stern

Mero Mero is a male
The Dreadworks Project

Spender


Avatar von Mero

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

Spacer
      

naja, dass tables suboptimal sind, genauso wie frames ist logo :>

da wirds einige mit eurer meinung geben... besonders die wert auf barrierefreiheit legen...



.
The Dreadworks Project

And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me

Probleme beim erstellen einen Designs 31.03.2008 20:31 Mero is offline Homepage of Mero Search for Posts by Mero

izak.stern izak.stern is a male
Ohnefiltergrafiker


izak.stern hat kein Avatar

Registration Date: 18.02.2008
Posts: 478

Spacer
      

quote:
Original von Mero
naja, dass tables suboptimal sind, genauso wie frames ist logo :>


sie sind nicht suboptimal, sie sind nach
quote:
Original von selfHTML
Die folgende Tabelle listet die Module auf, aus denen XHTML 1.1 besteht. Für die Praxis als XHTML-Anwender hat diese Modularisierung keinen Einfluss. Sie können Ihre XHTML-Dokumente schreiben wie gewohnt - mit der Einschränkung, dass Sie nichts mehr verwenden dürfen, was noch aus den Seite HTML-Varianten Transitional und Frameset stammt.


oder

quote:
Original von Wilkipedia
The most recent XHTML W3C Recommendation is XHTML 1.1: Module-based XHTML, which is a reformulation of XHTML 1.0 Strict, with minor modifications, using a set of modules selected from a larger set defined in Modularization of XHTML, a W3C Recommendation which provides a modularization framework, a standard set of modules, and various conformance definitions. All deprecated features of HTML, such as presentational elements and framesets, and even lang and anchor name attributes, which were still allowed in XHTML 1.0 Strict, have been removed from this version.


in xhtml 1.1 nicht erlaubt und führen zu invalidem code.

hervorheben möchte ich auch folgenden satz:
quote:
Original von Wilkipedia
Presentation is controlled purely by Cascading Style Sheets (CSS).



Probleme beim erstellen einen Designs 31.03.2008 21:09 izak.stern is offline Homepage of izak.stern Search for Posts by izak.stern

Mero Mero is a male
The Dreadworks Project

Spender


Avatar von Mero

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

Spacer
      

damit hast du mir ja nicht widersprochen, sondern meinen beitrag verschärft.

suboptimal...

quote:
Häufig wird der Begriff jedoch mit ironischem Unterton oder als Euphemismus gebraucht, wenn ein eigentlich katastrophales Ergebnis beschrieben werden soll.


edit: merke grad, dass das hier gar nicht hingehört. wir können ja eventuell per pn oder icq weiterquatschen smile



.
The Dreadworks Project

And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me

Probleme beim erstellen einen Designs 31.03.2008 22:23 Mero is offline Homepage of Mero Search for Posts by Mero

izak.stern izak.stern is a male
Ohnefiltergrafiker


izak.stern hat kein Avatar

Registration Date: 18.02.2008
Posts: 478

Spacer
      

quote:
Original von duden.de
sub|op|ti|mal <Adj.> [engl. suboptimal = unter dem höchsten Qualitäts- oder Leistungsniveau, aus: sub- < lat. ...


aber nun is gut xD

nee mein letzter post war ja nicht nur an dich gerichtet, sondern an das ganze board, weil in letzter zeit immer noch fragen à là warum keine tables, frames??? kommen...



Probleme beim erstellen einen Designs 31.03.2008 23:00 izak.stern is offline Homepage of izak.stern Search for Posts by izak.stern
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 31.03.2008 23:00  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Probleme beim erstellen einen Designs

Similar topics to Probleme beim erstellen einen Designs
Thread
[Problem] Ordner wiederherstellen??? (Forum: Fragen & Probleme)
ND-Graphics ''Designs'' (Forum: Designs)
[Frage] Wie benutzte ich einen C4D richtig? (Forum: Fragen & Probleme)
[Frage] Beim stöbern etwas entdeckt (Forum: Fragen & Probleme)
[Leicht] [Video-Tutorial] Hintergrund erstellen (Weichzeichnugsfilter) (Forum: Signaturen/Avatare)