Menü horizontal machen

Gehe zu Seite:

Geschlossen

So. 01.01.2017 22:11 Uhr #1

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

Wie bekomm ich die Links von oben nach unten ?? >.<

PS: Homepage besteht noch nicht online.

verwendete ilch Version: 1.1 P

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 02.01.2017 08:25 Uhr #2

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Das kann man dir anhand des Bilder nicht sagen.

Generell kann man nur sagen, dass es sehr wahrscheinlich mit ein "wenig" CSS möglich ist. Aber ohne das HTML zu sehen, ist was detaillierteres schwer möglich.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Di. 03.01.2017 07:07 Uhr #3

BleckHall Mitglied

index.htm

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

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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/001/design.css">
    <link rel="stylesheet" type="text/css" href="include/designs/001/style.css">
 
<script type="text/javascript" src="include/includes/js/jquery.js"></script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
 
<style type="text/css">
/*--Setzt alle Abstände auf "Null"--*/ 
* { 
margin: 0; 
padding: 0; 
}
 
/*--formatiert die Menüleiste + BGcolor Blau--*/ 
#menu { 
width: 484px;
height:38px; 
background: ; 
font-family: Verdana; 
font-size: 1em; 
line-height: 1.5; 
float: left; 
}
 
/*--formatiert die Themenblöcke - Nebeneinander--*/ 
#menu ul { 
float: left; 
width: 119px;
list-style-type: none;
padding-top: 2px;
}
 
/*--definiert die Blocküberschriften--*/ 
#menu h3 { 
font-size: 11px; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/ 
background: url(include/designs/001/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 
 
/*--definiert die Blocküberschriften--*/ 
#menu h3:hover { 
font-size: 11px; 
text-align: center; 
color: #e46d19; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/ 
height: 29px;
width: 119px;
background: url(include/designs/001/Bilder/button_hover.png);
padding-top: 9px;
} 
 
/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a { 
text-decoration: none; 
display: block; 
border: 1px solid #222; 
text-align: center; 
background: url(include/designs/001/Bilder/DropDownbutton.png);
color: #e46d19;
height: 20px; 
} 
 
/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover { 
color: #000; 
background: url(include/designs/001/Bilder/DropDownbutton_hover.png);
}
 
/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/ 
 
#menu a.direkt:link { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366;  
background: url(include/designs/001/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 
 
/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/ 
 
#menu a.direkt:hover { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #e46d19; 
border: 0px solid #ccc; 
height: 29px;
width: 119px;
background: url(include/designs/001/Bilder/button_hover.png);
padding-top: 9px;
} 
 
/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern-- 
*/ 
 
#menu li { 
position: relative; 
} 
 
/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
}
 
/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul { 
display: block; 
}
 
/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/ 
 
* html #menu ul li { 
float: left; 
width: 100%; 
} 
 
/*--nur für IE 7 erkennbar--*/ 
 
*+ html #menu ul li { 
float: left; 
width: 100%; 
}
 
 
</style>
 
</head>
 
<body>{_boxes_ilchsocialpanelbox} 
 
<center>
<table width="1100" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td align="center">
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/header.png">
    <tr>
     <td width="1100" height="246" align="right">
     <div style="width:400px; padding-right:15px;">{_boxes_001-LOGIN}</div>
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="5" align="right" background="include/designs/001/Bilder/kante.png">
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/menu.png">
    <tr>
     <td width="500" height="49" align="left">
      
      
      
<div id="menu"><!-- öffnet die Navigationsleiste-->
    
   <ul><!-- öffnet den dritten Themenblock -->
 
            <li><a class="direkt" href="?news">Startseite</a></li> 
 
   </ul><!--schließt den dritten Themenblock-->
    
   {_list_menunr1@
   <ul><!-- öffnet den 1. Themenblock -->
 
      <li><!-- öffnet die Listeneinträge von Thema 1 -->
 
         <h3>%1</h3> 
 
            <ul><!-- öffnet die Klappnavi von Thema 1 -->
 
               <li>%2</li> 
 
            </ul><!-- schließt die Klappnavi von Thema 1 -->
 
         </li><!-- schließt die Listeneinträge von Thema 1 -->
 
   </ul><!--schließt den 2. Themenblock--> }
   {_list_menunr2@
   <ul><!-- öffnet den ersten Themenblock -->
 
      <li><!-- öffnet die Listeneinträge von Thema 1 -->
 
         <h3>%1</h3> 
 
            <ul><!-- öffnet die Klappnavi von Thema 1 -->
 
               <li>%2</li> 
 
            </ul><!-- schließt die Klappnavi von Thema 1 -->
 
         </li><!-- schließt die Listeneinträge von Thema 1 -->
 
   </ul><!--schließt den ersten Themenblock--> }
   {_list_menunr3@
   <ul><!-- öffnet den 3. Themenblock -->
 
      <li><!-- öffnet die Listeneinträge von Thema 1 -->
 
         <h3>%1</h3> 
 
            <ul><!-- öffnet die Klappnavi von Thema 1 -->
 
               <li>%2</li> 
 
            </ul><!-- schließt die Klappnavi von Thema 1 -->
 
         </li><!-- schließt die Listeneinträge von Thema 1 -->
 
   </ul><!--schließt den ersten Themenblock--> }
 
 
 
</div><!-- schließt die Menüleiste #menu -->
 
<div style="clear: both;"> </div> <!--cleart die gefloatete Menüleiste-->
  
     </td>
     <td width="600"><div style="float: left; padding-left: 50px; padding-top:2px;">{_boxes_001-STATISTIK}</div></td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/lastbox.png">
    <tr>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 10px; padding-top: 19px; padding-right:10px;">{_boxes_001-LASTNEWS}</td></tr></table>
     </td>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 15px; padding-top: 19px;">{_boxes_001-LASTFORUM}</td></tr></table>
     </td>
     <td width="350" height="199" valign="middle">
      <table width="100%"><tr>
      <td width="100%" align="center" style="padding-left: 15px; padding-right:45px;">{_boxes_TOPMATCH}</td></tr></table>
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="6" background="include/designs/001/Bilder/page_bg_oben.png"></td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" background="include/designs/001/Bilder/page_bg.png">
      
      <table width="1100" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td width="230" align="left" valign="top">
         {_list_menunr4@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/001/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" valign="top" background="include/designs/001/Bilder/box_links_mitte.png">
            
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
    
           </td>
          </tr>
          <tr>
           <td width="230" height="17" background="include/designs/001/Bilder/box_links_unten.png"></td>
          </tr>
         </table>    
         }
        </td>
        <td width="640" align="left" valign="top">
         <table width="638" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td height="64" background="include/designs/001/Bilder/hamanu.png"><div style="padding-left:15px; padding-bottom:20px;">{HMENU}</div></td>
          </tr>
          <tr>
           <td><div style="padding-left:10px; padding-right:10px; padding-bottom:20px;">{EXPLODE}</div></td>
          </tr>
         </table>
        </td>
        <td width="230" align="left" valign="top">
         
        {_list_menunr5@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/001/Bilder/box_rechts_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" background="include/designs/001/Bilder/box_rechts_mitte.png">
            
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
            
           </td>
          </tr>
          <tr>
           <td width="230" height="17" background="include/designs/001/Bilder/box_rechts_unten.png"></td>
          </tr>
         </table>    
         }
         
        </td>
       </tr>
      </table>
      
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="130" valign="bottom"><img src="include/designs/001/Bilder/footer.png" border="0" usemap="#Map"/>
     </td>
    </tr>
   </table>
    
   <br />
    
  </td>
 </tr>
</table>
 
 
</center>
 
 
 
<map name="Map" id="Map"><area shape="rect" coords="962,72,1017,115" href="#" alt="on top" />
</map>
</body>
{_boxes_cookieplugin}
</html>
 
{_list_hmenupoint@<a target="%1" href="%2">%3</a>&nbsp;I&nbsp;}
{_list_hmenubegi@}
{_list_hmenuende@}
{_list_vmenupoint@<a target="%1" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}

index_forum.htm

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

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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/001/style.css">
 
<script type="text/javascript" src="include/includes/js/jquery.js"></script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
 
<style type="text/css">
/*--Setzt alle Abstände auf "Null"--*/
* { 
margin: 0; 
padding: 0; 
}
 
/*--formatiert die Menüleiste + BGcolor Blau--*/
#menu { 
width: 484px;
height:38px; 
background: ; 
font-family: Verdana; 
font-size: 1em; 
line-height: 1.5; 
float: left; 
}
 
/*--formatiert die Themenblöcke - Nebeneinander--*/
#menu ul { 
float: left; 
width: 119px;
list-style-type: none;
padding-top: 2px;
}
 
/*--definiert die Blocküberschriften--*/
#menu h3 { 
font-size: 11px; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/
background: url(include/designs/001/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 
 
/*--definiert die Blocküberschriften--*/
#menu h3:hover { 
font-size: 11px; 
text-align: center; 
color: #e46d19; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/
height: 29px;
width: 119px;
background: url(include/designs/001/Bilder/button_hover.png);
padding-top: 9px;
} 
 
/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a { 
text-decoration: none; 
display: block; 
border: 1px solid #222; 
text-align: center; 
background: url(include/designs/001/Bilder/DropDownbutton.png);
color: #e46d19;
height: 20px; 
} 
 
/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover { 
color: #000; 
background: url(include/designs/001/Bilder/DropDownbutton_hover.png);
}
 
/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
 
#menu a.direkt:link { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366;  
background: url(include/designs/001/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 
 
/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
 
#menu a.direkt:hover { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #e46d19; 
border: 0px solid #ccc; 
height: 29px;
width: 119px;
background: url(include/designs/001/Bilder/button_hover.png);
padding-top: 9px;
} 
 
/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern-- 
*/
 
#menu li { 
position: relative; 
} 
 
/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
}
 
/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul { 
display: block; 
}
 
/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
 
* html #menu ul li { 
float: left; 
width: 100%; 
} 
 
/*--nur für IE 7 erkennbar--*/
 
*+ html #menu ul li { 
float: left; 
width: 100%; 
}
 
 
</style>
 
</head>
 
<body>
<?php include_once("analyticstracking.php") ?>
{_boxes_ilchsocialpanelbox}  
 
<center>
<table width="1100" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td align="center">
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/header.png">
    <tr>
     <td width="1100" height="246" align="right">
     <div style="width:400px; padding-right:15px;">{_boxes_001-LOGIN}</div>
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="5" align="right" background="include/designs/001/Bilder/kante.png">
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/menu.png">
    <tr>
     <td width="500" height="49" align="left">
      
      
      
<div id="menu"><!-- öffnet die Navigationsleiste--> 
    
   <ul><!-- öffnet den dritten Themenblock --> 
 
            <li><a class="direkt" href="?news">Startseite</a></li> 
 
   </ul><!--schließt den dritten Themenblock--> 
    
   {_list_menunr1@
   <ul><!-- öffnet den 1. Themenblock --> 
 
      <li><!-- öffnet die Listeneinträge von Thema 1 --> 
 
         <h3>%1</h3> 
 
            <ul><!-- öffnet die Klappnavi von Thema 1 --> 
 
               <li>%2</li> 
 
            </ul><!-- schließt die Klappnavi von Thema 1 --> 
 
         </li><!-- schließt die Listeneinträge von Thema 1 --> 
 
   </ul><!--schließt den 2. Themenblock--> }
   {_list_menunr2@
   <ul><!-- öffnet den ersten Themenblock --> 
 
      <li><!-- öffnet die Listeneinträge von Thema 1 --> 
 
         <h3>%1</h3> 
 
            <ul><!-- öffnet die Klappnavi von Thema 1 --> 
 
               <li>%2</li> 
 
            </ul><!-- schließt die Klappnavi von Thema 1 --> 
 
         </li><!-- schließt die Listeneinträge von Thema 1 --> 
 
   </ul><!--schließt den ersten Themenblock--> }
   {_list_menunr3@
   <ul><!-- öffnet den 3. Themenblock --> 
 
      <li><!-- öffnet die Listeneinträge von Thema 1 --> 
 
         <h3>%1</h3> 
 
            <ul><!-- öffnet die Klappnavi von Thema 1 --> 
 
               <li>%2</li> 
 
            </ul><!-- schließt die Klappnavi von Thema 1 --> 
 
         </li><!-- schließt die Listeneinträge von Thema 1 --> 
 
   </ul><!--schließt den ersten Themenblock--> }
 
 
 
</div><!-- schließt die Menüleiste #menu --> 
 
<div style="clear: both;"> </div> <!--cleart die gefloatete Menüleiste-->
  
     </td>
     <td width="600"><div style="float: left; padding-left: 50px; padding-top:2px;">{_boxes_001-STATISTIK}</div></td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/lastbox.png">
    <tr>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 10px; padding-top: 19px; padding-right:10px;">{_boxes_001-LASTNEWS}</td></tr></table>
     </td>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 15px; padding-top: 19px;">{_boxes_001-LASTFORUM}</td></tr></table>
     </td>
     <td width="350" height="199" valign="middle">
      <table width="100%"><tr>
      <td width="100%" align="center" style="padding-left: 15px; padding-right:45px;">{_boxes_TOPMATCH}</td></tr></table>
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="6" background="include/designs/001/Bilder/page_bg_oben.png"></td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" background="include/designs/001/Bilder/page_bg2.png">
      
      <table width="1100" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td width="230" align="left" valign="top">
         {_list_menunr4@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/001/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" valign="top" background="include/designs/001/Bilder/box_links_mitte.png">
            
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
    
           </td>
          </tr>
          <tr>
           <td width="230" height="17" background="include/designs/001/Bilder/box_links_unten.png"></td>
          </tr>
         </table>    
         }
        </td>
        <td width="867" align="left" valign="top">
         <table width="864" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td height="64" background="include/designs/001/Bilder/hamanu2.png"><div style="padding-left:15px; padding-bottom:20px;">{HMENU}</div></td>
          </tr>
          <tr>
           <td><div style="padding-left:10px; padding-right:10px; padding-bottom:20px;">{EXPLODE}</div></td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
      
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="130" valign="bottom"><img src="include/designs/001/Bilder/footer2.png" border="0" usemap="#Map"/>
     </td>
    </tr>
   </table>
    
   <br />
    
  </td>
 </tr>
 
</table>
 
 
</center>
 
 
 
 
<map name="Map" id="Map"><area shape="rect" coords="962,72,1017,115" href="#" alt="on top" />
</map>
</body>
{_boxes_cookieplugin}
</html>
 
{_list_hmenupoint@<a target="%1" href="%2">%3</a>&nbsp;I&nbsp;}
{_list_hmenubegi@}
{_list_hmenuende@}
{_list_vmenupoint@<a target="%1" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}

style.css

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

@charset "utf-8";
/* CSS Document */
 
body {
  background-color: #333333;
  background-image: url('Bilder/bg.jpg') ;   
  background-attachment:fixed;
  background-position: 50% 0%;
  background-repeat:no-repeat;
  margin:0; 
  padding:0;
}
 
td
{
  font-family: Verdana;
  font-size: 12px;
  color: #FFF;
}
 
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
    color: #e46d19;
   font-family: Verdana;
   font-size: 11px;
   text-decoration: none;
}
 
a.
{
   color: #666;
}
 
a:hover
{
  text-decoration: none;
}
 
a.box
{
    color: #e46d19;
   font-family: Verdana;
   font-size: 11px;
   text-decoration: underline;
}
 
a.box:hover
{
  text-decoration: none;
  color: #e46d19;
}
 
.Chead
{
  background: #333;
  color: #111;
}
 
.Chead a
{
  color: #e46d19;
}
 
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  background: #e46d19;
  color: #d4b39d;
}
 
.Callg
{
  background-color: #EFEFEF;
   color: #FFF;
}
 
.Callg td
{
  color: #000000;
}
 
.Cnorm
{
  background-color: #666;
}
.Cmite
{
  background-color: #999;
}
.Cdark
{
  background-color: #222;
}
 
.rand
{
  border: solid #222 1px;
}
 
.smalfont
{
    font-size: 10px;
   text-decoration: none;
}
 
.border
{
   background-color: #CCC;
}
hr
{
        height: 0px;
      border: solid #e46d19 0px;
      border-top-width: 1px;
}
 
input, textarea, select
{
    color: #000000;
    font: 12px Verdana;
    border-color: #e46d19;
     border-width: 1px;
    border-style: solid;
    font-weight: none;
    text-decoration: none;
    background-color: #EFEFEF;
}

Zuletzt modifiziert von BleckHall am 03.01.2017 - 07:09:41

gaming-evolution.eu/

0 Mitglieder finden den Beitrag gut.

zitieren

Di. 03.01.2017 11:16 Uhr #4

Mairu Coder

Du hast ja die Stellen, wo deine Menüs eingebunden werden.

{_list_menunr1@
<ul><!-- öffnet den 1. Themenblock -->
 
   <li><!-- öffnet die Listeneinträge von Thema 1 -->
 
      <h3>%1</h3> 
 
         <ul><!-- öffnet die Klappnavi von Thema 1 -->
 
            <li>%2</li> 
 
         </ul><!-- schließt die Klappnavi von Thema 1 -->
 
      </li><!-- schließt die Listeneinträge von Thema 1 -->
 
</ul><!--schließt den 2. Themenblock--> }

Am Ende der Datei wird noch festgelegt, wie die Menüpunkte generiert werden.

{_list_hmenupoint@<a target="%1" href="%2">%3</a>&nbsp;I&nbsp;}
{_list_hmenubegi@}
{_list_hmenuende@}
{_list_vmenupoint@<a target="%1" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}

So wie es in den Dateien jetzt steht, macht das wenig Sinn.

Hier der letzte Part aus dem Standarddesign.

<!--           anfang        +     link                |ende |teilende|teilee  -->
<!-- horizontaler menupunkt -->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
<!-- horizontaler menupunkt anfang -->
{_list_hmenubegi@<ul>}
<!-- horizontaler menupunkt ende -->
{_list_hmenuende@</ul>}
 
<!-- vertikaler menupunkt -->
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
<!-- vertikaler menupunkt anfang -->
{_list_vmenubegi@<ul>}
<!-- vertikaler menupunkt ende -->
{_list_vmenuende@</ul>}

So würde da bei dir auch Sinn machen.
Damit wird eine HTML Struktur aufgebaut.

<ul>
  <li><a href="..." class="box">Menüpunkt 1</a><li>
  <li><a href="..." class="box">Menüpunkt 2</a><li>
</ul>

Ich weiß ja nicht, woher du den Code hast, wie er jetzt bei dir ist.
Aber eigentlich macht es keinen Sinn 3 Menüs direkt untereinander machen, da man alles mit einem Menü konfigurieren kann.

Ich würde es wahrscheinlich so aufbauen.

<div id="menu">
{_list_menunr1@
<h3>%1</h3> 
%2
</div>

Dann könntest du in der CSS mit

1 2	`#menu ul { ... }` `#menu ul li {...}`

Regeln für dein Menü definieren.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite

0 Mitglieder finden den Beitrag gut.

zitieren

Di. 03.01.2017 22:43 Uhr #5

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

Danke für die Hilfe =D

Wenn du mir jetzt noch sagen kannst wie ich diese Punkte weg bekomme dann könnt ich dich knuddeln *-*

Zuletzt modifiziert von BleckHall am 03.01.2017 - 22:48:31

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 04.01.2017 06:04 Uhr #6

Siggi Hall Of Fame

Registriert seit
08.02.2007

Beiträge
6.558

Beitragswertungen

Mit ein wenig css

?
1
list-style: none;

Wie poste ich falsch?
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 04.01.2017 19:41 Uhr #7

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

Zitat geschrieben von Siggi
Mit ein wenig css

?
1
list-style: none;

geht leider nicht

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 05.01.2017 08:09 Uhr #8

blackcoder Entwickler

Registriert seit
22.05.2014

Beiträge
2.474

Beitragswertungen

Wurde die Zeile in die CSS eingefügt?

Am besten den betreffenden Teil der CSS (fürs Menü) hier posten.
0 Mitglieder finden den Beitrag gut.
- zitieren

Do. 05.01.2017 13:31 Uhr #9

BleckHall Mitglied

Ausschnitt sytle.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15	`a.box` `{` `color:` `#e46d19;` `font-family:` `Verdana;` `font-size:` `11px;` `text-decoration:` `underline;` `list-style:` `none;` `}` `a.box:hover` `{` `text-decoration:` `none;` `color:` `#e46d19;` `list-style:` `none;` `}`

Style.css
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	`@charset` `"utf-8";` `/* CSS Document */` `body {` `background-color:` `#333333;` `background-image:` `url('Bilder/bg.jpg') ;` `background-attachment:fixed;` `background-position:` `50%` `0%;` `background-repeat:no-repeat;` `margin:0;` `padding:0;` `}` `td` `{` `font-family:` `Verdana;` `font-size:` `12px;` `color:` `#FFF;` `}` `a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a` `{` `color:` `#e46d19;` `font-family:` `Verdana;` `font-size:` `11px;` `text-decoration:` `none;` `}` `a.` `{` `color:` `#666;` `}` `a:hover` `{` `text-decoration:` `none;` `}` `a.box` `{` `color:` `#e46d19;` `font-family:` `Verdana;` `font-size:` `11px;` `text-decoration:` `underline;` `list-style:` `none;` `}` `a.box:hover` `{` `text-decoration:` `none;` `color:` `#e46d19;` `list-style:` `none;` `}` `.Chead` `{` `background:` `#333;` `color:` `#111;` `}` `.Chead a` `{` `color:` `#e46d19;` `}` `.Chead td, .Chead td strong, .Chead h4, .Chead td b` `{` `background:` `#e46d19;` `color:` `#d4b39d;` `}` `.Callg` `{` `background-color:` `#EFEFEF;` `color:` `#FFF;` `}` `.Callg td` `{` `color:` `#000000;` `}` `.Cnorm` `{` `background-color:` `#666;` `}` `.Cmite` `{` `background-color:` `#999;` `}` `.Cdark` `{` `background-color:` `#222;` `}` `.rand` `{` `border:` `solid` `#222` `1px;` `}` `.smalfont` `{` `font-size:` `10px;` `text-decoration:` `none;` `}` `.border` `{` `background-color:` `#CCC;` `}` `hr` `{` `height:` `0px;` `border:` `solid` `#e46d19` `0px;` `border-top-width:` `1px;` `}` `input, textarea, select` `{` `color:` `#000000;` `font:` `12px` `Verdana;` `border-color:` `#e46d19;` `border-width:` `1px;` `border-style:` `solid;` `font-weight:` `none;` `text-decoration:` `none;` `background-color:` `#EFEFEF;` `}`

gaming-evolution.eu/

0 Mitglieder finden den Beitrag gut.

zitieren

Do. 05.01.2017 13:34 Uhr #10

Siggi Hall Of Fame

Registriert seit
08.02.2007

Beiträge
6.558

Beitragswertungen

Dort fehlt wohl irgendwie die CSS für das Menü oder diese wurde noch nicht angegeben.

?
1
2
3
#menu ul {
list-style: none;
}

Wie poste ich falsch?
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 05.01.2017 19:34 Uhr #11

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

Zitat geschrieben von Siggi
Dort fehlt wohl irgendwie die CSS für das Menü oder diese wurde noch nicht angegeben.

?
1
2
3
#menu ul {
list-style: none;
}

wo genau muss ich das einfügen gibts da einen speziellen punkt ?

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 05.01.2017 19:36 Uhr #12

blackcoder Entwickler

Registriert seit
22.05.2014

Beiträge
2.474

Beitragswertungen

Nein, müsstest du z.B. einfach ans Ende einfügen können.
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 06.01.2017 20:54 Uhr #13

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

Zitat geschrieben von blackcoder
Nein, müsstest du z.B. einfach ans Ende einfügen können.

Hab ich geht immernoch nicht

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 08.01.2017 20:16 Uhr #14

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

hat jemand vllt noch eine idee ?

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 09.01.2017 09:11 Uhr #15

Nex4T Moderator

Registriert seit
28.02.2007

Beiträge
3.414

Beitragswertungen

Wie Siggi Schon schrieb um die Punkte weg zu machen benutzt man die css eigenschaft list-style:none;, ich geh davon aus das du wahrscheinlich die eigenschaft nur falsch positioniert hast.

while(!asleep()) sheep++;
www.movely.biz
www.webplant.eu
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 09.01.2017 10:28 Uhr #16

Siggi Hall Of Fame

Registriert seit
08.02.2007

Beiträge
6.558

Beitragswertungen

Ansonsten versuche mal ein !important dran zu hängen aber normal sollte es gehen.

Wie poste ich falsch?
0 Mitglieder finden den Beitrag gut.
- zitieren

Mo. 09.01.2017 19:57 Uhr #17

BleckHall Mitglied

leider immenoch nicht genervt

Noch jemand eine idee ?

oder hängt da vllt was in der index drin siehe oben ?

style.css
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	`@charset "utf-8";` `/* CSS Document */` `body {` `background-color: #333333;` `background-image: url('Bilder/bg.jpg') ;` `background-attachment:fixed;` `background-position: 50% 0%;` `background-repeat:no-repeat;` `margin:0;` `padding:0;` `}` `td` `{` `font-family: Verdana;` `font-size: 12px;` `color: #FFF;` `}` `a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a` `{` `color: #e46d19;` `font-family: Verdana;` `font-size: 11px;` `text-decoration: none;` `}` `a.` `{` `color: #666;` `}` `a:hover` `{` `text-decoration: none;` `}` `a.box` `{` `color: #e46d19;` `font-family: Verdana;` `font-size: 11px;` `text-decoration: underline;` `list-style: none;` `}` `a.box:hover` `{` `text-decoration: none;` `color: #e46d19;` `list-style: none;` `}` `.Chead` `{` `background: #333;` `color: #111;` `}` `.Chead a` `{` `color: #e46d19;` `}` `.Chead td, .Chead td strong, .Chead h4, .Chead td b` `{` `background: #e46d19;` `color: #d4b39d;` `}` `.Callg` `{` `background-color: #EFEFEF;` `color: #FFF;` `}` `.Callg td` `{` `color: #000000;` `}` `.Cnorm` `{` `background-color: #666;` `}` `.Cmite` `{` `background-color: #999;` `}` `.Cdark` `{` `background-color: #222;` `}` `.rand` `{` `border: solid #222 1px;` `}` `.smalfont` `{` `font-size: 10px;` `text-decoration: none;` `}` `.border` `{` `background-color: #CCC;` `}` `hr` `{` `height: 0px;` `border: solid #e46d19 0px;` `border-top-width: 1px;` `}` `input, textarea, select` `{` `color: #000000;` `font: 12px Verdana;` `border-color: #e46d19;` `border-width: 1px;` `border-style: solid;` `font-weight: none;` `text-decoration: none;` `background-color: #EFEFEF;` `}` `menu ul {` `list-style: none !important;` `}`

gaming-evolution.eu/

0 Mitglieder finden den Beitrag gut.

zitieren

Mo. 09.01.2017 20:17 Uhr #18

Siggi Hall Of Fame

Registriert seit
08.02.2007

Beiträge
6.558

Beitragswertungen

Es fehlt ja auch die # (Raute) davor wenn es eine ID ist oder der . (Punkt) wenn es eine class ist

Wie poste ich falsch?
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 10.01.2017 00:35 Uhr #19

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

Zitat geschrieben von Siggi
Es fehlt ja auch die # (Raute) davor wenn es eine ID ist oder der . (Punkt) wenn es eine class ist

werder . noch # gehen

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 10.01.2017 01:07 Uhr #20

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Wie sieht die index.htm denn jetzt aus?

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Di. 10.01.2017 02:02 Uhr #21

BleckHall Mitglied

index
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 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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/001/design.css">` `<link rel="stylesheet" type="text/css" href="include/designs/001/style.css">` `<script type="text/javascript" src="include/includes/js/jquery.js"></script>` `<script type="text/javascript" src="include/includes/js/messenger.js"></script>` `<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />` `<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />` `<!--[if lte IE 7]>` `<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />` `<![endif]-->` `<style type="text/css">` `/--Setzt alle Abstände auf "Null"--/` `* {` `margin: 0;` `padding: 0;` `}` `/--formatiert die Menüleiste + BGcolor Blau--/` `#menu {` `width: 484px;` `height:38px;` `background: ;` `font-family: Verdana;` `font-size: 1em;` `line-height: 1.5;` `float: left;` `}` `/--formatiert die Themenblöcke - Nebeneinander--/` `#menu ul {` `float: left;` `width: 119px;` `list-style-type: none;` `padding-top: 2px;` `}` `/--definiert die Blocküberschriften--/` `#menu h3 {` `font-size: 11px;` `text-align: center;` `color: #CCC;` `border: 0px solid #003366; /--erforderlich für IE 7--/` `background: url(include/designs/001/Bilder/button.png);` `height: 29px;` `width: 119px;` `padding-top: 9px;` `}` `/--definiert die Blocküberschriften--/` `#menu h3:hover {` `font-size: 11px;` `text-align: center;` `color: #e46d19;` `border: 0px solid #003366; /--erforderlich für IE 7--/` `height: 29px;` `width: 119px;` `background: url(include/designs/001/Bilder/button_hover.png);` `padding-top: 9px;` `}` `/--definiert die "Drop-Down-Links" im Normalzustand--/` `#menu a {` `text-decoration: none;` `display: block;` `border: 1px solid #222;` `text-align: center;` `background: url(include/designs/001/Bilder/DropDownbutton.png);` `color: #e46d19;` `height: 20px;` `}` `/--definiert die "Drop-Down-Links" im Hoverzustand--/` `#menu a:hover {` `color: #000;` `background: url(include/designs/001/Bilder/DropDownbutton_hover.png);` `}` `/--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--/` `#menu a.direkt:link {` `font-size: 11px;` `font-weight: bold;` `text-align: center;` `color: #CCC;` `border: 0px solid #003366;` `background: url(include/designs/001/Bilder/button.png);` `height: 29px;` `width: 119px;` `padding-top: 9px;` `}` `/--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--/` `#menu a.direkt:hover {` `font-size: 11px;` `font-weight: bold;` `text-align: center;` `color: #e46d19;` `border: 0px solid #ccc;` `height: 29px;` `width: 119px;` `background: url(include/designs/001/Bilder/button_hover.png);` `padding-top: 9px;` `}` `/` `verhindert im Zusammenhang mit position absolute bei ul ul` `eine Höhenvergrößerung von #menu beim Hovern--` `/` `#menu li {` `position: relative;` `}` `/--versteckt die "Drop-Down-Links", solange nicht gehovert wird--/` `#menu ul ul {` `position: absolute;` `z-index: 2;` `display: none;` `}` `/--lässt die Dropdown-Links beim Hovern erscheinen--/` `#menu ul li:hover ul {` `display: block;` `}` `/--nur für IE-Versionen kleiner gleich 6 erkennbar--/` `* html #menu ul li {` `float: left;` `width: 100%;` `}` `/--nur für IE 7 erkennbar--/` `*+ html #menu ul li {` `float: left;` `width: 100%;` `}` `</style>` `</head>` `<body>{_boxes_ilchsocialpanelbox}` `<center>` `<table width="1100" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td align="center">` `<table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/header.png">` `<tr>` `<td width="1100" height="246" align="right">` `<div style="width:400px; padding-right:15px;">{_boxes_001-LOGIN}</div>` `</td>` `</tr>` `</table>` `<table width="1100" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td width="1100" height="5" align="right" background="include/designs/001/Bilder/kante.png">` `</td>` `</tr>` `</table>` `<table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/menu.png">` `<tr>` `<td width="500" height="49" align="left">` `<div id="menu"><!-- öffnet die Navigationsleiste-->` `<ul><!-- öffnet den dritten Themenblock -->` `<li><a class="direkt" href="?news">Startseite</a></li>` `</ul><!--schließt den dritten Themenblock-->` `{_list_menunr1@` `<ul><!-- öffnet den 1. Themenblock -->` `<li><!-- öffnet die Listeneinträge von Thema 1 -->` `<h3>%1</h3>` `<ul><!-- öffnet die Klappnavi von Thema 1 -->` `<li>%2</li>` `</ul><!-- schließt die Klappnavi von Thema 1 -->` `</li><!-- schließt die Listeneinträge von Thema 1 -->` `</ul><!--schließt den 2. Themenblock--> }` `{_list_menunr2@` `<ul><!-- öffnet den ersten Themenblock -->` `<li><!-- öffnet die Listeneinträge von Thema 1 -->` `<h3>%1</h3>` `<ul><!-- öffnet die Klappnavi von Thema 1 -->` `<li>%2</li>` `</ul><!-- schließt die Klappnavi von Thema 1 -->` `</li><!-- schließt die Listeneinträge von Thema 1 -->` `</ul><!--schließt den ersten Themenblock--> }` `{_list_menunr3@` `<ul><!-- öffnet den 3. Themenblock -->` `<li><!-- öffnet die Listeneinträge von Thema 1 -->` `<h3>%1</h3>` `<ul><!-- öffnet die Klappnavi von Thema 1 -->` `<li>%2</li>` `</ul><!-- schließt die Klappnavi von Thema 1 -->` `</li><!-- schließt die Listeneinträge von Thema 1 -->` `</ul><!--schließt den ersten Themenblock--> }` `</div><!-- schließt die Menüleiste #menu -->` `<div style="clear: both;"> </div> <!--cleart die gefloatete Menüleiste-->` `</td>` `<td width="600"><div style="float: left; padding-left: 50px; padding-top:2px;">{_boxes_001-STATISTIK}</div></td>` `</tr>` `</table>` `<table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/001/Bilder/lastbox.png">` `<tr>` `<td width="350" height="199" valign="top">` `<table width="100%"><tr>` `<td width="100%" style="padding-left: 10px; padding-top: 19px; padding-right:10px;">{_boxes_001-LASTNEWS}</td></tr></table>` `</td>` `<td width="350" height="199" valign="top">` `<table width="100%"><tr>` `<td width="100%" style="padding-left: 15px; padding-top: 19px;">{_boxes_001-LASTFORUM}</td></tr></table>` `</td>` `<td width="350" height="199" valign="middle">` `<table width="100%"><tr>` `<td width="100%" align="center" style="padding-left: 15px; padding-right:45px;">{_boxes_TOPMATCH}</td></tr></table>` `</td>` `</tr>` `</table>` `<table width="1100" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td width="1100" height="6" background="include/designs/001/Bilder/page_bg_oben.png"></td>` `</tr>` `</table>` `<table width="1100" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td width="1100" background="include/designs/001/Bilder/page_bg.png">` `<table width="1100" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td width="230" align="left" valign="top">` `{_list_menunr4@` `<table width="230" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td width="230" height="51" align="center" background="include/designs/001/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>` `</tr>` `<tr>` `<td width="230" align="center" valign="top" background="include/designs/001/Bilder/box_links_mitte.png">` `<table width="230" border="0" cellspacing="0" cellpadding="0">` `<tr>` `<td width="15"></td>` `<td align="center" valign="top">%2</td>` `<td width="15"></td>` `</tr>` `</table>` `</td>` `</tr>` `<tr>` `<td width="230" height="17" background="include/designs/001/Bilder/box_links_unten.png"></td>` `</tr>` `</table>` `}` `</td>` `<td width="640" align="left" valign="top">` `<table width="638" cellpadding="0" cellspacing="0" border="0">` `<tr>` `<td height="64" background="include/designs/001/Bilder/hamanu.png"><div style="padding-left:15px; padding-bottom:20px;">{HMENU}</div></td>` `</tr>` `<tr>` `<td><div style="padding-left:10px; padding-right:10px; padding-bottom:20px;">{EXPLODE}</div></td>` `</tr>` `</table>` `</td>` `<td width="230" align="left" valign="top">` `{_list_menunr5@` `<table width="230" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td width="230" height="51" align="center" background="include/designs/001/Bilder/box_rechts_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>` `</tr>` `<tr>` `<td width="230" align="center" background="include/designs/001/Bilder/box_rechts_mitte.png">` `<table width="230" border="0" cellspacing="0" cellpadding="0">` `<tr>` `<td width="15"></td>` `<td align="center" valign="top">%2</td>` `<td width="15"></td>` `</tr>` `</table>` `</td>` `</tr>` `<tr>` `<td width="230" height="17" background="include/designs/001/Bilder/box_rechts_unten.png"></td>` `</tr>` `</table>` `}` `</td>` `</tr>` `</table>` `</td>` `</tr>` `</table>` `<table width="1100" border="0" cellpadding="0" cellspacing="0">` `<tr>` `<td width="1100" height="130" valign="bottom"><img src="include/designs/001/Bilder/footer.png" border="0" usemap="#Map"/>` `</td>` `</tr>` `</table>` `<br />` `</td>` `</tr>` `</table>` `</center>` `<map name="Map" id="Map"><area shape="rect" coords="962,72,1017,115" href="#" alt="on top" />` `</map>` `</body>` `{_boxes_cookieplugin}` `</html>` `<!-- anfang + link \|ende \|teilende\|teilee -->` `<!-- horizontaler menupunkt -->` `{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>\|</li>\|<br />\|</ul></li>}` `<!-- horizontaler menupunkt anfang -->` `{_list_hmenubegi@<ul>}` `<!-- horizontaler menupunkt ende -->` `{_list_hmenuende@</ul>}` `<!-- vertikaler menupunkt -->` `{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>\|</li>\|<br /><ul>\|</ul></li>}` `<!-- vertikaler menupunkt anfang -->` `{_list_vmenubegi@<ul>}` `<!-- vertikaler menupunkt ende -->` `{_list_vmenuende@</ul>}`

so derzeit.
hoffe du kannst mir helfen mairu

gaming-evolution.eu/

0 Mitglieder finden den Beitrag gut.

zitieren

Di. 10.01.2017 08:21 Uhr #22

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Du hast ja nicht alles aus meiner ersten Anleitung gemacht. Musst du wohl allerdings auch nicht.

Also wenn ich es jetzt richtig verstehe, dann kann das mit dem #menu ul wieder raus, weil es in der htm ja oben schon steht und für ein horizontales Klappmenü steht, und ich nehme mal an, dass du dies auch nutzt.

Und es sich jetzt um die Menüs 4 + 5 handelt.

Dazu in Zeile 279 eine Klasse einfügen.
?
1
<table class="sidenav" width="1100" border="0" cellpadding="0" cellspacing="0">

Dann sollte es mit
?
1
2
3
.sidenav ul {
list-style: none;
}

funktionieren.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 10.01.2017 22:24 Uhr #23

BleckHall Mitglied

Registriert seit
11.11.2014

Beiträge
244

Beitragswertungen

Zitat geschrieben von Mairu
Du hast ja nicht alles aus meiner ersten Anleitung gemacht. Musst du wohl allerdings auch nicht.

Also wenn ich es jetzt richtig verstehe, dann kann das mit dem #menu ul wieder raus, weil es in der htm ja oben schon steht und für ein horizontales Klappmenü steht, und ich nehme mal an, dass du dies auch nutzt.

Und es sich jetzt um die Menüs 4 + 5 handelt.

Dazu in Zeile 279 eine Klasse einfügen.
?
1
<table class="sidenav" width="1100" border="0" cellpadding="0" cellspacing="0">

Dann sollte es mit
?
1
2
3
.sidenav ul {
list-style: none;
}

funktionieren.

Es hat geklappt!
Danke dir du bist ein schatz

gaming-evolution.eu/
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Menü horizontal machen