Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 04:59

  • Please register to post and access all features, it's quick, easy and FREE!


Anfänger-Frage: Border in einem Border

Reply
 
Old   #1
 
elite*gold: 0
Join Date: Apr 2017
Posts: 3
Received Thanks: 0
Anfänger-Frage: Border in einem Border

Hallo,

ich möchte in einige Border noch einige andere Border, die als Navigation dienen. Also in einem großen Border sind mehrere kleine mit dem Text "Home" "Zweite Seite". Und noch einige andere. Das Problem ist, dass ich die Border nicht in einen reinbekomme. Über Css klappt das bei mir nicht. Könnte mir jemand helfen?

Ein Bild sagt mehr als 100 Worte, auch wenn es kein schönes ist xD
Attached Images
File Type: jpg 20170407_215410.jpg (614.0 KB, 53 views)



Aragonal is offline  
Old 04/08/2017, 01:00   #2
 
elite*gold: 0
Join Date: Apr 2008
Posts: 497
Received Thanks: 617
Das is jetzt keine besonders aussagekräftige Problembeschreibung. Woran hängts denn genau? Überlagern sich die Border nicht?


florian0 is offline  
Old 04/08/2017, 09:32   #3
 
elite*gold: 0
Join Date: Apr 2017
Posts: 3
Received Thanks: 0
Yep, genau das ist mein Problem

EDIT: Hast vielleicht ein Code, wo sich 2 Border überlagern? Würde mir wahnsinnig helfen. Vielleicht noch wie man sie im anderen Border noch richtig positioniert?
Aragonal is offline  
Old 04/08/2017, 09:47   #4
 
elite*gold: 0
Join Date: Apr 2008
Posts: 497
Received Thanks: 617
Es gibt zwei Möglichkeiten das ganze zu Lösen.

Code:
<div class="outer">
  <div class="inner">
    My Div
  </div>
</div>
Die erste, und meiner Meinung nach sauberste ist: Einfach keine doppelten Border anzeigen :P

Oder, zweiteres, das Element mit negativen Margin in eine Richtung ziehen:



florian0 is offline  
Thanks
1 User
Old 04/08/2017, 10:41   #5
 
elite*gold: 0
Join Date: Apr 2017
Posts: 3
Received Thanks: 0
Danke dir! Ich versuch es mal.

Hey,

funktioniert einwandfrei. Eine Frage:
1. Bei der Positionierung: Wenn ich den Outer-Border ändere(Width und Height), muss ich ständig die Margin ändern. Das dauert dann einiges an Zeit bis es passt. Gibt es da einen Trick, nicht raten zu müssen, sondern irgendwie mit einem Mal so anpasst, dass es immer noch die gleiche Form hat, wie vorher?

Code:
<div class="outer">
  <div class="home">
    Home
  </div>
  
  <div class="ZweiteSeite">
    Home
  </div>
</div>
Code:
.home {
  padding: 5px;
  border: 3px solid;
  text-align: center;
  margin: 0px 620px 10px 10px;
  
  margin-top: -3px;
  
}

.ZweiteSeite {
  padding: 5px;
  border: 3px solid;
  text-align: center;
  margin: 0px 620px 10px 500px;
  
  margin-top: -3px;
  
}

.outer {
	margin: auto;
  border: 3px solid;
  width: 700;
  height: 900;
}
Die zweite Seite wird automatisch einen unter Home gestellt nicht daneben..

Hier auch das Problem, das ich oben in Frageform formuliert habe . Ich danke dir für deine Zeit, die du nutzt, um mir zu helfen

EDIT: Das erste Problem gelöst. Margin Top muss um 40 angehoben werden. Das mit dem Raten, also wie die Margin verändert werden muss bei Veränderung des outer Borders nicht oder bei Veränderung der Position meines Home Kasten
Attached Images
File Type: jpg Html.jpg (3.1 KB, 33 views)
Aragonal is offline  
Old 04/09/2017, 21:40   #6
 
elite*gold: 0
Join Date: Apr 2015
Posts: 433
Received Thanks: 362
Ich verstehe ehrlich gesagt nicht ganz, was du suchst. Ich habe dir mal ein Beispiel gemacht, wie ich das ganze verstehe:
#Metho is offline  
Old 04/10/2017, 09:38   #7


 
elite*gold: 145
Join Date: Oct 2014
Posts: 1,103
Received Thanks: 194
Ich verstehe deine Frage auch nicht wirklich.
Hauptsächlich die 2te nicht ^^

Aber das mit dem " rumprobieren " , wird dir nicht erspart bleiben. Sowas kommt mit der Zeit ins Gefühl wie viel du wo ändern musst ,dass es ca stimmen könnte.

Du könntest jedoch auch nicht mit festen Werten, sondern % arbeiten.
Dann würden sich die Elemente immer prozentual an den Bildschirm / Zoomfaktor anpassen.

Wobei es da auch einige bessere Methoden gibt. Aber für den Anfang würde dies so wie du es aktuell machst eigentlich reichen.


Mad0ck is offline  
Reply

Tags
css, html



« Echo with div stays perm | [MYSQL]MySql WHERE Abfrage funktioniert nicht. »

Similar Threads
[Buying] Master border/chall border account
05/21/2016 - League of Legends Trading - 0 Replies
Hey i wanna buy a master/chall border account from s5 idc how many champs/skins and dont care what server add me on kasper.jensen1998
[Buying] WTB Challenger Border/master border NA
09/05/2015 - League of Legends Trading - 0 Replies
What I want Challenger border/Master tier border Low champs no skins OR Currently Challenger Or Master Tier account with low champs no skins The Border can be any server as long as your transfer
[Selling] 3 EU-W ACC's : JUNGLER's(plat border)MID's(diamond border)NORMAL acc(gold border)
03/14/2014 - League of Legends Trading - 2 Replies
1st acc Hello, I have account to sell on EU-W, with platinum border in loading screen. Account was plat 1 but I've not managed to get it into diamond. Account is currently unranked, has 300~rp and 300 ip with 4win ip boost. The mmr was high but I had no time to get it higher in s3. Also i'm giving e-mail where all messages of riot were. All other information are on screens below champs http://i.imgur.com/mGl7Xck.jpg runes http://i.imgur.com/HzfpGYp.jpg skins...
[Trading] Dia 3vs3 Team + EUW Gold Border-Acc for Plat-border/Dia-Border
03/08/2014 - League of Legends Trading - 0 Replies
I want to trade my >>Diamond V<< 3vs3 Team and my S3 Gold 1 Account with Gold Rewards, both on EUW for an Account with Diamond-Border or at least Platinum-Border. Amount of Skins, Champs and Runes are not important. Border matters. PM me for info
Verkaufe 2 Accounts Silber(platin border) Unranked (gold border)
03/01/2014 - League of Legends Trading - 3 Replies
hey verkaufe 2 accounts Account A: - 105 champs - 43 Skins(viele rare unter und beide ultimates und viele legendarys) - Silber 3 ( in promo 1win 1 lose) - Letzte season platinum - über 500 Normal wins - 6300 Ip



All times are GMT +1. The time now is 04:59.


Powered by vBulletin®
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Abuse
Copyright ©2018 elitepvpers All Rights Reserved.