php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 02-03-2005, 16:20
OnTheRun
 Junior Member
Links : Onlinestatus : OnTheRun ist offline
Registriert seit: Mar 2004
Beiträge: 55
OnTheRun ist zur Zeit noch ein unbeschriebenes Blatt
Standard Positionierungsproblem mit <div>-Tag resp. Liste

Hallo allerseits,
ich möchte gerne drei Links nebeneinander ausgeben, wobei einer davon ein ausklappbares CSS-Menü ist. Das Ganze sollte in etwa so aussehen:

Manage: Content Users Menus

Menus ist hierbei das ausklappbare CSS-Menü.
Mein Problem ist nun, dass die zwei ersten Links nebeneinander liegen, der Link "Menus" wird jedoch eine Zeile darunter ausgegeben.
Im Sourcecode sieht das so aus:

PHP-Code:
<td width="76%" height="30px" style="background: #F1F3F5;    border-bottom: 1px solid #cccccc; font-size: 12px;">
    &
nbsp;<a href="?module=admin&view=admin" target="" onclick="" class="">Home</a>
    &
nbsp;Manage:&nbsp;<a href="?module=admin&view=content" target="" onclick="" class="">Content</a>
    &
nbsp;<a href="?module=admin&view=users" target="" onclick="" class="">Users</a>
    &
nbsp;
    <
div id="menu">

        <
ul>
            <
li>
                <
a href="?module=admin&view=menu">Menus</a>
                <
ul>
                    <
li><a href="?module=admin&view=menu&action=edit&item_id=1" target="" onclick="" class="link">Home</a>
                        <
ul>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=3" target="" onclick="" class="link">Mitarbeiter</a></li>

                            <
li><a href="?module=admin&view=menu&action=edit&item_id=2" target="" onclick="" class="link">Firma</a></li>
                        </
ul>
                    </
li>
                    <
li><a href="?module=admin&view=menu&action=edit&item_id=4" target="" onclick="" class="link">Produkte</a>
                        <
ul>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=6" target="" onclick="" class="link">Aktuell</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=5" target="" onclick="" class="link">Aktionsangebote</a></li>

                            <
li><a href="?module=admin&view=menu&action=edit&item_id=8" target="" onclick="" class="link">DesktopPCs</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=9" target="" onclick="" class="link">Notebooks</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=7" target="" onclick="" class="link">Bildschirme</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=10" target="" onclick="" class="link">Grafikkarten</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=11" target="" onclick="" class="link">Internet-Solutions</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=12" target="" onclick="" class="link">Hosting</a></li>

                            <
li><a href="?module=admin&view=menu&action=edit&item_id=13" target="" onclick="" class="link">Wartungsverträge</a></li>
                        </
ul>
                    </
li>
                    <
li><a href="?module=admin&view=menu&action=edit&item_id=14" target="" onclick="" class="link">Dienstleistungen</a>
                        <
ul>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=15" target="" onclick="" class="link">Hardware</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=17" target="" onclick="" class="link">Netzwerk</a></li>

                            <
li><a href="?module=admin&view=menu&action=edit&item_id=16" target="" onclick="" class="link">Internet</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=18" target="" onclick="" class="link">Internet-Solutions</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=19" target="" onclick="" class="link">Hosting</a></li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=20" target="" onclick="" class="link">Wartungsverträge</a></li>
                        </
ul>
                    </
li>
                            <
li><a href="?module=admin&view=menu&action=edit&item_id=21" target="" onclick="" class="link">Kontakt</a></li>

                </
ul>
            </
li>
        </
ul>
    </
div>
</
td
Laut Sourcecode sollten die drei Elemente doch direkt nebeneinander liegen, oder irre ich mich?
Was mache ich falsch?

Vielen Dank und Gruss
Mit Zitat antworten
freelancermap.de - IT Projektvermittlung für Selbständige und Freiberufler
  #2 (permalink)  
Alt 02-03-2005, 16:28
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard Re: Positionierungsproblem mit <div>-Tag resp. Liste

Zitat:
Original geschrieben von OnTheRun
Was mache ich falsch?
du redest von einem "CSS-menü", zeigst uns aber kein bisschen von deinem CSS ...

(mal ganz abgesehen davon, dass du von CSS redest, aber immer noch sachen wie tabellen, &amp;nbsp; etc. für designerische zwecke missbrauchst.)
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
  #3 (permalink)  
Alt 02-03-2005, 16:34
OnTheRun
 Junior Member
Links : Onlinestatus : OnTheRun ist offline
Registriert seit: Mar 2004
Beiträge: 55
OnTheRun ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Vielen Dank für Deine Antwort.
Ja, das stimmt, ich missbrauche diese Elemente für desigerische Zwecke. Die Seite ist mit Tabellen aufgebaut. Ich wollte das Menü nur zusätzlich einbauen.
Im Anhang die CSS-Datei.

Vielen Dank und Gruss
Angehängte Dateien
Dateityp: txt css01.txt (3,4 KB, 110x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 02-03-2005, 17:05
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

der div, in den du die liste unsinnigerweise verpackt hast (wozu? warum formatierst du nicht das <ul> direkt?), ist nach wie vor ein block element, erzeugt also einen eigenen absatz.


und btw: bitte lies die regeln zum posten von code-beispielen, und brich deinen ersten post entsprechend um, damit man hier nicht meterweise querscrollen muss.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

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

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

PHP Marktplatz-Software
PHP Marktplatz-SoftwareEs hat sich viel getan! Die neue Version 7.5.9 unserer PHP Marktplatz-Software ebiz-trader steht ab sofort zur Verfügung.

28.10.2019 | Berni

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni


 

Aktuelle PHP Scripte

SMT

Server Monitoring & Management Tool Das SMT wurde von einem Administrator für Administratoren entwickelt, es vereinfacht den Alltag in der klassischen Administration und Verwaltung. Mit dem SMT kannst Du alle Deine Server & Dienste verwalten und überwach

04.09.2020 palle_1977 | Kategorie: PHP
numaeks Web-Farbmixer

Die RGB-Farben lassen sich hier auf unterschiedliche Weise mischen. Zur Einstellung werden auch die Dreh- und Schieberegler mit Canvas verwendet. Gespeichert werden die Farben in einem Cookie.

04.09.2020 numaek | Kategorie: JAVASCRIPT/ Tools
phplinX-Erotikportal 4 ansehen phplinX-Erotikportal 4

Erweiterbares Portal speziell für Erotik mit den Modulen Webkatalog, Bannermanagement und Kleinanzeigenmarkt. Sämtliche Module können über einen einzigen Adminbereich verwaltet werden.

18.06.2020 Cosinus14 | Kategorie: PHP/ Anzeigenmarkt
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 08:22 Uhr.