Skip to main content

Dreamweaver

For all things Dreamweaver.

10000+ Posts
I
ingo9Known Participant
 Questions
W
Weat01Inspiring
 Questions
H
haleyt88803336Known Participant
 Questions
I
ingo9Known Participant
 Questions
T
triplefoxshezParticipant
 Questions
Preran
Community Manager
PreranCommunity Manager
 Questions
davidhelp
davidhelpInspiring
 Questions
Drop down menu border lines are doubled up

HelloIn this example of a menu I want a 1px border all around.The problem is the dividing lines and the horizontal lines in the drop down menu are doubled up.How to fix?  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Horizontal Drop Down Menu</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); body { background-color: #FFFFE0; padding: 0px; margin-top: 50px; margin-bottom: 50px; } .container { min-width: 650px; max-width: 750px; width: 70%; background-color: #FFFFFF; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .menu ul { list-style-type: none; padding: 0; margin: 0; } .menu li { float: left; position: relative; border-bottom: 1px solid #555555; border-top: 1px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; } .

17932
Liam Dilley
E
Eric5E52Participant
 Questions
W
Weat01Inspiring
 Questions
W
Weat01Inspiring
 Questions
Re: Bootstrap "component is not fully compatible..." [Branched]

[Moderator branched & moved to new topic.]   Hi Nancy I have the same problem, but the boostrap files are version 4? When I try and add a navbar menu, it gives me the same message as for the person above, that: "The component is not fully compatible with the current Bootstrap CSS/ JS file (lower than 4.4.1). A new Bootstrap CSS/JS file will be created and linked from the document." When it creates this new file, the contact form stops working fully - it still sends the message but the validation of email sent (Thank you for your message!) opens up as plain text in a blank html page rather than as a pop-up on the original contact form page. The same thing happens if I try and update the script files (jquery.min.js, validator.min.js, bootstrap.min js, popper min js) linking to them from the cdnjs libraries. I can't find a way of including a navbar menu and keeping the contact form working? Below are the references to the script files in the html contact page.   head>

7081
Nancy OShea
Community Expert
D
Dlewis1212Inspiring
 Questions
W
Weat01Inspiring
 Questions
N
natalyas989462Participant
 Questions
N
nonebiz96195581Participant
 Questions
I
ingo9Known Participant
 Questions
G
Ginger5E1BKnown Participant
 Questions
W
Weat01Inspiring
 Questions
W
wcampInspiring
 Questions
Gareth_Williams
Gareth_WilliamsInspiring
 Questions
davidhelp
davidhelpInspiring
 Questions
Vertical navigation will not display right

Vertical navigation will not display right. How to fix?I know it should work as I have stripped away all the other code and it works correctly in the DW CS6 I have and in Firefox. I use NoteTab and Firefox for the grid and Flex code.<!DOCTYPE html> <html> <head> <title>Responsive 3 Col Grid Flex </title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); body { background-color: #5F9EA0; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .container { display: flex; flex-direction: column; min-height: 100vh; padding: 0px; margin: 0px } @media (min-width: 768px) { .container { display: grid; grid-template-columns: 200px 1fr 200px; grid-template-rows: auto 1fr auto; } } header

2611
davidhelp
michaelr90360332
michaelr90360332Participant
 Questions
davidhelp
davidhelpInspiring
 Questions
Layout using Grid - Cols & rows spill over container problem

HelloWhy do the columns and rows spill over 'container' before and when you resize the browser window?Plus how to get the 'Sidebar' 'main' 'content1' thru 'content5' columns to drop down from each other when resized?How to add the 'content4 and content5 under the grid-template-columns andgrid-template-columns rows?<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Grid Layout 4 col</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); body { background-color: #5F9EA0; margin: 40px; padding: 0px; } .container { width: 85%; display: grid; height: 90vh; grid-template-columns: .70fr .80fr .90fr 1.5fr; /* sidebar, content1, content2, content3 */ grid-template-rows: 0.4fr 2.0fr 1.2fr 1fr; /* height: nav, main, content, footer */ grid-template-areas: "nav nav nav nav " "sidebar main main main" "sidebar content1 conte

3913
B i r n o u
T
TheOriginal150mphInspiring
 Questions
A
andreasn96151084Participant
 Questions
Use CSS File in include file without using L-INK

hi, we're using PHP File in whiche we include some files with e.g. navigation contenten and footer. include ($cfgPath['elements'].'standard1.inc.php');include ('./my-content.inc.php');include ($cfgPath['elements'].'standard2.inc.php'); If I working on my-content.inc.php, I don't have all the style from our stylesheet, whiche will be includes in standard1.inc.php. In earlier versions of DW you could hook up a desing CSS file, which was uses in DW to show the propper design. In the current version I don't see a way to use the stylesheet without linking it with  <link href="/lib/bootstrap-4.6.0/css/custom_main.min.css" rel="stylesheet" type="text/css"> And solutions or ideas? TXS for yxour help.

1601
Nancy OShea
Community Expert
C
ChantalMarieBParticipant
 Questions

Resources

Community Guidelines Help Center Learn tutorials
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices